简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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>
제출하다코드 재설정
없음 다음 섹션
튜토리얼 목록
도움을 받다
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~

이 강좌를 시청한 학생들도 학습하고 있습니다.

최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)  492130회 재생
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！