PHP 개발 간단한 포스트바 프로젝트 소개

프로젝트의 주요 효과는 다음과 같습니다

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中文网贴吧</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>

주요 기능 : 게시물 표시, 인기 게시글 표시, 게시글

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中文网贴吧</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">
        晴子&nbsp;11-18 11:36        </div>
		<div class="content">各位大神给些意见啊</div>
    </div>
        <div class="centre">
    	<div class="floor">2楼</div>
		<div class="name">
        我是阿神&nbsp;11-18 11:39        </div>
		<div class="content">我也在学，大家一起加油啊</div>
    </div>
        <div class="centre">
    	<div class="floor">3楼</div>
		<div class="name">
        admin&nbsp;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>

메인 기능: 게시물의 자세한 내용 표시, 게시물에 답글 달기

몇 가지 작은 기능도 있는데 나중에 하나씩 소개하겠습니다

참고: 이 강좌를 공부하기 전에, 우리 웹 사이트의 다른 두 코스

이 코스는 로그인, 등록, 페이징, 등.

폴더에는 주로 다음 파일이 포함되어 있습니다.

공용 파일

config.php: 데이터베이스 구성 정보
connect.php: 데이터베이스 링크
function.php: 화 공용 기능
paging.php: 페이징 프로그램

로그인 등록 파일

home_register.php: 등록 페이지
home_regcheck.php: 등록 처리 페이지
home_login.php : 로그인 페이지
home_logincheck.php : 로그인 처리 페이지
home_exit.php : 프로그램 종료

프로젝트 홈페이지 파일

home_index.php : Tieba 홈페이지
home_publish.php : 포스팅 페이지
home_publish_handle.php : 포스팅 핸들러

프로젝트 상세 페이지 파일

home_details.php : 포스팅 상세 페이지
home_reply.php : 포스팅 답글 프로그램

아래 처음부터 프로젝트 구축을 시작해 보겠습니다.

다음 섹션

새로운 파일

<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>

제출하다 코드 재설정

자동운전

전체 화면