《网页设计与制作》课程设计报告模板

1、网页设计与制作 课程设计报告书 题目：_ 专业：_ 班级： _ 学号： _ 姓名：_ 山西大学商务学院学院 信息学院 目目 录录 1. 概述 .3 2. 功能需求分析 .3 3. 网站设计 .3 3.1 网站总体设计.3 3.2 数据库设计 .4 3.3 目录结构的设计.5 4. 网站技术实现 .6 4.1 前台系统的实现 .6 4.2 后台系统的实现 .8 5. 总结 .8 目录部分，单独占页。按论文的结构顺序 和层次编目并加注页码。目录可放在论文 内容之前单独占页。 “目录”二字用三号宋 体加粗，目录内容用小四号宋体，1.5 倍行 距。阅后删除此文本框。 XXXXXXXXXX 网站的设计网

2、站的设计 1.1. 概述概述 随着企业信息化的逐步深入，越来越多的人在日常生活中使用网上购物系统购物。这更需要网站开 发商提供更安全，更快捷的网上服务。在这个趋势下，淘宝、京东商城、当当网、凡客诚品等购物系统 以其使用方便、安全快捷受到人们的欢迎。我们在分析与吸收现有的购物系统优点的基础上，利用 ASP+Access 相结合的技术研究和设计了一个图书购物网站。 2.2. 功能需求分析功能需求分析 现实生活中的书店涉及范围有限，经营成本高，而网上书店提供了全面、详细的图书购物入口，轻 松实现快捷地购买。网上销售能通过广泛的信息传递而影响购买者，具有明显的扩销效果；网上商店是 虚拟的商店，没有物理

3、意义上的房屋和店面，也不需要营业员从事销售现场管理，业务环节大为简化， 不仅能节省大量的劳动力，而且也能大幅度降低劳动耗费；网上商店不存在商品积压损失，能有效地降 低库存，减少资金占用。通过金潮网，可以使消费者通过不同分类进行导航，同时提供了图书购物所需 的各种工具，用最方便、最快捷的方式找到消费者需要的图书，满足消费者的图书购买需求。 根据大部分网上购物系统的基本流程，确定系统的具体需求如下。 （1）顾客可以方便地注册与登录。 （2）顾客可以灵活地检索所需的商品信息以及了解特价商品信息。 （3）顾客可以方便地查看详细的商品资料。 （4）顾客可以方便地管理自己的购物车（添加或删除选购商品，修改

4、购买数量及在线下订单等操作） 。 （5）顾客可以反馈自己的意见或留言。 （6）商品管理员可以方便地管理商品及特价商品信息（新增、删除、修改商品及特价商品） 。 （7）订单管理员可以方便地查看订单，进行发货与缺货处理。 （8）会员管理员可以方便地查看顾客的反馈信息及具体的处理情况。 （9）系统管理员可以方便地进行用户管理（新增、删除、修改用户） 。 题目用二号黑体，标题前后各空一行；阅后删除此文本框。 一级标题示例：1. 小四号黑体（顶格，上 下各空一行，单独占行，结尾不加标点） 阅后删除此文本框。 正文：5 号宋体，首行缩进 2 个字符， 1.5 倍行距。 阅后删除此文本框。 3.3. 网站设

5、计网站设计 3.13.1 网站总体设计网站总体设计 按照前面的系统需求分析，根据大部分网上购物系统的基本流程，确定本网站的设计分为前台系统 与后台系统两个模块，前台系统主要实现用户注册、用户登录、图书信息、搜索图书、网上购物、提交 订单管理、用户评论、帮助等功能；后台系统主要实现管理员登录、管理员维护、会员管理、图书类别 管理、图书管理、定单管理、送货/汇款方式管理、评论管理等。系统的功能模块图如图 3-1 所示： 上上上上上上上上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 上 图 3-1 系统的功能模块

6、图 网站站点结构图如图 3-2 所示。 图 3-2 网站站点结构图 二级标题示例：1.1 小四号楷体（顶格，单独占行，结尾不加标点）阅后删除此文本框 3.23.2 数据库设计数据库设计 数据库是存放在计算机内可共享的数据资源，数据库中的数据按照规定好的模型组织进行存储，有 较高的数据独立性和扩展性，有较小的冗余度。 在关系数据库中，数据是保存在表中的，在关系数据库中，通过设定表中的关键字段（有叫做键或 码）来确定表中记录的唯一性。键能唯一确定表中的一个记录，用于分辨记录、建立索引以及保证引用 的完整性。 （1）管理员信息表：存放网站管理员的用户名、密码等信息。 （2）会员信息表：记录系统中注册

