PHP development simple post bar project introduction
The main effects of the project are as follows
Tieba homepage
<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中文网贴吧</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中文网贴吧</div>
</div>
<div class="menu">
<div class="wel">欢迎您!admin</div>
<span class="bg"><a href="home_publish.php">发布新帖</a></span>
<span class="exit"><a href="home_exit.php">退出</a></span>
</div>
<div class="content">
<div class="hot">
<!-- 按浏览量排序，展示浏览量最高的两个 -->
<div style="font-weight:bold;">热门帖子</div>
<ul>
<li><a href="home_details.php?id=23">环境配置不好</a></li>
<li><a href="home_details.php?id=27">date()函数怎么使用啊</a></li>
</ul>
</div>
<!-- 帖子列表-->
<div class="list">
<!--内容部分-->
<!--展示标题并设置链接-->
<div class="con_tit"><a href="home_details.php?id=28">雾霾好大啊</a></div>
<!--展示帖子内容-->
<div class="con_des">今天的雾霾真大</div>
<div class="info">
<div class="show_name">
我是阿神 </div>
<!--展示帖子发布时间-->
<div class="show_time">11-19 09:22</div>
<!--展示帖子浏览量-->
<div class="show_read">浏览:4</div>
<!--展示帖子回复量-->
<div class="show_discuss">回复:
2 </div>
<div style="clear:both"></div>
</div>
</div>
<div class="list">
<!--内容部分-->
<!--展示标题并设置链接-->
<div class="con_tit"><a href="home_details.php?id=27">date()函数怎么使用啊</a></div>
<!--展示帖子内容-->
<div class="con_des">date()函数怎么使用啊，我总是写不对</div>
<div class="info">
<div class="show_name">
晴子 </div>
<!--展示帖子发布时间-->
<div class="show_time">11-18 11:52</div>
<!--展示帖子浏览量-->
<div class="show_read">浏览:113</div>
<!--展示帖子回复量-->
<div class="show_discuss">回复:
0 </div>
<div style="clear:both"></div>
</div>
</div>
<div class="list">
<!--内容部分-->
<!--展示标题并设置链接-->
<div class="con_tit"><a href="home_details.php?id=23">环境配置不好</a></div>
<!--展示帖子内容-->
<div class="con_des">想问下大家都是怎么样配置环境的</div>
<div class="info">
<div class="show_name">
我是阿神 </div>
<!--展示帖子发布时间-->
<div class="show_time">11-18 11:37</div>
<!--展示帖子浏览量-->
<div class="show_read">浏览:317</div>
<!--展示帖子回复量-->
<div class="show_discuss">回复:
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>Main functions achieved: Post display, popular post display, post posting
Tieba details page
<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中文网贴吧</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中文网贴吧</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">我也在学，大家一起加油啊</div>
</div>
<div class="centre">
<div class="floor">3楼</div>
<div class="name">
admin 11-19 11:23 </div>
<div class="content">认真去学会有收获的</div>
</div>
<!--回复部分-->
<div class="reply">
<form method="post" action="home_reply.php?fId=22">
<div>回复内容:<br><textarea name="content" cols="40" rows="9"></textarea></div><br>
<div><input type="submit" name="button" value="回复"></div><br>
</form>
</div>
</div>
</body></html>Main functions:Post detailed content display, reply Post
There are also some small functions, we will introduce them one by one later
Note: Before studying this course, I hope you have already studied it The other two courses on our website
#This course uses some of the procedures such as login, registration, paging, etc.
The folder mainly contains the following files:
Public files
config.php: Database configuration information
connect.php: Database link
- ##function.php: Custom public function
- paging.php：Paging program
Login registration file
- home_register.php : Registration page
- home_regcheck.php : Registration processing page
- home_login.php : Login page
- home_logincheck.php: Login processing page
- home_exit.php: Exit program
- home_index.php：Tieba homepage
- home_publish.php：Posting page
- home_publish_handle.php： Post handler
- home_details.php: Post details page
- Let’s start building our project from scratch.
new file
<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中文网贴吧</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中文网贴吧</div>
</div>
<div class="menu">
<div class="wel">欢迎您!admin</div>
<span class="bg"><a href="home_publish.php">发布新帖</a></span>
<span class="exit"><a href="home_exit.php">退出</a></span>
</div>
<div class="content">
<div class="hot">
<!-- 按浏览量排序，展示浏览量最高的两个 -->
<div style="font-weight:bold;">热门帖子</div>
<ul>
<li><a href="home_details.php?id=23">环境配置不好</a></li>
<li><a href="home_details.php?id=27">date()函数怎么使用啊</a></li>
</ul>
</div>
<!-- 帖子列表-->
<div class="list">
<!--内容部分-->
<!--展示标题并设置链接-->
<div class="con_tit"><a href="home_details.php?id=28">雾霾好大啊</a></div>
<!--展示帖子内容-->
<div class="con_des">今天的雾霾真大</div>
<div class="info">
<div class="show_name">
我是阿神 </div>
<!--展示帖子发布时间-->
<div class="show_time">11-19 09:22</div>
<!--展示帖子浏览量-->
<div class="show_read">浏览:4</div>
<!--展示帖子回复量-->
<div class="show_discuss">回复:
2 </div>
<div style="clear:both"></div>
</div>
</div>
<div class="list">
<!--内容部分-->
<!--展示标题并设置链接-->
<div class="con_tit"><a href="home_details.php?id=27">date()函数怎么使用啊</a></div>
<!--展示帖子内容-->
<div class="con_des">date()函数怎么使用啊，我总是写不对</div>
<div class="info">
<div class="show_name">
晴子 </div>
<!--展示帖子发布时间-->
<div class="show_time">11-18 11:52</div>
<!--展示帖子浏览量-->
<div class="show_read">浏览:113</div>
<!--展示帖子回复量-->
<div class="show_discuss">回复:
0 </div>
<div style="clear:both"></div>
</div>
</div>
<div class="list">
<!--内容部分-->
<!--展示标题并设置链接-->
<div class="con_tit"><a href="home_details.php?id=23">环境配置不好</a></div>
<!--展示帖子内容-->
<div class="con_des">想问下大家都是怎么样配置环境的</div>
<div class="info">
<div class="show_name">
我是阿神 </div>
<!--展示帖子发布时间-->
<div class="show_time">11-18 11:37</div>
<!--展示帖子浏览量-->
<div class="show_read">浏览:317</div>
<!--展示帖子回复量-->
<div class="show_discuss">回复:
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>
Preview
Clear
- Course Recommendations
- Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~
Students who have watched this course are also learning
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)