Paparan kesan sistem penerbitan artikel pembangunan PHP
Matlamat Projek
Projek ini terutamanya untuk membangunkan sistem penerbitan artikel yang ringkas, fungsi utamanya ialah
1. Semak penambahan, pemadaman dan pengubahsuaian artikel di bahagian belakang
2. Senarai artikel dan butiran artikel di bahagian hadapan
Kesan yang dicapai oleh projek
Halaman pengurusan artikel belakang:
<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>文章管理</title>
<meta charset="utf-8">
<style>
.box{
background-color:#f0f0f0;
}
.title{
margin:0 auto;
border:1px solid black;
width:400px;
}
.middle{
margin:0 auto;
border:1px solid black;
width:400px;
}
.menu{
margin:-50px 0px 1px 319px;
width:80px;
}
.content{
clear:both;
}
.art{
text-align:center;
}
.num{
float:left;
border:1px solid black;
width:50px;
font-size: 13px;
}
.tit{
float:left;
border:1px solid black;
width:274px;
font-size: 13px;
}
.act{
float:left;
border:1px solid black;
width:70px;
font-size: 13px;
}
.bottom{
width:400px;
margin:0 auto;
border:1px solid black;
clear:both;
}
</style>
</head>
<body>
<div class="box">
<div class="title"><h1>后臺(tái)管理系統(tǒng)</h1>
<div class="menu">
<a href="admin_add.php">發(fā)布文章</a><br>
<a href="admin_manage.php">管理文章</a>
</div>
</div>
<div class="middle">
<div class="art">文章管理列表</div>
<div class="num">編號(hào)</div>
<div class="tit">標(biāo)題</div>
<div class="act">操作</div>
<div class="content">
<div class="num">28</div>
<div class="tit">Facebook 將 PHP 編譯成 JVM 字節(jié)碼？</div>
<div class="act">
<a href="admin_modify.php?id=28">修改</a>
<a href="admin_del_handle.php?id=28">刪除</a>
</div>
<div class="num">27</div>
<div class="tit">PHP 5.5 或?qū)⒁?nbsp;Generators</div>
<div class="act">
<a href="admin_modify.php?id=27">修改</a>
<a href="admin_del_handle.php?id=27">刪除</a>
</div>
<div class="num">26</div>
<div class="tit">國(guó)外十大最流行PHP框架排名</div>
<div class="act">
<a href="admin_modify.php?id=26">修改</a>
<a href="admin_del_handle.php?id=26">刪除</a>
</div>
<div class="num">25</div>
<div class="tit">php接收標(biāo)準(zhǔn)輸入解決分布式處理實(shí)現(xiàn)方法</div>
<div class="act">
<a href="admin_modify.php?id=25">修改</a>
<a href="admin_del_handle.php?id=25">刪除</a>
</div>
<div class="num">24</div>
<div class="tit">PhpStorm 6 發(fā)布，PHP 集成開(kāi)發(fā)環(huán)境</div>
<div class="act">
<a href="admin_modify.php?id=24">修改</a>
<a href="admin_del_handle.php?id=24">刪除</a>
</div>
<div class="num">23</div>
<div class="tit">PHP閉包（Closure）初探</div>
<div class="act">
<a href="admin_modify.php?id=23">修改</a>
<a href="admin_del_handle.php?id=23">刪除</a>
</div>
<div class="num">22</div>
<div class="tit">為什么 PHP 應(yīng)該使用 PDO 方式訪問(wèn)數(shù)據(jù)庫(kù)</div>
<div class="act">
<a href="admin_modify.php?id=22">修改</a>
<a href="admin_del_handle.php?id=22">刪除</a>
</div>
<div class="num">21</div>
<div class="tit">PHP5.5 + Apache2.4.4 初體驗(yàn)（64位）</div>
<div class="act">
<a href="admin_modify.php?id=21">修改</a>
<a href="admin_del_handle.php?id=21">刪除</a>
</div>
<div class="num">20</div>
<div class="tit">Nginx 上的 php-fpm 資源侵占問(wèn)題</div>
<div class="act">
<a href="admin_modify.php?id=20">修改</a>
<a href="admin_del_handle.php?id=20">刪除</a>
</div>
<div class="num">19</div>
<div class="tit">PHP開(kāi)發(fā)：從程序化到面向?qū)ο缶幊?lt;/div>
<div class="act">
<a href="admin_modify.php?id=19">修改</a>
<a href="admin_del_handle.php?id=19">刪除</a>
</div>
<div class="num">18</div>
<div class="tit">動(dòng)態(tài)網(wǎng)頁(yè)制作PHP常用的正則表達(dá)式</div>
<div class="act">
<a href="admin_modify.php?id=18">修改</a>
<a href="admin_del_handle.php?id=18">刪除</a>
</div>
<div class="num">15</div>
<div class="tit">動(dòng)態(tài)語(yǔ)言正成為開(kāi)發(fā)者的重要工具</div>
<div class="act">
<a href="admin_modify.php?id=15">修改</a>
<a href="admin_del_handle.php?id=15">刪除</a>
</div>
<div class="num">13</div>
<div class="tit">用PHP編程語(yǔ)言開(kāi)發(fā)動(dòng)態(tài)WAP頁(yè)面</div>
<div class="act">
<a href="admin_modify.php?id=13">修改</a>
<a href="admin_del_handle.php?id=13">刪除</a>
</div>
</div>
</div>
<div class="bottom">
歡迎聯(lián)系我們<a href="http://ipnx.cn">php中文網(wǎng)</a><br>
前臺(tái)展示頁(yè)面<a href="../home/home_list.php">php咨詢站</a>
</div>
</div>
</body></html>Halaman penerbitan artikel belakang:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<title>發(fā)布文章</title>
<meta charset="utf-8" />
<style>
.box{
background-color:#f0f0f0;
}
.title{
background-color:#f0f0f0;
width:400px;
height:100px;
border-bottom:1px solid black;
}
.menu{
margin:-25px 0px 1px 319px;
width:80px;
}
.middle{
border-bottom:1px solid black;
}
.bottom{
}
</style>
</head>
<body>
<div class="box">
<div class="title">
<h1>后臺(tái)管理系統(tǒng)</h1>
<div class="menu">
<a href="admin_add.php">發(fā)布文章</a><br/>
<a href="admin_manage.php">管理文章</a>
</div>
</div>
<div class="middle">
<form method="post" action="admin_add_handle.php">
<div><h2>發(fā)布文章</h2></div>
<div>標(biāo)題:<input type="text" name="title" /></div><br/>
<div>作者:<input type="text" name="author" /></div><br/>
<div>簡(jiǎn)介:<br/><textarea name="description" cols="50" rows="4"></textarea></div><br/>
<div>內(nèi)容:<br/><textarea name="content" cols="50" rows="9" ></textarea></div><br/>
<div><input type="submit" name="button" value="提交" /></div><br/>
</form>
</div>
<br/><div class="bottom">歡迎聯(lián)系我們<a href="http://ipnx.cn">php中文網(wǎng)</a></div>
</div>
</body>
</html>Halaman pengubahsuaian artikel belakang:
<?php
require_once("../connect.php");
$id=$_GET['id'];
$sql="select * from article where id=$id";
$query = mysqli_query($conn,$sql);
$data = mysqli_fetch_assoc($query);
?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<title>發(fā)布文章</title>
<meta charset="utf-8" />
<style>
.box{
background-color:#f0f0f0;
}
.title{
background-color:#f0f0f0;
width:400px;
height:100px;
border-bottom:1px solid black;
}
.menu{
margin:-25px 0px 1px 319px;
width:80px;
}
.middle{
border-bottom:1px solid black;
}
</style>
</head>
<body>
<div class="box">
<div class="title">
<h1>后臺(tái)管理系統(tǒng)</h1>
<div class="menu">
<a href="admin_add.php">發(fā)布文章</a><br/>
<a href="admin_manage.php">管理文章</a>
</div>
</div>
<div class="middle">
<form method="post" action="admin_modify_handle.php">
<input type="hidden" name="id" value="<?php echo $data['id']?>" />
<div><h2>修改文章</h2></div>
<div>標(biāo)題:<input type="text" name="title" value="<?php echo $data['title']; ?>"/></div><br/>
<div>作者:<input type="text" name="author" value="<?php echo $data['author']; ?>"/></div><br/>
<div>簡(jiǎn)介:<br/><textarea name="description" cols="50" rows="4"><?php echo $data['description']; ?></textarea></div><br/>
<div>內(nèi)容:<br/><textarea name="content" cols="50" rows="9" ><?php echo $data['content']; ?></textarea></div><br/>
<div><input type="submit" name="button" value="提交" /></div><br/>
</form>
</div>
<br/><div class="bottom">歡迎聯(lián)系我們<a href="http://ipnx.cn">php中文網(wǎng)</a></div>
</div>
</body>
</html>Halaman senarai artikel hujung depan:
<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>文章列表</title>
<meta charset="utf-8">
<style>
*{
box-sizing:border-box;
}
.box{
font-family: 宋體;
margin:0px auto;
width:400px;
}
.box a:link,.box a:visited,.box a:hover{color:#000000;text-decoration:underline; }
.head{
background-color:#0f8ff2;
height:80px;
}
.tit{
padding: 20px 20px;
font-size:25px;
}
.content{
width:400px;
min-height:100px;
border:1px solid red;
}
.top_con{
width:400px;
padding:10px;
}
.bottom_con{
margin-left:20px;
width:400px;
}
.con_tit{
font-size:18px;
margin:10px 0px 10px 10px;
font-weight:bold;
}
.con_des{
text-indent:2em;
font-size:18px;
}
.con_det{
padding: 0px 0px 0px 300px;
}
ul{
list-style:none;
margin-left:-40px;
}
li{
margin:15px 0px 0px 0px;
}
.index{
margin:-5px 0px 0px 0px ;
}
.bg{
position:relative;
top: -6px;
background-color:#fff;
margin-left:335px;
}
</style>
</head>
<body>
<div class="box">
<div class="head"><div class="tit">php資訊站</div><span class="bg"><a href="../admin/admin_manage.php">后臺(tái)入口</a></span></div>
<div class="content">
<div class="top_con">
<div class="con_tit">用PHP編程語(yǔ)言開(kāi)發(fā)動(dòng)態(tài)WAP頁(yè)面</div>
<div class="con_des">WAP(無(wú)線通訊協(xié)議)是在數(shù)字移動(dòng)電話、個(gè)人手持設(shè)備(PDA等)及計(jì)算機(jī)之間進(jìn)行通訊的開(kāi)放性全球標(biāo)準(zhǔn)協(xié)議。隨著無(wú)線通訊的不斷發(fā)展，靜態(tài)的WAP頁(yè)面在很多方面已經(jīng)不能滿足用戶個(gè)性化的要求，因此開(kāi)發(fā)者可以在WAP服務(wù) </div>
<div class="con_det"><a href="home_show.php?id=13">查看詳細(xì)</a></div>
<div class="con_tit">動(dòng)態(tài)語(yǔ)言正成為開(kāi)發(fā)者的重要工具</div>
<div class="con_des">曾經(jīng)程序語(yǔ)言世界里的二等公民，腳本語(yǔ)言（也叫動(dòng)態(tài)語(yǔ)言）正成為開(kāi)發(fā)者的重要工具。</div>
<div class="con_det"><a href="home_show.php?id=15">查看詳細(xì)</a></div>
<div class="con_tit">動(dòng)態(tài)網(wǎng)頁(yè)制作PHP常用的正則表達(dá)式</div>
<div class="con_des">正則表達(dá)式用于字符串處理、表單驗(yàn)證等場(chǎng)合，實(shí)用高效</div>
<div class="con_det"><a href="home_show.php?id=18">查看詳細(xì)</a></div>
<div class="index">
<a href="home_list.php?page=1">首頁(yè)</a>
<a href="home_list.php?page=0">上一頁(yè)</a>
<a href="home_list.php?page=2">下一頁(yè)</a>
<a href="home_list.php?page=5">末頁(yè)</a>
</div>
</div>
<div class="bottom_con">
<div style="margin-left:10px;margin-top:20px,font-size:20px;">最新資訊</div>
<ul>
<li><a href="home_show.php?id=28">Facebook 將 PHP 編譯成 JVM 字節(jié)碼？</a></li>
<li><a href="home_show.php?id=27">PHP 5.5 或?qū)⒁?nbsp;Generators</a></li>
<li><a href="home_show.php?id=26">國(guó)外十大最流行PHP框架排名</a></li>
<li><a href="home_show.php?id=25">php接收標(biāo)準(zhǔn)輸入解決分布式處理實(shí)現(xiàn)方法</a></li>
<li><a href="home_show.php?id=24">PhpStorm 6 發(fā)布，PHP 集成開(kāi)發(fā)環(huán)境</a></li>
<li><a href="home_show.php?id=23">PHP閉包（Closure）初探</a></li>
</ul>
</div>
</div>
</div>
</body></html>Halaman perincian artikel bahagian hadapan :
<html><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>文章列表</title>
<meta charset="utf-8">
<style>
*{
box-sizing:border-box;
}
.box{
font-family: 宋體;
margin:0px auto;
width:400px;
}
.box a:link,.box a:visited,.box a:hover{color:#000000;text-decoration:underline; }
.head{
background-color:#0f8ff2;
height:80px;
}
.tit{
padding: 20px 40px;
font-size:25px;
}
.content{
width:400px;
min-height:100px;
border:1px solid red;
}
.top_con{
width:400px;
padding:5px 10px 20px 10px ;
}
.bottom_con{
margin:0px 0px 0px -1px;
width:400px;
}
.con_tit{
font-size:22px;
margin:20px 0px 10px 10px;
font-weight:bold;
}
.con_aut{
font-size:13px;
padding-left:10px;
padding-top:10px;
}
.con_des{
padding-top:15px;
text-indent:2em;
font-size:18px;
padding-left:10px
}
.con_det{
text-indent:2em;
font-size:17px;
margin:20px 0px 0px 0px;
padding-left:10px
}
ul{
list-style:none;
margin-left:-30px;
}
li{
margin:15px 0px 0px 0px;
}
</style>
</head>
<body>
<div class="box">
<div class="head"><a href="home_list.php">返回</a><div class="tit">php資訊站</div></div>
<div class="content">
<div class="top_con">
<div class="con_tit">用PHP編程語(yǔ)言開(kāi)發(fā)動(dòng)態(tài)WAP頁(yè)面</div>
<div class="con_aut">php中文網(wǎng) 發(fā)表于2016-11-01</div>
<div class="con_des">WAP(無(wú)線通訊協(xié)議)是在數(shù)字移動(dòng)電話、個(gè)人手持設(shè)備(PDA等)及計(jì)算機(jī)之間進(jìn)行通訊的開(kāi)放性全球標(biāo)準(zhǔn)協(xié)議。隨著無(wú)線通訊的不斷發(fā)展，靜態(tài)的WAP頁(yè)面在很多方面已經(jīng)不能滿足用戶個(gè)性化的要求，因此開(kāi)發(fā)者可以在WAP服務(wù) </div>
<div class="con_det">WAP(無(wú)線通訊協(xié)議)是在數(shù)字移動(dòng)電話、個(gè)人手持設(shè)備(PDA等)及計(jì)算機(jī)之間進(jìn)行通訊的開(kāi)放性全球標(biāo)準(zhǔn)協(xié)議。隨著無(wú)線通訊的不斷發(fā)展，靜態(tài)的WAP頁(yè)面在很多方面已經(jīng)不能滿足用戶個(gè)性化的要求，因此開(kāi)發(fā)者可以在WAP服務(wù)器端使用諸如PHP等語(yǔ)言產(chǎn)生動(dòng)態(tài)的WML頁(yè)面，來(lái)滿足用戶的需要。
WAP的應(yīng)用結(jié)構(gòu)非常類似于Internet，一個(gè)典型的WAP應(yīng)用請(qǐng)求步驟描述如下：
1. 具有WAP用戶代理功能的移動(dòng)終端(如WAP手機(jī))，通過(guò)內(nèi)部運(yùn)行的微瀏覽器向某一網(wǎng)站發(fā)送WAP服務(wù)請(qǐng)求。該請(qǐng)求先由WAP網(wǎng)關(guān)截獲，對(duì)信息內(nèi)容進(jìn)行編碼壓縮，以減少網(wǎng)絡(luò)數(shù)據(jù)流量，同時(shí)根據(jù)需要將WAP協(xié)議轉(zhuǎn)換成HTTP協(xié)議。
2. 協(xié)議將處理后的請(qǐng)求轉(zhuǎn)送到相應(yīng)WAP服務(wù)器。在WAP服務(wù)器端，根據(jù)頁(yè)面擴(kuò)展名等屬性，被請(qǐng)求的頁(yè)面直接或由服務(wù)器端腳本解釋后輸出，再經(jīng)過(guò)網(wǎng)關(guān)傳回給用戶。
從上述的WAP應(yīng)用流程可以發(fā)現(xiàn)，生成動(dòng)態(tài)WAP頁(yè)面與動(dòng)態(tài)產(chǎn)生Web網(wǎng)頁(yè)的過(guò)程非常相似。但是由于WAP應(yīng)用使用的WML語(yǔ)言來(lái)源于語(yǔ)法嚴(yán)格的XML，因此要求輸出的格式必須按WAP網(wǎng)頁(yè)的規(guī)范輸出。同時(shí)，由于WAP協(xié)議的應(yīng)用范圍及移動(dòng)客戶端的軟、硬件配置等局限性，對(duì)每次輸出的頁(yè)面的大小、圖像的格式及容量都有一定限制。本文筆者將以PHP語(yǔ)言為例，和廣大網(wǎng)絡(luò)程序開(kāi)發(fā)愛(ài)好者共同探討動(dòng)態(tài)輸出WAP頁(yè)面的方法和應(yīng)用。
輸出簡(jiǎn)單的動(dòng)態(tài)WAP頁(yè)面
由于生成WAP頁(yè)面的過(guò)程和生成一般的Web頁(yè)面非常類似，筆者通過(guò)一個(gè)最簡(jiǎn)單的WAP頁(yè)面的例子來(lái)介紹。不過(guò)提醒一句：由于需要PHP解釋器來(lái)解釋該程序并輸出WAP頁(yè)面，因此所有類似的程序應(yīng)以“php”為擴(kuò)展名哦。
該實(shí)例可以在WAP手機(jī)模擬器中瀏覽，輸出一句經(jīng)典的“Hello WAP”語(yǔ)句，但是在普通的網(wǎng)絡(luò)瀏覽器中是無(wú)法識(shí)別的，原因很簡(jiǎn)單，在程序開(kāi)頭聲明了該輸出文檔為WML類型，只有WAP設(shè)備能夠識(shí)別并解釋。不過(guò)又要提醒一句：常見(jiàn)的HTML語(yǔ)言對(duì)規(guī)范性要求不嚴(yán)，大多數(shù)瀏覽器能“寬容”地接受其中的編寫(xiě)錯(cuò)誤，但是WML的規(guī)范相當(dāng)嚴(yán)格，任何的錯(cuò)誤都可能導(dǎo)致無(wú)法輸出所需的頁(yè)面。</div>
</div>
<div class="bottom_con">
<div style="margin-left:10px;font-size:20px;">最新資訊</div>
<ul>
<li><a href="home_show.php?id=28">Facebook 將 PHP 編譯成 JVM 字節(jié)碼？</a></li>
<li><a href="home_show.php?id=27">PHP 5.5 或?qū)⒁?nbsp;Generators</a></li>
<li><a href="home_show.php?id=26">國(guó)外十大最流行PHP框架排名</a></li>
<li><a href="home_show.php?id=25">php接收標(biāo)準(zhǔn)輸入解決分布式處理實(shí)現(xiàn)方法</a></li>
<li><a href="home_show.php?id=24">PhpStorm 6 發(fā)布，PHP 集成開(kāi)發(fā)環(huán)境</a></li>
<li><a href="home_show.php?id=23">PHP閉包（Closure）初探</a></li>
</ul>
</div>
</div>
</div>
</body></html>Kami akan memperkenalkan setiap halaman secara terperinci kemudian
