メッセージを表示する PHP 開発掲示板チュートリアル
次のコードを見てください:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>留言板</title> <style type="text/css"> *{margin:0px;padding:0px;} body{background:#eee;} #bdy{width:414px;height:736px;margin:0 auto;margin-top:20px; background:#66CDAA; } #top{font-family:"隶书";font-size:30px;text-align:center;/*margin-top:18px;*/ color:#f60;} .a{text-decoration:none;color:#fff;float:right;padding-right:15px;} .a:hover{color:red;} #cont{width:414px;height:736px;margin:0 auto;margin-top:20px;} #left{width:350px;height:300px;margin-top:80px;margin-left:15px;/*float:left;*/ background:#48D1CC;padding-left:5px;} #right{width:360px;height:200px;margin-top:20px;background:#48D1CC; margin-left:15px;/*float:left;*/} h5{text-align:center;margin-top:15px;margin-bottom:20px;} #sub{width:120px;height:25px;margin-top:15px;} #sub:hover{background:#AFEEEE;} .span{font-size:18px;color:red;font-weight:bold;} table{width:360px;margin:0 auto;margin-top:15px;border:1px solid #eee;} td{text-align:center;} #td a{text-decoration:none;color:#eee;} #td a:hover{color:red;} </style> </head> <body> <div id="bdy"> <div id="top">留言板</div> <a href="login.php" class="a">登录</a> <a href="reg.php" class="a">注册</a> <div id="cont"> <div id="left"> <h5>写留言</h5> <form method="post" action="addmessage.php"> 标题:<input type="text" placeholder="请输入标题" name="title"> </br></br> 内容:<textarea cols="40" rows="5" name="content"></textarea> </br></br> <input type="submit" value="添加留言" id="sub"> </form> </div> <div id="right"></div> </div> </div> </body> </html>
ここでは <div id="right"></div> を書きました。
このタグにはコンテンツを追加していません。ここにメッセージが表示されます。
レットは、次のコードを見てください&lt; div id = "right"&gt; id&lt;/th&gt; 「TD」&gt; ;/table></div>
テーブルを使って、表示内容を書いていきます
ファイルの先頭にphpタグを追加します
コードは次のとおりです:
<?php session_start(); require_once('conn.php');//链接数据库 //分页 $page=isset($_GET['page']) ?$_GET['page'] :1 ;//接收页码 $page=!empty($page) ? $page :1; $table_name="mess";//查取表名设置 $perpage=5;//每页显示的数据个数 //最大页数和总记录数 $total_sql="select count(*) from $table_name"; $total_result =mysql_query($total_sql); $total_row=mysql_fetch_row($total_result); $total = $total_row[0];//获取最大页码数 $total_page = ceil($total/$perpage);//向上整数 //临界点 $page=$page>$total_page ? $total_page:$page;//当下一页数大于最大页数时的情况 //分页设置初始化 $start=($page-1)*$perpage; //展示留言 $sql1 = "select * from mess order by id desc limit $start,$perpage"; $res = mysql_query($sql1); //$row=mysql_fetch_array($res); ?>
次に、 HTMLページPHPコードも追加します。;
'];?>,こんにちは! &lt;/span&gt;
ref = "reg .php" class = "a"&gt; register&lt;/a&gt;
"&gt; ;
;
<div id="right">
<table cellpacing="0" cellpadding="0" border="1">
<tr>
<th>ID</th>
< ;th>标题</th>
<th>内容</th>
<th>発言者</th> ;
</tr>
<?php
while($row = mysql_fetch_array ($res)){
?>
<tr>
<td><?php echo $ row['id'];?></td>
<td><?php echo $row['title'];?</td>
<td<?php echo $row['content'];?></td>
<td>< ?php echo $_SESSION['name'];?></td>
</tr>
<?php
}
?>
<tdcolspan="4" id="td">
<a href="<?php echo "$_SERVER[PHP_SELF]? page=1"?>">首页</a>
<a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page-1)?>"> ;上一页</a>
<a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page+1)?>">下一页</ a>
<a href="<?php echo "$_SERVER[PHP_SELF]?page={$total_page}"?>">末页</a>
</tr>
</table> </div>
</div>
下面是完整代码:
<?php session_start(); require_once('conn.php');//链接数据库 //分页 $page=isset($_GET['page']) ?$_GET['page'] :1 ;//接收页码 $page=!empty($page) ? $page :1; $table_name="mess";//查取表名设置 $perpage=5;//每页显示的数据个数 //最大页数和总记录数 $total_sql="select count(*) from $table_name"; $total_result =mysql_query($total_sql); $total_row=mysql_fetch_row($total_result); $total = $total_row[0];//获取最大页码数 $total_page = ceil($total/$perpage);//向上整数 //临界点 $page=$page>$total_page ? $total_page:$page;//当下一页数大于最大页数时的情况 //分页设置初始化 $start=($page-1)*$perpage; //展示留言 $sql1 = "select * from mess order by id desc limit $start,$perpage"; $res = mysql_query($sql1); //$row=mysql_fetch_array($res); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>留言板</title> <style type="text/css"> *{margin:0px;padding:0px;} body{background:#eee;} #bdy{width:414px;height:736px;margin:0 auto;margin-top:20px; background:#66CDAA; } #top{font-family:"隶书";font-size:30px;text-align:center;/*margin-top:18px;*/ color:#f60;} .a{text-decoration:none;color:#fff;float:right;padding-right:15px;} .a:hover{color:red;} #cont{width:414px;height:736px;margin:0 auto;margin-top:20px;} #left{width:350px;height:300px;margin-top:80px;margin-left:15px;/*float:left;*/ background:#48D1CC;padding-left:5px;} #right{width:360px;height:200px;margin-top:20px;background:#48D1CC; margin-left:15px;/*float:left;*/} h5{text-align:center;margin-top:15px;margin-bottom:20px;} #sub{width:120px;height:25px;margin-top:15px;} #sub:hover{background:#AFEEEE;} .span{font-size:18px;color:red;font-weight:bold;} table{width:360px;margin:0 auto;margin-top:15px;border:1px solid #eee;} td{text-align:center;} #td a{text-decoration:none;color:#eee;} #td a:hover{color:red;} </style> </head> <body> <div id="bdy"> <div id="top">留言板</div> <?php if(!empty($_SESSION['name'])){ ?> <span class="span">尊敬的用户:<?php echo $_SESSION['name'];?>,您好!</span> <?php }else{ ?> <a href="login.php" class="a">登录</a> <a href="reg.php" class="a">注册</a> <?php } ?> <div id="cont"> <div id="left"> <h5>写留言</h5> <form method="post" action="addmessage.php"> 标题:<input type="text" placeholder="请输入标题" name="title"> </br></br> 内容:<textarea cols="40" rows="5" name="content"></textarea> </br></br> <input type="submit" value="添加留言" id="sub"> </form> </div> <div id="right"> <table cellspacing="0" cellpadding="0" border="1"> <tr> <th>ID</th> <th>标题</th> <th>内容</th> <th>留言者</th> </tr> <?php while($row = mysql_fetch_array($res)){ ?> <tr> <td><?php echo $row['id'];?></td> <td><?php echo $row['title'];?></td> <td><?php echo $row['content'];?></td> <td><?php echo $_SESSION['name'];?></td> </tr> <?php } ?> <tr> <td colspan="4" id="td"> <a href="<?php echo "$_SERVER[PHP_SELF]?page=1"?>">首页</a> <a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page-1)?>">上一页</a> <a href="<?php echo "$_SERVER[PHP_SELF]?page=".($page+1)?>">下一页</a> <a href="<?php echo "$_SERVER[PHP_SELF]?page={$total_page}"?>">末页</a> </td> </tr> </table> </div> </div> </div> </body> </html>
||
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>留言板</title>
<style type="text/css">
*{margin:0px;padding:0px;}
body{background:#eee;}
#bdy{width:414px;height:736px;margin:0 auto;margin-top:20px;
background:#66CDAA;
}
#top{font-family:"隶书";font-size:30px;text-align:center;/*margin-top:18px;*/
color:#f60;}
.a{text-decoration:none;color:#fff;float:right;padding-right:15px;}
.a:hover{color:red;}
#cont{width:414px;height:736px;margin:0 auto;margin-top:20px;}
#left{width:350px;height:300px;margin-top:80px;margin-left:15px;/*float:left;*/
background:#48D1CC;padding-left:5px;}
#right{width:360px;height:200px;margin-top:20px;background:#48D1CC;
margin-left:15px;/*float:left;*/}
h5{text-align:center;margin-top:15px;margin-bottom:20px;}
#sub{width:120px;height:25px;margin-top:15px;}
#sub:hover{background:#AFEEEE;}
.span{font-size:18px;color:red;font-weight:bold;}
table{width:360px;margin:0 auto;margin-top:15px;border:1px solid #eee;}
td{text-align:center;}
#td a{text-decoration:none;color:#eee;}
#td a:hover{color:red;}
</style>
</head>
<body>
<div id="bdy">
<div id="top">留言板</div>
<a href="login.php" class="a">登录</a>
<a href="reg.php" class="a">注册</a>
<div id="cont">
<div id="left">
<h5>写留言</h5>
<form method="post" action="addmessage.php">
标题:<input type="text" placeholder="请输入标题" name="title">
</br></br>
内容:<textarea cols="40" rows="5" name="content"></textarea>
</br></br>
<input type="submit" value="添加留言" id="sub">
</form>
</div>
<div id="right">
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<th>ID</th>
<th>标题</th>
<th>内容</th>
<th>留言者</th>
</tr>
<tr>
<td>1</td>
<td>明天过后</td>
<td>11111</td>
<td>张飞</td>
</tr>
<tr>
<td colspan="4" id="td">
<a href="">首页</a>
<a href="">上一页</a>
<a href="">下一页</a>
<a href="">末页</a>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
- おすすめコース
- コースウェアのダウンロード
-
初級Imperial CMS エンタープライズ模倣 Web サイトのチュートリアル
3048 人が視聴しています -
初級WordPress の基礎がまったくない初心者が個人のブログや企業 Web サイトを構築する
6743 人が視聴しています -
初級究極のCMSゼロベースWebサイト構築解説ビデオ
2724 人が視聴しています -
初級フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]
3117 人が視聴しています -
中級Vue3.0 を 0 から構築してユニバーサル バックエンド管理システム プロジェクトの実践を構築
5351 人が視聴しています -
初級ゼロベースフロントエンド講座【Vueの高度な学習と実践】
2821 人が視聴しています -
初級WEBフロントエンドチュートリアル【HTML5+CSS3+JS】
3506 人が視聴しています -
初級apipost の簡単な紹介
2161 人が視聴しています -
中級Vue3+TypeScript 実践チュートリアル - エンタープライズレベルのプロジェクト演習
3208 人が視聴しています -
初級PHP でビジネスを始めることについて簡単に説明しましょう
17423 人が視聴しています -
中級VUE eコマースプロジェクト(フロントエンド&バックエンドのデュアルプロジェクト実戦)
3828 人が視聴しています -
初級Apipost 実用化 [API、インターフェース、自動テスト、モック]
2265 人が視聴しています
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます