网站设计与规划--第11章 实训.ppt

1、第11章 实训,主讲：opera,11.1 购物网站系统,11.1.1 系统概述 11.1.2 总体设计 11.1.3 详细设计,11.2,11.3,11.1.1 系统概述,系统说明 购物网站是集展示商品、搜索商品、购买商品于一体的大型动态网站，具有品种齐全、功能完善、操作简便、服务快捷等优点。 系统任务 基于ASP技术构筑一个购物网站，对于各个企业而言，可以提供商品信息的展示，旨在找到一个展示商品并销售商品的平台；对消费者而言，旨在提供一个方便快捷的购物方式，即在网上可以购买到自己心仪商品的平台。,需求分析 (1)功能需求 根据系统目标，系统主要实现的是商品的展示、出售、订购、新闻信息发布、

2、调查以及商品的后台管理与其他相关服务，此系统可分为十大功能模块。 购物网站首页：展示网站总体格局，发挥导航作用。它包含商品分类模块、商品调查模块、友情链接模块、商品最新推荐模块、最新商品专题模块、商品搜索模块、特价商品和网站公告模块、促销商品和站内新闻模块、商品销售排行榜模块，以上模块可便于顾客了解购物网站的主要功能，以便进行有效的操作。,商品展示页面：如果想查看更详细的商品信息，就需要进入商品展示区，商品展示区所有的客户都可以随意浏览该区所展示出来的商品，包括新上架的产品、特价商品等，并可根据商品展示的说明来选择是否购买，而且客户还可以对已经购买的商品进行评价，也可浏览别的客户的评论页面来对

3、自己是否购买商品进行参考。 商品搜索子系统：购物网站中丰富的商品种类对于访问者来说无异于一个商品的海洋，要想在这茫茫大海中查找到顾客所需要的商品，商品搜索系统可以说是一个必不可少的工具，通过这个系统，顾客可以通过输入关键词进行快速查找、检索自己需要的商品。,购物子系统：该系统是购物网站最主要的部分，通过不同的方式浏览、查询各种商品，将所要购买的商品放入购物车。在购物车中会列出所购商品的各项信息，如商品编号、商品名称、商品单价、商品数量和价格总计等。在购物车中可以修改购买数量或取消商品的购买。如果还需要继续选购商品，则可继续购物；如已确定所购物品，则可付款结账。 商品后台管理子系统：通过后台管理

4、系统添加、修改需要发布的商品图片及相关内容，即可自动生成网页，极大地提高了工作效率，加快网站内容的更新速度。而且通过后台还可以查看订单、修改订单状态和删除订单等。,用户管理子系统：该系统的功能是通过会员制的管理，一方面可以相对明确访问者的身份，提高客户的信息和网上意见反馈的准确度与可信度。另一方面可以通过会员积分的管理，开展优惠促销活动等，提高网站的吸引力。最后，可以加强客户的认同感和归属感，提升客户的忠诚度。 新闻信息管理子系统：该系统是通过一个操作简单的界面将要发布的信息加入数据库，然后通过已有的网页模板格式发布到网站上。管理员在浏览器上只需录入文字就可以快速实现新闻维护，从而大大加快了信

5、息的传播速度，增强网站的活动力和影响力。,商品调查子系统：该系统是一种实用、方便的随机调查方式，可以迅速地实现对某种需求、意见的调查，并可实时地得出调查结果。此系统包括显示调查结果的统计处理程序和实现调查项目更新的后台管理程序。 顾客留言子系统：读者服务问答是一种留言系统，在网络用户交流中起着很大的作用。可以提供完备的信息发布功能，有助于客户收集网站的反馈信息，是客户通过网络收集信息的有力工具。 购物网站系统整合：该系统将从前台和后台两个方面介绍如何将这些模块整合起来，组成一个完整的购物网站。,(2)性能需求 由于该系统涉及大信息量的商品以及用户信息发布，要求信息的录入、更改、删除操作延迟时间

