PHP 네이티브 개발 뉴스 스테이션의 뉴스 목록 (2)

저번 수업에서 뉴스 데이터 테이블 생성을 완료했으니 오늘은 뉴스 목록 표시 페이지를 만드는 방법을 설명하고 배경 템플릿에서 콘텐츠 관리 페이지를 찾아서~ 추가하는 방법을 설명하겠습니다. 중복코드는 필요없고 삭제하세요!

그럼 뉴스 목록 페이지 만들기를 시작해 보겠습니다!

1단계: 데이터베이스에 연결

<?php
// 显示所有的错误
error_reporting(E_ALL & ~E_NOTICE  );
// 连接mysql数据库
$link = mysqli_connect('localhost','root', 'root');
if (!$link) {
    echo "connect mysql error!";
    exit();
}
// 选中数据库 news为数据库的名字
$db_selected = mysqli_select_db($link, 'news');
if (!$db_selected) {
    echo "<br>selected db error!";
    exit();
}
// 设置mysql字符集 为 utf8
$link->query("set names utf8");
?>

2단계: 데이터 테이블의 모든 내용을 쿼리하고 SQL 문 실행

$sql = "select * from new where 1 "; // 查询语句
$result = mysqli_query($link, $sql);
$arr_news = mysqli_fetch_all($result, MYSQL_ASSOC);

3단계: 이제 데이터 테이블의 모든 데이터를 얻었으므로 이제 필요합니다. 루프로 데이터가 출력되고, 템플릿에서 데이터가 출력될 위치를 찾아 데이터를 얻어옵니다!

<table class="table table-hover text-center">
    <tr>
        <th width="100" style="text-align:left; padding-left:20px;">ID</th>
        <th>分类名</th>
        <th>标题</th>
        <th>内容</th>
        <th>关键字</th>
        <th>图片</th>
        <th>作者</th>
        <th width="10%">更新时间</th>
        <th width="310">操作</th>
    </tr>
    <?php
     if($arr_news){
         foreach ($arr_news as $val){
             echo "<tr>";
             echo " <td style='text-align:left; padding-left:20px;'>
                    <input type='checkbox' name='id[]' value='' />{$val['id']}</td>";
             echo "<td>{$new_category_value[$val['category_id']]}</td>";
             echo "<td>". mb_substr($val['title'], 0,15,"utf-8")."</td>";
             echo "<td>". mb_substr($val['content'], 0,20,"utf-8")."</td>";
             echo "<td>{$val['tag']}</td>";

             if($val['pic']){
                 echo "<td ><img src='{$val['pic']}' style='width: 50px; height: 50px'></td>";
             }else{
                 echo "<td>暂无图片</td>";
             }
             echo "<td>{$val['author']}</td>";
             echo "<td>{$val['created_at']}</td>";
             ?>
             <td>
              <div class='button-group'> 
              <a class='button border-main' href='new_edit.php?id=<?php echo $val['id'];?>'>
              <span class='icon-edit'></span> 修改</a>
              <a class='button border-red' href='javascript:;' onclick='return del(<?php echo $val['id']?>)'>
              <span class='icon-trash-o'></span> 删除</a> 
              </div>
              </td>
    <?
             echo "</tr>";
         }
     }
    ?>

여기서 foreach를 사용하여 데이터를 탐색합니다. 물론 다양한 루프 방법이 있습니다. 익숙한 방법에 따라 함수를 완성할 수 있습니다~

설명: 여기에 카테고리 이름이 있습니다. 이것이 바로 우리 카테고리의 내용입니다! 따라서 여기서는 뉴스 테이블뿐만 아니라 분류 테이블도 쿼리해야 합니다.

<?php
$sql  = "select * from new_category ";
$result = mysqli_query($link, $sql);
$new_category = mysqli_fetch_all($result, MYSQL_ASSOC);
$new_category_value = array();
foreach($new_category as $val ){
    $new_category_value[$val['id']] = $val['name'];
}
?>

분류표를 꺼내서 분류표를 횡단해보세요!

위 사진처럼 모든 소식이 나옵니다!

다음 섹션

새로운 파일

