基于HTML5的微官网设计与实现 - 图文

基于HTML5的微官网设计与实现

4 系统设计

4.1 功能模块设计

根据对环境的详细的调研，以及用户的需求进行分析，本系统主要有管理员和用户这两种角色，可以将系统划分为前台展示和后台管理这两大模块。其中，前台展示模块的主要功能包括信息展示、用户评论、用户留言、信息分享和一键联系；后台管理模块包括留言管理、信息管理、评论管理和外链管理。具体的系统功能模块，如图4-1所示。

产品展示信息展示视频展示用户评论新闻动态前台展示用户留言地图展示信息分享一键联系微官网留言管理产品管理信息管理后台管理评论管理新闻管理视频管理外链管理 图 4-1 功能模块图

13

阳光学院本科生毕业设计(论文)

4.2 数据库设计

微官网是采用SQLServer数据库完成设计，是由最广大的手机用户和企建起业共同组来的信息平台，它的开发与设计从数据的检索，到插入或删除等等操作，都依赖于背后的数据库系统的支持。

对系统进行分析后，我在数据库的设计里，需要清楚各个实体之间的联系。对此，我进行数据库的概念结构设计，如图4-2所示。

视频标题视频内容外链标题视频ID视频位置外链地址视频n发布姓名留言内容账号外链ID外链n发布产品名称产品ID产品内容1留言时间11密码留言1回复n管理员11上传n产品n电话留言ID发布发布时间回复1存放存放位置n评论ID1新闻新闻内容1拥有n评论用户昵称图库图片标题新闻标题点击量新闻ID审查状态回复评论内容图库ID评论时间 图 4-2 E-R图

根据以上数据库的实体之间的联系，我进一步对数据库表进行详细的设计。 （1）系统管理员表(admin)主要存储系统管理员信息，如表4-1所示。

表 4-1 管理员表

字段名称 aId adminName adminPwd

数据类型 Int Varchar(50) Varchar(50) 主键 是 否 否 自增 增1 无 无 14

允许为空 不允许 允许 允许 描述 编号 登陆账号 登陆密码 基于HTML5的微官网设计与实现

（2）产品表(Product)主要存储系统的产品信息，如表4-2所示。

表 4-2 产品表

字段名称 Id Gid Info 数据类型 Int Int Varchar(50) 主键 是 否 否 自增 增1 无 无 允许为空 不允许 允许 允许 描述 编号 图片编号 产品内容

（3）图库表(Gallery)主要存储系统的图片信息，如表4-3所示。

表 4-3 图库表

字段名称 Id Gname Path 数据类型 Int Varchar(50) Varchar(100) 主键 是 否 否 自增 增1 无 无 允许为空 不允许 允许 允许 描述 编号 图片标题 存放位置

（4）新闻表(News)主要存储系统的新闻资讯信息，如表4-4所示。

表 4-4 新闻表

字段名称 Id Title Time Photo Content Hit 数据类型 Int Varchar(50) Datetime Varchar(100) text Int 主键 是 否 否 否 否 否 自增 增1 无 无 无 无 无 允许为空 不允许 允许 允许 允许 允许 允许 描述 编号 新闻标题 发布时间 新闻图片 新闻内容 点击量

（5）评论表(Blog)主要存储系统的新闻评论信息，如表4-5所示。

表 4-5 评论表

字段名称 Id Title Name Time Nid Message

数据类型 Int Varchar(50) Varchar(50) Datetime Int Text 主键 是 否 否 否 否 否 自增 增1 无 无 无 无 无 15

允许为空 不允许 允许 允许 允许 允许 允许 描述 编号 新闻标题 用户昵称 评论时间 新闻编号 评论内容 阳光学院本科生毕业设计(论文)

续表4-5

字段名称 Examine Reply 数据类型 Varchar(50) Text 主键 否 否 自增 无 无 允许为空 允许 允许 描述 评论审核 回复评论

（6）视频表(Video)主要存储系统的视频信息，如表4-6所示。

表 4-6 视频表

字段名称 Id Title Vedio Info 数据类型 Int Varchar(50) Varchar(100) Varchar(50) 主键 是 否 否 否 自增 增1 无 无 无 允许为空 不允许 允许 允许 允许 描述 编号 视频标题 视频位置 视频内容

（7）留言表(Contacts)主要存储系统的留言信息，如表4-7所示。

表 4-7 留言表

字段名称 Id Time Name Tel Message 数据类型 Int Datetime Varchar(50) Varchar(50) Text 主键 是 否 否 否 否 自增 增1 无 无 无 无 允许为空 不允许 允许 允许 允许 允许 描述 编号 留言时间 姓名 联系电话 留言内容

（8）外链表(Extends)主要用于系统管理员对留言信息的管理，如表4-8所示。

表 4-8 外链表

字段名称 Id Title Link 数据类型 Int Varchar(50) Varchar(300) 主键 是 否 否 自增 增1 无 无 允许为空 不允许 允许 允许 描述 编号 链接标题 链接地址 4.3 程序设计

整个微官网由HTML5标准进行设计。HTML5标准的形式简洁，最显著的标志就是代码首行不带版本信息和其他内容的网页声明，原先的HTML网页声明是一串很长的字符串。

16