6、短。搜索操作要求得到大数据量结果时延迟不能太长。,11.1.2 总体设计,系统结构 系统的结构图,数据库 动态页面最主要的就是结合后台数据库自动更新网页，所以离开数据库也就谈不上什么动态页面，对任何内容的添加、删除、修改及检索操作都是建立在数据库链接基础上的。,商品订单表（shop_action表）,购物表单（gowuchen表）,商品大类表（shop_aclass表）,商品小类表（shop_nclass表）,商品表（snsn表）,专题表（zhuanti表）,用户表（user表）,11.1.3 详细设计,用户注册管理子系统 用户注册管理系统主要有三部分组成：用户注册更改界面、用户账户查询修改页

7、面和用户管理页面。 主要的文件及功能 regasp：用户注册信息页面，包括登录、根据关键词搜索、新用户注册等。 userasp：用户账户查询修改页面。 adminn/manageuserasp：用户管理页面。,模块功能,用户注册更改子模块,用户帐户查询子模块,用户管理系统子模块,商品搜索子系统 商品搜索系统主要包括两个文件。 searchasp：商品搜索页面。 researcgasp：显示搜索到的商品页面。,在设计该子系统的过程中应注意以下几个方面： （1）在该系统中，应包含商品搜索页面的设计和显示搜索到的商品的设计。 （2）在搜索页面中，应包括关键字、查找方式、价格范围、商品分类等选项，而在

8、要执行的动作中应包含提交查询、重置、返回三项操作。 （3）在显示搜索到的商品设计过程中，需要链接到数据库，从数据库的商品表单中读取商品，在商品表单的创建时，应包括商品名称、市场价、会员价字段等。,购物子系统 购物子系统主要包括以下文件： gouwu.asp 购物车页面； xgsl.asp 修改购物数量； qkgwc.asp 清空购物车； jszx.asp 提交订单页面； women.asp“关于我们”页面。,注意事项： 在购物子系统中，应包含购物模块和提交订单模块设计。 在提交订单时，主要是完成收银台清算、填写收费人地址、选择送货方式、选择付款方式、完成并提交订单。当顾客选择自已所需的商品之后

9、，就可以结帐了。,商品后台管理系统 商品后台管理子系统主要包括以下文件： adminn/addsn.asp 商品添加页面； adminn/managesn.asp 查看添加的商品； adminn/editdingdan.asp 查看订单列表； adminn/viewdingdan.asp 修改查看订单详细信息。,注意事项： 商品后台管理系统应包含商品管理模块和订单管理模块，其中商品管理模块包括添加商品页面和查看商品页面的制作；订单管理模块包括查看订单列表和查看修改订单详细信息。 提供的商品必须是货真价实的优质产品而决非假冒伪劣。 在商品被修改添加后，系统应能立刻把修改后的商品信息写入数据库中的

10、商品表单中。在订单管理中，要能查看订单、删除订单等。,新闻信息管理子系统 新闻信息管理子系统主要由以下几个页面构成： dongtai.asp 新闻列表页面 news.asp 新闻详细内容页面 adminn/addnews.asp 添加新闻页面 adminn/editnews.asp 删除新闻页面,注意事项： 该系统应包含有新闻列表页面、新闻详细内容页面、添加新闻和删除新闻页面。 新闻信息的内容应健康真实，既要反映客观事实，又要有启发性。 对商品进行审查，对商品内容进行正确性检查，如文字录入的错误、图像的错误等都会降低用户对商品的信任度。, 在新闻信息管理系统中，也需要与数据库密切联系，可以用代

11、码修改新闻的个别属性后，如数据源变量定义为rs ，则rs(“addate”)=now()则设置该新闻的上传时间，用代码rs.update即可更新数据库中新闻表单里的内容；用rs.addnew即可在表单中添加新的新闻，当然这要添加的新闻需要在新闻添加页面中输入。,商品调查子系统 商品调查子系统主要包括以下文件： vote.asp 商品调查页面 adminn/votemanage.asp 商品调查修改页面 adminn/voteAdd.asp 添加调查选项页面,其主要功能 商品调查系统应包含制作商品调查页面、商品调查管理系统、修改调查内容页面和添加调查选项页面。 在修改添加调查内容页面过程中，需要