<?php
// 显示所有的错误
error_reporting(E_ALL & ~E_NOTICE );
// 连接mysql数据库
$link = mysqli_connect('localhost','root', 'root');
if (!$link) {
 echo "connect mysql error!";
 exit();
}
// 选中数据库 news为数据库的名字
$db_selected = mysqli_select_db($link, 'news');
if (!$db_selected) {
 echo "<br>selected db error!";
 exit();
}
// 设置mysql字符集 为 utf8
$link->query("set names utf8");
$sql = "select * from new where 1 "; // 查询语句
$result = mysqli_query($link, $sql);
$arr_news = mysqli_fetch_all($result, MYSQL_ASSOC);

//新闻分类
$sql = "select * from new_category ";
$result = mysqli_query($link, $sql);
$new_category = mysqli_fetch_all($result, MYSQL_ASSOC);
$new_category_value = array();
foreach($new_category as $val ){
 $new_category_value[$val['id']] = $val['name'];
}
?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 <meta name="renderer" content="webkit">
 <title></title>
 <link rel="stylesheet" href="../css/pintuer.css">
 <link rel="stylesheet" href="../css/admin.css">
 <script src="../js/jquery.js"></script>
 <script src="../js/pintuer.js"></script>
</head>
<body>
<form method="get" action="" id="listform">
 <div class="panel admin-panel">
 <div class="panel-head"><strong class="icon-reorder"> 内容列表</strong> <a href="" style="float:right; display:none;">添加字段</a></div>
 <div class="padding border-bottom">
 <ul class="search" style="padding-left:10px;">
 <li> <a class="button border-main icon-plus-square-o" href="news_add.php"> 添加内容</a> </li>
 <if condition="$iscid eq 1">
 <li>
 <select name="category_id" class="input" style="width:200px; line-height:17px;" onchange="changesearch()">
 <option value="">-请选择-</option>
 <?php
 foreach( $new_category_value as $key => $val ){
 ?>
 <option value="<?php echo $key;?>" <?php if($_GET['category_id']==$key) echo "selected";?>><?php echo $val;?></option>
 <?php
 }
 ?>
 </select>
 </li>
 </if>
 <li>
 <input type="text" placeholder="请输入搜索关键字" name="keywords" class="input" style="width:250px; line-height:17px;display:inline-block" />
 <a href="javascript:void(0)" class="button border-main icon-search" onclick="changesearch()" > 搜索</a></li>
 </ul>
 </div>
 <table class="table table-hover text-center">
 <tr>
 <th width="100" style="text-align:left; padding-left:20px;">ID</th>
 <th>分类名</th>
 <th>标题</th>
 <th>内容</th>
 <th>关键字</th>
 <th>图片</th>
 <th>作者</th>
 <th width="10%">更新时间</th>
 <th width="310">操作</th>
 </tr>
 <?php
 if($arr_news){
 foreach ($arr_news as $val){
 echo "<tr>";
 echo " <td style='text-align:left; padding-left:20px;'>
 <input type='checkbox' name='id[]' value='' />{$val['id']}</td>";
 echo "<td>{$new_category_value[$val['category_id']]}</td>";
 echo "<td>". mb_substr($val['title'], 0,15,"utf-8")."</td>";
 echo "<td>". mb_substr($val['content'], 0,20,"utf-8")."</td>";
 echo "<td>{$val['tag']}</td>";

 if($val['pic']){
 echo "<td ><img src='{$val['pic']}' style='width: 50px; height: 50px'></td>";
 }else{
 echo "<td>暂无图片</td>";
 }
 echo "<td>{$val['author']}</td>";
 echo "<td>{$val['created_at']}</td>";
 ?>
 <td>
 <div class='button-group'> 
 <a class='button border-main' href='new_edit.php?id=<?php echo $val['id'];?>'>
 <span class='icon-edit'></span> 修改</a>
 <a class='button border-red' href='javascript:;' onclick='return del(<?php echo $val['id']?>)'>
 <span class='icon-trash-o'></span> 删除</a> 
 </div>
 </td>
 <?
 echo "</tr>";
 }
 }
 ?>

 <tr>
 <td style="text-align:left; padding:19px 0;padding-left:20px;">
 <input type="checkbox" id="checkall"/>
 全选 </td>
 <td colspan="8" style="text-align:left;padding-left:20px;">
 <a href="javascript:void(0)" class="button border-red icon-trash-o" style="padding:5px 15px;" onclick="DelSelect()"> 删除</a>
 移动到：
 <select name="movecid" style="padding:5px 15px; border:1px solid #ddd;" onchange="changecate(this)">
 <option value="">请选择分类</option>
 <option value="">产品分类</option>
 <option value="">产品分类</option>
 <option value="">产品分类</option>
 <option value="">产品分类</option>
 </select>
 </td>
 </tr>
 <tr>

 <td colspan="8">
 <div class="pagelist">
 <a href="new_list.php">首页</a>
 <?php
 if( $page > 1 ){
 ?>
 <a href="new_list.php?page=<?php echo $pre_page;?>">上一页</a>
 <?
 }
 if( $page < $max_page ){
 ?>
 <a href="new_list.php?page=<?php echo $next_page;?>">下一页</a>
 <?
 }
 ?>
 <a href="new_list.php?page=<?php echo $max_page;?>">末页</a>
 / 总页码 <font color="red"><?php echo $max_page;?></font>页 当前页码 <font color="red"><?php echo $page;?></font>页
 </div>
 </td>
 </tr>
 </table>
 </div>