7、用户的详细信息。 （3）商品基本信息表：存放网上商城所销售图书的基本信息。 （4）产品大类信息表：记录网上各种商品分类。 （5）基本信息表：记录各种图书分类的相关信息。 （6）订单信息表：存放与用户相关的订单基本信息。 （7）订单条目信息表：存放与订单相关的具体条目信息，包括某订单中所涉及商品的价格及数量。 本网站中的各个数据表的基本结构如下所示。 1） 管理员信息表 系统管理员信息表用于后台维护管理员的基本信息，包括管理员用户的用户名、密码等信息，其字 段设置如表 3-1 所示。 表 3-1 管理员信息表 列 名数据类型字段大小必填字段默 认 值说 明 Id 自动编号长整型是无编号 Admi

8、n 文本 50 是无用户名 Password 文本 50 是无密码（MD5 加密） Rank 数字长整型是无权限 2） 会员信息表 会员信息表记录系统中注册用户的详细信息，包括用户名、密码、身份证号、注册日期、送货方式、 汇款方式等信息，其字段设置如表 3-2 所示。 表 3-2 会员信息 列 名数据类型字段大小必填字段默 认 值说 明 userid 自动编号长整型是无编号 username 文本 50 是无用户名 password 文本 50 是无密码（MD5 加密） useremail 文本 50 是无 Email identify 数字双精度型是无身份证号 mobile 文本 50 是无

9、手机 adddate 日期/时间 是无注册日期 3.33.3 目录结构的设计目录结构的设计 目录的结构在网站的建设过程中是一个容易忽略的问题，虽然目录结构的好坏，对浏览者来说并没 有影响，但是对于站点本身的上传维护、内容的更新和移植有着重要的影响。如果目录结构设计得不好， 常常弄不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件等，影响网络管 理人员的工作效率。 本购物网站的目录结构是根据网站的栏目来建立子目录的。在网站根目录中开设 images 、common 、temp 3 个子目录，根据需要还开设 media 子目录，同时包含了首页 index.asp 文件， Web

10、 文件夹、data 文件夹、css 文件夹、bookpic 文件夹、后台管理模块 admin 文件夹等内容的子目录， 如图 3-3 所示。 images 目录中存放不同栏目的页面都要用到的公共图片，如公司的标志 logo、banner 条、菜单、 按钮等。 common 子目录中存放 css、include 等公共文件。 temp 子目录中存放客户提供的各种文字图片等原始资料； media 子目录中存放 flash，avi，quick time 等多媒体文件。 图 3-3 网站目录结构 4.4. 网站技术实现网站技术实现 金潮网上连锁书店主要分为前台系统和后台系统两大模块。前台主要是针对浏览者

11、，通过各个页面 显示相关的信息来满足顾客的需求，基本实现功能包括会员注册、会员登录、图书展示、图书查询、网 上购书、会员评论、搜索查询等；后台主要针对内部管理员，管理员可以进入后台管理系统，实现会员 管理、商品管理、订单管理、留言管理、管理员管理等功能。 4.14.1 前台系统的实现前台系统的实现 前台系统主要具有以下功能：用户注册、用户登录、图书信息、搜索图书、用户评论、购物车管理 功能、提交订单管理、帮助等。 1） 首页 首页是一个网站的门户，为了能吸引尽可能多的顾客来浏览你的网站，首页的制作是个很重要的部 分。本系统的首页文件是 index.asp，是金潮网上连锁书店的主页面，如图 4-

12、1 所示。 2） 会员模块 会员模块的功能主要有会员注册、修改会员注册信息、会员登录、注销以及加密等。 （1）会员注册 客户只有注册成功以后才会成为会员，会员注册功能的实现如下：注册用户单击“我同意”按钮， 进入用户注册界面，如图 4-2 所示。在该页面中输入客户的详细信息，其中在前面标有*号的为必填内容。 用户填写完毕，并确认所填信息无误后单击“提交信息”按钮，系统会弹出恭喜注册成功的提示。 （2）会员登录 用户注册成功后，就成了本站的会员，凭借注册时的用户名和密码，进行会员登录。会员登录界面 如图 4-3 所示。 图 4-1 首页 图 4-2 会员注册界面 图 4-3 会员登录界面 （3）修改密码 4.24.2 后台系统的实现后台系统的实现 后台系统的实现相对要复杂一些，因为在这里需要对所有信息进行维护，包括浏览、增加、修改、 删除等操作。概括起来，后台系统主要有以下功能：管理员登录、管理员维护、会员管理、图书类别管 理、图书管理、定单管理、送货/汇款方式管理、评论管理等。 1） 管理员登录模块 管理员登录模块需要 login.asp 登录页面文件的支持。管理员登 录模块是管理员进入后台管理系统所看到的第一个页面，如图 4-7 所示。 2） 管理员维护模块 管理员维护模块的功能主要由以下 huser.asp 来实现，该文件结 构包括对管理员的添