博客系统实训报告

郑州轻工业学院实训报告课程名称:博客管理系统姓名:褚超院（系）:软件学院专业班级:网络软件开发14-01班学号:621413560103指导教师:杨华、胡春晖学期:2014-2015学年第二学期I郑州轻工业学院软件学院学生实训任务书一、题目博客管理系统二、学生信息专业网络软件开发14-01班学号621413560103姓名褚超三、用户需求及约束条件1、网站需求：整个项目的使用分成普通用户和管理员。普通用户未登录前，可以查看文章信息及发表评论。如果想要添加文章、图片等信息，需要登录，首先单击“博客注册”按钮，注册用户名和密码。注册成功后，进入普通用户操作页面。在该页面中，可以添加及查询文章信息、发表评论；添加及查询图片；添加朋友信息等操作。管理员，在博客首页登录处输入管理员用户名、密码及验证码，进入管理员操作页面。登陆后管理员具有普通用户的所有权限，还可以删除文章信息、评论信息、图片及自己的朋友信息，管理普通用户信息及公告信息。2、网站开发要求：在Dreamweaver环境下，使用php语言开发，后台数据库使用mySql开发。四、设计要求、技术参数及设计规格博客管理系统的实现使用B/S架构模式，Dreamweaver实现前台页面设计，并使用JavaScript和CSS对页面进行设计，后台使用MySQL+phpMyAdmin。1、数据库设计-涉及到ER图、数据库本身。2、前台页面设计–HTML+CSS+JavaScript实现静态页面呈现。3、动态页面设计–php应用程序代码实现动态交互。五、工作量II天/日期任务描述通过标准6-15根据系统设计、数据库设计理解项目框架结构并完成数据库设计；数据表项创建正确6-16~6-18实现系统首页给出首页页面能正确显示运行6-19~6-23实现文章管理模块，包括“添加博客文章”、“查找博客文章”、“管理我的博客”、“发表评论”、“删除文章”、“删除评论”文章管理模块相关页面能运行6-24~6-26实现图片上传模块，包括图片的添加、浏览、查询和删除操作图片上传模块相关页面能运行6-29~6-30实现朋友圈模块，主要是添加、查询、删除好友朋友圈模块相关页面能运行7-1~7-3功能完善，检查作品，撰写实训报告作品可运行，上交报告六、考核形式、考核时间、考核指标及成绩评定实训每一天做好实训文档记录，最后一天进行实训成果演示，要求能够独立完成实验，并结合提交的纸质和电子版的实训报告给出实训成绩。实训成绩=成果演示成绩*40%+实训报告*40%+考勤*20%。完成期限：2015.7.3指导教师签章：杨华胡春晖专业负责人签章：教学院长签章：2015年6月10日目录1需求分析........................................................................................................................................................12数据库设计....................................................................................................................................................23功能模块实现...............................................................................................................................................5实训感想..........................................................................................................................................................21网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超11、需求分析信息时代的今天，博客已经成为一种新的生活方式。在网络中构建一个赋有个性化的个人博客，提供了一种可信任的和实时连通的网络环境，通过网络开放性和交互性的特点，让用户在任何时间、任何地点，通过网络方便地“生活”，不仅是信息传递与获取，还可以进行群体交流和资源共享，展示自我，为个人发展带来新机遇。通过对多个博客网的调查分析，客户要求本博客管理系统具有以下功能：要求系统采用B/S架构，实现人机交互。要求系统界面个性化，色彩搭配和谐，很强的视觉冲击力，操作简便。要求突出主题，显示最新文章和公告。要求游客可以浏览文章、浏览图片、发表评论。要求具有强大的搜索查询功能，实现精确查询和模糊查询。完善的文章管理功能，包括文章的发表、删除，及对文章的评论与回复。支持图片上传功能，可以上传各种类型的图片。支持好友功能。系统运行稳定，安全可靠。网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超22、数据库设计2.1、数据库分析本系统属于中小型个人网站，毫无争议的，本系统采用的依然是PHP+MySQL这对儿黄金组合，无论是从成本、性能、安全上考虑，还是从易操作性上考虑，MySQL都是最佳选择。2.2、数据库概念设计通过需求分析和功能上的设计，本系统规划出用户信息实体、上传图片实体、朋友圈实体、文章实体和留言实体。用户信息实体包括注册用户的详细个人信息，如果想在本系统中进行发表文章、上传图片等操作，则必须要先进行注。2.3、数据库物理结构设计根据本系统的实际情况，需要创建6张数据表，如图1.0所示。图1.0数据表列表网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超3下面是具体的6张数据表1．tb_user（用户列表）用户列表主要存储用户的个人信息。tb_user表的结构如图1.1所示。图1.1用户列表结构2．tb_article（文章列表）文章列表存储的是用户发表过的文章信息。tb_article表的结构如图1.2所示。图1.2文章列表结构3．tb_filecomment（评论列表）评论列表存储的是用户对文章的评论，包括注册用户和游客都可以发表评论。tb_filecomment表的结构如图1.3所示。图1.3评论列表结构网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超44．tb_tpsc（图片列表）图片列表存储的是上传图片的信息，如图片名称、上传用户、上传时间等。tb_tpsc表的结构如图1.4所示。图1.4图片列表结构5．tb_friend（好友列表）好友列表主要记录了姓名、性别、生日等好友的个人信息。tb_friend表的结构如图1.5所示。图1.5好友列表结构6．tb_public（公告列表）公告列表主要记录了网站情况、博客系统的版本情况或是网站活动等等。公告列表的结构如图1.6所示。图1.6公告列表结构网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超53、功能模块实现3.1、首页设计3.1.1、首页概述本系统首页页面设计简洁，主要包括以下3部分内容：首部导航栏：包括首页链接、注册和登录模块。左侧显示区：包括最新文章、最新图片和系统时间模块。游客主要通过该区域浏览文章、浏览图片及发表评论。主显示区：为系统公告栏，显示系统及网站的最新咨询。以下是该博客网站首页页面：网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超63.1.2、首页技术分析在首页的顶部区域，是利用DIV技术做成的一个导航栏，在DIV内，嵌套的两个表格，顶部的表格式是首页、我的博客、博客注册三个链接；第二个表格式用户登录模块，方便用户登录，用来实现各种功能。在首页的左侧区域，是利用DIV技术做成的一个侧边栏，侧边栏的上半部分是一个利用JavaScript技术做成的日历，用以显示当前日期和时间；下半部分是一个浏览该博客网站最新发表的文章、图片的模块，利用表格做成的两个显示区域，分别显示最新文章和最新图片。该区域利用PHP功能，实现与后台数据库连接的动态效果。首页的主显示区域，是利用DIV技术做成的一个主显示界面，用以显示该博客网站最新发布的公告，方便用户浏览。为了吸引浏览者注意，公告利用了marquee功能，实现了公告动态滚动的效果。以下是博客首页核心代码：以下是开启session支持以及数据库连接文件：?phpsession_start();includeConn/conn.php;?!------------------------------------------------------------------!以下是用户登录模块的登录验证码核心代码：?php$str=array(大,更,创,天,科,客,博,技,立,新);$word=strlen($str);for($i=0;$i4;$i++){$num=rand(0,$word*2-1);//$word=$word*2-1$img=$img.imgsrc='images/checkcode/.$num..gif'width='16'height='16';//显示随机图片$pic=$pic.$str[$num];//将图片转换成数组中的文字}?网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超7!------------------------------------------------------------------!以下是验证首页用户名以及密码是否正确的核心代码：?phpheader(Content-type:text/html;charset=gb2312);//设置文件编码格式session_start();includeConn/conn.php;$name=$_POST[txt_user];$pwd=$_POST[txt_pwd];$sql=mysql_query(select*fromtb_userwhereregname='.$name.'andregpwd='.$pwd.');$result=mysql_fetch_array($sql);if($result!=){$_SESSION[fig]=$result[fig];$_SESSION[username]=$name;?scriptlanguage=javascriptalert(登录成功);window.location.href=file.php;/script?php}else{?scriptlanguage=javascriptalert(对不起，您输入的用户名或密码不正确，请重新输入!);window.location.href=index.php;/script?php}?!------------------------------------------------------------------!网页设计-数据库实训报告专业班级：网络软件14级01班学号：621413560103姓名：褚超83.2、注册界面设计3.2.1、注册界面概述初次访问该博客网站的用户，可以通过注册成为该博客网站的普通会员，来实现相关的文章管理功能。用户只需要简单的填写相关的个人信息，在确认提交之后，就会成为本博客网站的普通用户。以下是注册页面：3.2.1、注册界面技术分析本注册页面所填写的注册信息分为必填内容和选填内容，注册用户如果没有填齐“必填内容”栏各项，则