12、在ASP脚本中编制管理员管理权限代码。,客户服务子系统 客户服务子系统主要包括以下两个文件： fk.asp 制作问答留言网页； adminn/viewfk.asp 服务问答管理页面。 主要功能： 该系统应包含顾客问答留言页面和问答留言管理页面。 在顾客问答留言网页中，应建立一个留言表单，表单应包含姓名、OICQ、性别、网址、邮箱和留言内容等字段。,11.2 计算机实验室网站,11.2.1 网站系统概述 11.2.2 网站总体结构设计及功能分析 11.2.3 网站后台总体结构设计及功能分析,11.1,11.3,11.2.1 网站系统概述,本系统是在参考多个网站建设经验，查阅了大量相关资料的基础上

13、建立起来的一个供计算机实验室应用的系统，用户可以通过本网站查询实验室的相关信息，可以浏览和下载所需相关资料，也可以与其他用户同时在线交流。本网站的建设与投入运行将会为展示实验室风采和提高实验室工作效率提供一个良好的平台。,11.2.2 网站总体结构设计及功能分析,网站前台总体结构设计及功能分析 (1)网站前台总体结构 通过对实验中心网站的需求分析，本网站前台分为：实验室概况、规章制度、指导教师、开设课程、教学资料、在线交流、友情链接、图片新闻、实验室新闻、最新公告10个模块。,(2)网站前台各模块功能分析 实验室概况模块：主要包括实验室基本情况介绍、实验室设置和实验室开放计划三个部分，实验室基

14、本情况介绍主要展示了信息工程学院计算机实验室的发展历程、实验室的基本职能以及实验室的组成结构；实验室设置主要介绍了各个实验室的系统配置以及可开设的实验项目；实验室开放计划主要列出了实验室面向全院同学开放的时间以及各个实验室的可实验项目。,规章制度模块：主要列出了实验室的各项规章制度,为实验室人员和上网的学生提出了规范和约束,也为使同学们有一个良好的上机环境提供了有力的保障。 指导教师模块：主要向用户介绍实验室的指导教师的基本情况以及每一个指导教师所任实验课程等信息。 开设课程模块：主要列出实验室本学期课表，包括实验室开设的各门课程以及每门课程上课的时间、地点和指导教师等信息。,教学资料模块：主

15、要提供计算机相关专业的教学资料的查询与下载。 在线交流模块：可供在线用户之间相互交流信息,为在线用户提供了一个网上交流的平台。 友情链接模块：为用户快速访问相关网站提供了一种更加快捷的方式。,图片新闻模块：把最近发生的新闻事件以图片的形式展示给用户，让用户能更加深刻的感受到新闻事件的真实性，也让网站的整体布局更有艺术性。 实验室新闻模块：放置实验室的重要新闻事件，报道实验室的最新动态。 最新公告模块：发布实验室的通知公告等信息。,11.2.3 网站后台总体结构设计及功能分析,后台总体结构 本网站后台主要分为：新闻模块管理、上传文件管理、指导教师管理、开设课程管理、其它管理共五个模块。,(1)新

16、闻管理模块 新闻模块管理可以实现对实验室新闻、最新公告和图片新闻三个前台模块的管理，新闻模块管理分为添加新闻和新闻管理两个小模块，其中添加新闻小模块主要用来添加新闻、最新公告以及图片新闻；新闻管理小模块主要用来编辑、删除新闻、最新公告以及图片新闻。,(2)上传文件管理模块 上传文件管理可以实现对规章制度、教学资料以及实验室概况三个前台模块的管理，上传文件管理分为添加文件和文件管理两个小模块，其中添加文件小模块主要用来添加规章制度、教学资料以及实验室概况模块中的文件；文件管理小模块主要用来编辑、删除规章制度、教学资料以及实验室概况模块中的文件。,(3)指导教师管理模块 指导教师管理可以实现对指导

17、教师一个前台模块的管理，分为添加教师和教师管理两个小模块，其中添加教师小模块主要用来添加指导教师记录；教师管理小模块主要用来实现指导教师记录的编辑和删除。,(4)开设课程管理模块 开设课程管理主要实现对开设课程这一前台模块的管理，分为添加课程和课程管理两个小模块，其中添加课程主要用来添加实验室课表；课程管理小模块主要用来实现对实验室课表的编辑和删除。,(5)其它管理模块 其它管理模块主要用来实现对友情链接、在线交流两个前台模块的管理，分为添加链接、链接管理以及留言管理三个小模块，其中添加链接小模块主要用来为友情链接模块添加新的链接记录；链接管理小模块主要用来实现对链接记录的编辑和删除；留言管理