</form>
<script type="text/javascript">

 //搜索
 function changesearch(){

 }

 //单个删除
 function del(id){
 if(confirm("您确定要删除吗?")){
 document.location.href = "new_delete.php?id=" + id ;
 }
 }

 //全选
 $("#checkall").click(function(){
 $("input[name='id[]']").each(function(){
 if (this.checked) {
 this.checked = false;
 }
 else {
 this.checked = true;
 }
 });
 })

 //批量删除
 function DelSelect(){
 var Checkbox=false;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 Checkbox=true;
 }
 });

 //单个删除
 if (Checkbox){
 var t=confirm("您确认要删除选中的内容吗？");
 if (t==false) return false;
 $("#listform").submit();
 }
 else{
 alert("请选择您要删除的内容!");
 return false;
 }
 }

 //批量排序
 function sorts(){
 var Checkbox=false;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 Checkbox=true;
 }
 });
 if (Checkbox){

 $("#listform").submit();
 }
 else{
 alert("请选择要操作的内容!");
 return false;
 }
 }


 //批量首页显示
 function changeishome(o){
 var Checkbox=false;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 Checkbox=true;
 }
 });
 if (Checkbox){

 $("#listform").submit();
 }
 else{
 alert("请选择要操作的内容!");

 return false;
 }
 }

 //批量推荐
 function changeisvouch(o){
 var Checkbox=false;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 Checkbox=true;
 }
 });
 if (Checkbox){


 $("#listform").submit();
 }
 else{
 alert("请选择要操作的内容!");

 return false;
 }
 }

 //批量置顶
 function changeistop(o){
 var Checkbox=false;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 Checkbox=true;
 }
 });
 if (Checkbox){

 $("#listform").submit();
 }
 else{
 alert("请选择要操作的内容!");

 return false;
 }
 }


 //批量移动
 function changecate(o){
 var Checkbox=false;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 Checkbox=true;
 }
 });
 if (Checkbox){

 $("#listform").submit();
 }
 else{
 alert("请选择要操作的内容!");

 return false;
 }
 }

 //批量复制
 function changecopy(o){
 var Checkbox=false;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 Checkbox=true;
 }
 });
 if (Checkbox){
 var i = 0;
 $("input[name='id[]']").each(function(){
 if (this.checked==true) {
 i++;
 }
 });
 if(i>1){
 alert("只能选择一条信息!");
 $(o).find("option:first").prop("selected","selected");
 }else{

 $("#listform").submit();
 }
 }
 else{
 alert("请选择要复制的内容!");
 $(o).find("option:first").prop("selected","selected");
 return false;
 }
 }

</script>
</body>
</html>

제출하다 코드 재설정

자동운전

전체 화면