四、设计要求、技术参数及设计规格
博客管理系统的实现使用 B/S 架构模式，Dreamweaver 实现前台页面设计，并使用 JavaScript 和 CSS 对页面进行设计，后台使用 MySQL+phpMyAdmin。 1、数据库设计 - 涉及到 ER 图、数据库本身。 2、前台页面设计 – HTML+CSS+JavaScript 实现静态页面呈现 。 3、动态页面设计 – php 应用程序代码实现动态交互。
以下是博客首页核心代码： 以下是开启session支持以及数据库连接文件：
<?php session_start(); include "Conn/conn.php"; ?> <!-- ------------------------------------------------------2文章列表结构
3．tb_filecomment（评论列表） 评论列表存储的是用户对文章的评论，包括注册用户和游客都可以发表评论。 tb_filecomment 表的结构如图1.3所示。
图1.3 评论列表结构
3
网页设计-数据库实训报告
专业班级：网络软件 14 级 01 班 学号：621413560103 姓名：褚超
网页设计-数据库实训报告
专业班级：网络软件 14 级 01 班 学号：621413560103 姓名：褚超
1、需求分析
信息时代的今天，博客已经成为一种新的生活方式。在网络中构建一个赋有个性化 的个人博客，提供了一种可信任的和实时连通的网络环境，通过网络开放性和交互性的 特点，让用户在任何时间、任何地点，通过网络方便地“生活”，不仅是信息传递与获 取，还可以进行群体交流和资源共享，展示自我，为个人发展带来新机遇。 通过对多个博客网的调查分析，客户要求本博客管理系统具有以下功能： 要求系统采用B/S 架构，实现人机交互。 要求系统界面个性化，色彩搭配和谐，很强的视觉冲击力，操作简便。 要求突出主题，显示最新文章和公告。 要求游客可以浏览文章、浏览图片、发表评论。 要求具有强大的搜索查询功能，实现精确查询和模糊查询。 完善的文章管理功能，包括文章的发表、删除，及对文章的评论与回复。 支持图片上传功能，可以上传各种类型的图片。 支持好友功能。 系统运行稳定，安全可靠。
<!-- -------------------------------------------------------------- --!>
以下是验证首页用户名以及密码是否正确的核心代码：
<?php header ( "Content-type: text/html; charset=gb2312" ); //设置文件编码格式 session_start(); include "Conn/conn.php"; $name=$_POST[txt_user]; $pwd=$_POST[txt_pwd]; $sql=mysql_query("select * from tb_user where regname='".$name."' and regpwd='".$pwd."'"); $result=mysql_fetch_array($sql); if($result!=""){ $_SESSION[fig]=$result[fig]; $_SESSION[username]=$name; ?> <script language="javascript"> alert("登录成功");window.location.href="file.php"; </script> <?php }else{ ?> <script language="javascript"> alert("对不起，您输入的用户名或密码不正确，请重新输 入!");window.location.href="index.php"; </script> <?php } ?> <!-- -------------------------------------------------------------- --!>
4．tb_tpsc（图片列表） 图片列表存储的是上传图片的信息，如图片名称、上传用户、上传时间等。tb_tpsc 表的结构如图1.4所示。
图1.4 图片列表结构
5．tb_friend（好友列表） 好友列表主要记录了姓名、性别、生日等好友的个人信息。tb_friend 表的结构如 图1.5所示。
图1.5好友列表结构 6．tb_public（公告列表） 公告列表主要记录了网站情况、博客系统的版本情况或是网站活动等等。公告列表的结 构如图1.6所示。
$img=$img."<img src=' images/checkcode/".$num.".gif' width='16' height='16'>"; 显示随机图片 $pic=$pic.$str[$num]; } ?>
6
//将图片转换成数组中的文字
网页设计-数据库实训报告
专业班级：网络软件 14 级 01 班 学号：621413560103 姓名：褚超
实现朋友圈模块，主要是添加、查询、删 朋友圈模块相关页面 除好友 能运行 功能完善，检查作品，撰写实训报告 作品可运行，上交报 告
六、考核形式、考核时间、考核指标及成绩评定 实训每一天做好实训文档记录，最后一天进行实训成果演示，要求 能够独立完成实验，并结合提交的纸质和电子版的实训报告给出实训成绩。 实训成绩=成果演示成绩*40%+实训报告*40%+考勤*20%。
完 成 期 限： 指导教师签章： 专业负责人签章： 教学院长签章：
2015.7.3 杨华 胡春晖
2015 年 6 月 10 日
II
目
录
1 需求分析........................................................................................................................................................1 2 数据库设计....................................................................................................................................................2 3 功能模块实现............................................................................................................................................... 5 实训感想..........................................................................................................................................................21
1、网站需求：整个项目的使用分成普通用户和管理员。普通用户未登录前，可以 查看文章信息及发表评论。如果想要添加文章、图片等信息，需要登录，首先单击“博 客注册”按钮，注册用户名和密码。注册成功后，进入普通用户操作页面。在该页面中， 可以添加及查询文章信息、发表评论；添加及查询图片；添加朋友信息等操作。 管理员，在博客首页登录处输入管理员用户名、密码及验证码，进入管理员操作页 面。登陆后管理员具有普通用户的所有权限，还可以删除文章信息、评论信息、图片及 自己的朋友信息，管理普通用户信息及公告信息。 2、网站开发要求：在 Dreamweaver 环境下，使用 php 语言开发，后台数据库使用 mySql 开发。
5
网页设计-数据库实训报告
专业班级：网络软件 14 级 01 班 学号：621413560103 姓名：褚超
3.1.2、首页技术分析
在首页的顶部区域， 是利用DIV技术做成的一个导航栏， 在DIV内， 嵌套的两个表格， 顶部的表格式是首页、我的博客、博客注册三个链接；第二个表格式用户登录模块，方 便用户登录，用来实现各种功能。 在首页的左侧区域，是利用DIV技术做成的一个侧边栏，侧边栏的上半部分是一个 利用JavaScript技术做成的日历，用以显示当前日期和时间；下半部分是一个浏览该博 客网站最新发表的文章、图片的模块，利用表格做成的两个显示区域，分别显示最新文 章和最新图片。该区域利用PHP功能，实现与后台数据库连接的动态效果。 首页的主显示区域，是利用DIV技术做成的一个主显示界面，用以显示该博客网站 最新发布的公告，方便用户浏览。为了吸引浏览者注意，公告利用了marquee功能，实 现了公告动态滚动的效果。
图1.0 数据表列表
2
网页设计-数据库实训报告
专业班级：网络软件 14 级 01 班 学号：621413560103 姓名：褚超
下面是具体的6张数据表
1．tb_user（用户列表） 用户列表主要存储用户的个人信息。tb_user 表的结构如图1.1所示。
图1.1 用户列表结构
2．tb_article（文章列表） 文章列表存储的是用户发表过的文章信息。tb_article 表的结构如图1.2所示。
以下是用户登录模块的登录验证码核心代码：