18、小模块主要用来实现对在线交流模块中信息的管理。,后台数据库设计及各模块功能实现 在本网站设计中数据库的设计是非常重要的一环，因为本网站主要是通过对各类数据表的访问操作来实现系统的强大功能。因此在数据库平台选用上采用Microsoft 公司的SQL Server 2000，其强大的功能及网络支持完全能够满足本系统的需求。,按照系统各模块要实现的功能及之间的相互关系，首先确定大概需要多少个数据表，各大模块都要用到的数据表主要有哪些，单独需要的数据表有哪些，各个表都需要哪些字段，然后完成各个数据表的建立。最后根据系统的需要大概把表分为管理员登陆数据表、新闻管理数据表、上传文件数据表、指导教师数据表、

19、友情链接数据表等几类，各大类数据表都有详细的数据表与各模块相对应。,(1)管理员登陆数据表 管理员登陆数据表主要用来验证管理员身份。,(2)新闻管理数据表 新闻管理数据表主要用来实现新闻模块中文件的上传、编辑和删除。,(3)上传文件数据表 上传文件数据表主要用来进行规章制度和教学资料两个模块中文件的上传、编辑和删除。,(4)指导教师数据表 指导教师数据表主要用来实现指导教师这一前台模块中教师记录的添加、编辑和删除。,(5)友情链接数据表 友情链接数据表主要用来实现友情链接这一前台模块中链接记录的添加、编辑和删除。,后台各模块功能实现 （1）新闻管理模块功能实现 新闻管理模块主要实现对实验室新闻

20、、最新公告以及图片新闻三个前台模块的管理，因此，该模块设计时应考虑到要兼顾这三个模块的需求。此处调用Response.Write函数以及用户自定义函数Page_Load、Button1_Click实现文件的管理。,(2)上传文件管理模块功能实现 上传文件管理模块主要实现对规章制度和教学资料两个前台模块的管理，因为这两个模块所需算法一样，因此使用同一个管理模块即可实现对此两个模块的管理，此管理模块调用函数Response.Write以及自定义函数AddUpFile实现文件的上传位置。,(3)指导教师管理模块功能实现 指导教师管理模块主要实现对指导教师这一前台模块的管理，此处调用函数Respons

21、e.Write和用户自定义函数Page_Load、Button1_Click来实现对教师记录的添加、编辑和删除。,(4)开设课程管理模块功能实现 开设课程管理模块主要实现对开设课程这一前台模块的管理，此处调用函数Response.Write和用户自定义函数Page_Load、Button1_Click实现对开设课程中课表的添加、编辑和删除。,(5)其它管理模块的功能实现 其它管理模块主要实现对友情链接和在线交流这两个前台模块的管理，在线交流模块的后台管理主要通过调用函数Response.Redirect和用户自定义函数Page_Load、send_Click1来实现。,11.3 学校教育信息系

22、统,11.3.1 系统功能分析 11.3.2 资料类别 11.3.3 教师信息 11.3.4 教育资料 11.3.5 资料综合查询,11.1,11.2,11.3.1 系统功能分析,需求分析 功能要求：能对教育资料信息进行分类，然后按资料类别维护资料信息，以便学生和教师查阅需要的资料；能记录维护学校教师信息以便学生了解沟通教师；可以按各种条件查询资料和教师信息。,（1）资料类别 资料类别是对资料进行分类的信息以便对资料进行管理查阅。比如计算机、数学、化学物理、法律和建筑等，据此建立资料类别信息表。,（2）科目 科目是学校所开的科目课程信息，记录教师所教的科目，以便按科目查询教师信息。,（3）教师信息 对所有教师的基本信息进行记录，即需要管理的教师信息。,（4）资料信息 用于记录所有资料信息，便于教师和学生查阅，据此建立资料信息表。,11.3.2 资料类别,功能分析 能对资