Pembangunan PHP pengenalan projek bar pos ringkas
Kesan utama projek adalah seperti berikut
Laman utama Tieba
<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>php中文網(wǎng)貼吧</title>
<meta charset="utf-8">
<style>
body{
background-color:#dceffe;
}
*{
box-sizing:border-box;
}
.box{
background-color:#fff;
font-family:楷體;
margin:0px auto;
width:400px;
}
.box a:link,.box a:visited,.box a:hover{color:#000000;text-decoration:none; }
.head{
background-color:#0f8ff2;
height:100px;
}
.tit{
padding: 20px 20px;
font-size:25px;
}
.content{
width:400px;
min-height:100px;
border:1px solid #f0f0f0;
padding:5px;
}
.list{
width:400px;
}
.hot{
margin-left:20px;
width:400px;
border-bottom:1px solid #f0f0f0;
}
.con_tit{
font-size:18px;
margin:10px 0px 5px 0px;
font-weight:bold;
}
.con_des{
text-indent:2em;
font-size:16px;
margin:5px 5px;
}
ul{
list-style:none;
margin-left:-40px;
}
li{
margin:15px -15px 0px 0px;
}
.index{
margin:5px 0px 0px 50px ;
}
.info{
font-size: 12px;
border-bottom:1px solid #f0f0f0;
font-family:楷體;
font-weight:bold;
}
.show_name{
float:left;
margin-left:10px;
}
.show_time{
float:left;
margin-left:20px;
}
.show_read{
float:right;
margin-right:20px;
}
.show_discuss{
float:right;
margin-right:10px;
}
.menu{
padding:5px 10px;
}
.wel{
margin-bottom: 10px
}
</style>
</head>
<body>
<div class="box">
<div class="head">
<div class="tit">php中文網(wǎng)貼吧</div>
</div>
<div class="menu">
<div class="wel">歡迎您!admin</div>
<span class="bg"><a href="home_publish.php">發(fā)布新帖</a></span>
<span class="exit"><a href="home_exit.php">退出</a></span>
</div>
<div class="content">
<div class="hot">
<!-- 按瀏覽量排序，展示瀏覽量最高的兩個(gè) -->
<div style="font-weight:bold;">熱門帖子</div>
<ul>
<li><a href="home_details.php?id=23">環(huán)境配置不好</a></li>
<li><a href="home_details.php?id=27">date()函數(shù)怎么使用啊</a></li>
</ul>
</div>
<!-- 帖子列表-->
<div class="list">
<!--內(nèi)容部分-->
<!--展示標(biāo)題并設(shè)置鏈接-->
<div class="con_tit"><a href="home_details.php?id=28">霧霾好大啊</a></div>
<!--展示帖子內(nèi)容-->
<div class="con_des">今天的霧霾真大</div>
<div class="info">
<div class="show_name">
我是阿神 </div>
<!--展示帖子發(fā)布時(shí)間-->
<div class="show_time">11-19 09:22</div>
<!--展示帖子瀏覽量-->
<div class="show_read">瀏覽:4</div>
<!--展示帖子回復(fù)量-->
<div class="show_discuss">回復(fù):
2 </div>
<div style="clear:both"></div>
</div>
</div>
<div class="list">
<!--內(nèi)容部分-->
<!--展示標(biāo)題并設(shè)置鏈接-->
<div class="con_tit"><a href="home_details.php?id=27">date()函數(shù)怎么使用啊</a></div>
<!--展示帖子內(nèi)容-->
<div class="con_des">date()函數(shù)怎么使用啊，我總是寫不對</div>
<div class="info">
<div class="show_name">
晴子 </div>
<!--展示帖子發(fā)布時(shí)間-->
<div class="show_time">11-18 11:52</div>
<!--展示帖子瀏覽量-->
<div class="show_read">瀏覽:113</div>
<!--展示帖子回復(fù)量-->
<div class="show_discuss">回復(fù):
0 </div>
<div style="clear:both"></div>
</div>
</div>
<div class="list">
<!--內(nèi)容部分-->
<!--展示標(biāo)題并設(shè)置鏈接-->
<div class="con_tit"><a href="home_details.php?id=23">環(huán)境配置不好</a></div>
<!--展示帖子內(nèi)容-->
<div class="con_des">想問下大家都是怎么樣配置環(huán)境的</div>
<div class="info">
<div class="show_name">
我是阿神 </div>
<!--展示帖子發(fā)布時(shí)間-->
<div class="show_time">11-18 11:37</div>
<!--展示帖子瀏覽量-->
<div class="show_read">瀏覽:317</div>
<!--展示帖子回復(fù)量-->
<div class="show_discuss">回復(fù):
2 </div>
<div style="clear:both"></div>
</div>
</div>
<div class="index">
<a href="home_index.php?page=1">首頁</a>
<a href="home_index.php?page=0">上一頁</a>
<a href="home_index.php?page=2">下一頁</a>
<a href="home_index.php?page=4">末頁</a>
</div>
</div>
</div>
</body>
</html>Fungsi utama dicapai: Paparan siaran, paparan siaran popular, terbitkan siaran
Halaman butiran Tieba
<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>php中文網(wǎng)貼吧</title>
<meta charset="utf-8">
<style>
body{
background-color:#dceffe;
}
*{
box-sizing:border-box;
}
.box{
background-color:#fff;
font-family:楷體;
margin:0px auto;
width:400px;
}
.box a:link,.box a:visited,.box a:hover{color:#000000;text-decoration:none; }
.head{
background-color:#0f8ff2;
height:100px;
}
.tit{
padding: 20px 20px;
font-size:25px;
}
img{
width:200px;
}
.pic{
text-align:center;
}
.centre{
padding:10px;
border-bottom: 1px solid #f0f0f0;
}
.floor,.name,.content,.pic{
margin-bottom:0px;
}
.floor{
font-size: 22px;
margin-bottom:3px;
}
.name{
font-size: 12px;
margin-bottom:3px;
}
.reply{
padding-top:10px;
padding-left:10px;
margin-bottom:3px;
}
.menu{
padding:5px 10px;
border-bottom:1px solid #f0f0f0;
}
.wel{
margin-bottom: 10px
}
</style>
</head>
<body>
<div class="box">
<div class="head">
<div class="tit">php中文網(wǎng)貼吧</div>
</div>
<div class="menu">
<div class="wel">歡迎您!admin</div>
<span class="exit"><a href="home_index.php">首頁</a></span>
<span class="exit"><a href="home_exit.php">退出</a></span>
</div>
<div class="centre">
<div class="floor">1樓</div>
<div class="name">
晴子 11-18 11:36 </div>
<div class="content">各位大神給些意見啊</div>
</div>
<div class="centre">
<div class="floor">2樓</div>
<div class="name">
我是阿神 11-18 11:39 </div>
<div class="content">我也在學(xué)，大家一起加油啊</div>
</div>
<div class="centre">
<div class="floor">3樓</div>
<div class="name">
admin 11-19 11:23 </div>
<div class="content">認(rèn)真去學(xué)會(huì)有收獲的</div>
</div>
<!--回復(fù)部分-->
<div class="reply">
<form method="post" action="home_reply.php?fId=22">
<div>回復(fù)內(nèi)容:<br><textarea name="content" cols="40" rows="9"></textarea></div><br>
<div><input type="submit" name="button" value="回復(fù)"></div><br>
</form>
</div>
</div>
</body></html>Fungsi utama: Siarkan terperinci paparan kandungan, balas Catatan
juga mempunyai beberapa fungsi kecil, yang akan kami perkenalkan satu persatu nanti
Nota: Sebelum mempelajari kursus ini, Saya harap anda sudah mempelajarinya. Dua kursus lain di laman web kami
Kursus ini menggunakan beberapa prosedur seperti log masuk, pendaftaran, paging, dsb. Folder
terutamanya mengandungi fail berikut:
Fail awam
config.php: Maklumat konfigurasi pangkalan data
connect.php: Pautan pangkalan data
function.php: Fungsi awam tersuai
paging.php: program paging
Log masuk fail pendaftaran
home_register.php : Halaman pendaftaran
home_regcheck.php: Halaman pemprosesan pendaftaran
home_login.php: Halaman log masuk
home_logincheck.php: Halaman pemprosesan log masuk
home_exit.php: Keluar dari program
Fail halaman utama projek
home_index.php: Laman utama Tieba
home_publish.php: Halaman penyiaran
home_publish_handle.php: Pengendali siaran
Fail halaman butiran projek
home_details.php: Halaman butiran siaran
home_reply.php: Post reply program
Mari mula membina projek kami dari awal.
