第10章 “北京奥运吉祥物-福娃”网站的动态设计.pptVIP

10.3.3 系统设计 通过需求分析画出系统的功能结构图以及完成文件规划和数据库规划后就可以进行具体的系统设计了，在设计过程中也可以多人分工协作，共同完成子系统的整体开发。 下面仅介绍系统中的一些关键页面。 （1）普通用户可以通过首页进行标题浏览，如图10-17所示。 图10-17 首页标题浏览 （2）普通用户可以通过标题浏览页进行标题浏览，如图10-18所示。 图10-18 标题浏览页面 （3）普通用户可以通过单击标题方式浏览内容，如图10-19所示。 图10-19 标题浏览页面 （4）管理员后台登录页面，如图10-20所示。 图10-20 后台登录页面 （5）管理员后台管理主页，如图10-21所示。 图10-21 后台管理主页 （6）后台类别管理页面，可以添加类别、修改类别和删除类别，如图10-22所示。 图10-22 后台类别管理页面 （7）添加文章页面，如图10-23所示。 图10-23 添加文章页面 （8）修改文章页面，如图10-24所示。 图10-24 修改文章页面 （9）删除文章页面，如图10-25所示。 图10-25 删除文章页面 （10）用户管理页面，如图10-26所示。 图10-26 用户管理页面 （11）系统配置页面，如图10-27所示。 图10-27 系统配置页面 本章主要是通过ASP+ACCESS的方式对“北京奥运吉祥物-福娃”网站进行了动态设计与开发。其一，设计了一个投票调查子系统；其二，为“福娃感言”栏目设计了一个留言板子系统；其三，为“福娃动态”、“精彩图片”和“名人说福娃”栏目设计了一个分类显示的内容管理系统。 通过本章的学习，使读者掌握动态网站的规划和设计流程，以及一个实际应用的系统的开发细节。 10.4 本章小结 一、实训题 1.参照“北京奥运吉祥物-福娃”网站的动态设计，承接5.9 习题中简答及实训题第1小题，进行网站的动态设计。要求： （1）网站具有新闻管理子系统； （2）网站具有投票调查子系统； （3）网站具有留言板子系统。 10.5 习题 习题参考答案 一、实训题 1.略。 本章简介：本章主要是通过ASP+ACCESS的方式对“北京奥运吉祥物-福娃”网站进行了动态设计与开发。其一，设计了一个投票调查子系统；其二，为“福娃感言”栏目设计了一个留言板子系统；其三，为“福娃动态”、“精彩图片”和“名人说福娃”栏目设计了一个分类显示的内容管理系统。 目 录 10.1 投票调查子系统 10.2 留言板子系统 10.3 内容管理子系统 10.4 本章小结 10.5 习题 在第四章中，已经开发出静态的“北京奥运吉祥物-福娃”网站，但是其不但缺少交互功能，而且管理和更新也不方便。因此，在本章中，将对“北京奥运吉祥物-福娃”网站进行动态设计与开发，主要是开发一个投票调查子系统、一个栏目为“福娃感言“的留言板子系统和一个栏目为“福娃动态”、“精彩图片”和“名人说福娃”的带分类显示的内容管理子系统，动态设计之后的网站首页如图10-1所示。从而让读者对动态网站的设计和开发有一个系统全面的认识，并且掌握动态网站的规划和设计流程。 图10-1 动态设计之后的网站首页 10.1.1 功能说明 投票调查子系统用来实现网站与用户之间的基本互动，帮助网站管理员收集用户浏览“北京奥运吉祥物-福娃”网站的感受及意见建议等信息，从而进一步对网站进行改进和升级，投票调查子系统的功能结构图如图10-2所示。 图10-2 投票调查子系统的功能结构图 10.1 投票调查子系统 10.1.2 系统规划 1.文件规划 根据功能结构需求，投票调查子系统中需要的文件相关信息如表10-1所示。 表10-1 投票调查子系统的文件规划 序号 文件名 功能说明 1 admin.asp 后台主页右侧默认页面 2 admin_additem.asp 添加投票选项 3 admin_addvote.asp 添加主题 4 admin_admin.asp 修改管理员用户名和密码 5 admin_delitem.asp 删除投票选项 6 admin_delvote.asp 删除主题 7 admin_edititem.asp 修改投票选项 8 admin_editvote.asp 修改主题 9 admin_index.asp 后台主页 10 admin_item.asp 投票选项管理 11 admin_left.asp 后台主页左侧功能菜单页面 12 admin_login.asp 管理员后台登录 13 admin_vote.asp 主题管理 14 conn.asp 链接数据库 15 css.css 样式表文件 16 db.asp 数据库（为了安全，将文件扩展名.mdb改为.