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

网页设计与制作课程设计报告模板网页设计与制作 课程设计报告书 题目：专业：班级：学号：姓名： _ _ _ _ 山西大学商务学院学院 信息学院 1 目录部分，单独占页。按论文的结构顺序 目 录 和层次编目并加注页码。目录可放在论文内容之前单独占页。“目录”二字用三号宋体加粗，目录内容用小四号宋体，1.5倍行距。阅后删除此文本框。 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 2 网页设计与网站建设课程设计 题目用二号黑体，标题前后各空一行；阅后删除此文本框。 XXXXX网站的设计 一级标题示例：1. 小四号黑体阅后删除此文本框。 随着企业信息化的逐步深入，越来越多的人在日常生活中使用网上购物系统购物。这更需要网站开发正文：5号宋体，首行缩进2个字符，商提供更安全，更快捷的网上服务。在这个趋势下，淘宝、京东商城、当当网、凡客诚品等购物系统以其1.5倍行距。 使用方便、安全快捷受到人们的欢迎。我们在分析与吸收现有的购物系统优点的基础上，利用ASP+Access阅后删除此文本框。 相结合的技术研究和设计了一个图书购物网站。 2. 功能需求分析 现实生活中的书店涉及范围有限，经营成本高，而网上书店提供了全面、详细的图书购物入口，轻松实现快捷地购买。网上销售能通过广泛的信息传递而影响购买者，具有明显的扩销效果；网上商店是虚拟的商店，没有物理意义上的房屋和店面，也不需要营业员从事销售现场管理，业务环节大为简化，不仅能节省大量的劳动力，而且也能大幅度降低劳动耗费；网上商店不存在商品积压损失，能有效地降低库存，减少资金占用。通过金潮网，可以使消费者通过不同分类进行导航，同时提供了图书购物所需的各种工具，用最方便、最快捷的方式找到消费者需要的图书，满足消费者的图书购买需求。 根据大部分网上购物系统的基本流程，确定系统的具体需求如下。 顾客可以方便地注册与登录。 顾客可以灵活地检索所需的商品信息以及了解特价商品信息。 顾客可以方便地查看详细的商品资料。 顾客可以方便地管理自己的购物车。 顾客可以反馈自己的意见或留言。 商品管理员可以方便地管理商品及特价商品信息。 订单管理员可以方便地查看订单，进行发货与缺货处理。 会员管理员可以方便地查看顾客的反馈信息及具体的处理情况。 系统管理员可以方便地进行用户管理。 二级标题示例：1.1 小四号楷体阅后删除此文本框 3. 网站设计 3.1 网站总体设计 按照前面的系统需求分析，根据大部分网上购物系统的基本流程，确定本网站的设计分为前台系统与3 网页设计与网站建设课程设计 后台系统两个模块，前台系统主要实现用户注册、用户登录、图书信息、搜索图书、网上购物、提交订单管理、用户评论、帮助等功能；后台系统主要实现管理员登录、管理员维护、会员管理、图书类别管理、图书管理、定单管理、送货/汇款方式管理、评论管理等。系统的功能模块图如图3-1所示： 金潮网上连锁书店 首页 图书展示 图书查询 网上购书 订单查询 动态新闻 会员中心 网上评论 用户留言 留图3-1 系统的功能模块图 网站站点结构图如图3-2所示。 图3-2 网站站点结构图 3.2数据库设计 数据库是存放在计算机内可共享的数据资源，数据库中的数据按照规定好的模型组织进行存储，有较高的数据独立性和扩展性，有较小的冗余度。 在关系数据库中，数据是保存在表中的，在关系数据库中，通过设定表中的关键字段来确定表中记录的唯一性。键能唯一确定表中的一个记录，用于分辨记录、建立索引以及保证引用的完整性。 4 网页设计与网站建设课程设计 管理员信息表：存放网站管理员的用户名、密码等信息。 会员信息表：记录系统中注册用户的详细信息。 商品基本信息表：存放网上商城所销售图书的基本信息。 产品大类信息表：记录网上各种商品分类。 基本信息表：记录各种图书分类的相关信息。 订单信息表：存放与用户相关的订单基本信息。 订单条目信息表：存放与订单相关的具体条目信息，包括某订单中所涉及商品的价格及数量。 本网站中的各个数据表的基本结构如下所示。 1）管理员信息表 系统管理员信息表用于后台维护管理员的基本信息，包括管理员用户的用户名、密码等信息，其字段设置如表3-1所示。 表3-1 列 名 Id Admin Password Rank 数据类型 自动编号 文本 文本 数字 管理员信息表 字段大小 长整型 50 50 长整型 必填字段 是 是 是 是 默 认 值 无 无 无 无 编号 用户名 密码 权限 说 明 2）会员信息表 会员信息表记录系统中注册用户的详细信息，包括用户名、密码、身份证号、注册日期、送货方式、汇款方式等信息，其字段设置如表3-2所示。 表3-2 列 名 userid username password useremail identify mobile adddate 数据类型 自动编号 文本 文本 文本 数字 文本 日期/时间 会员信息 字段大小 长整型 50 50 50 双精度型 50 必填字段 是 是 是 是 是 是 是 默 认 值 无 无 无 无 无 无 无 编号 用户名 密码 Email 身份证号 手机 注册日期 说 明 3.3 目录结构的设计 目录的结构在网站的建设过程中是一个容易忽略的问题，虽然目录结构的好坏，对浏览者来说并没有5 网页设计与网站建设课程设计 影响，但是对于站点本身的上传维护、内容的更新和移植有着重要的影响。如果目录结构设计得不好，常常弄不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件等，影响网络管理人员的工作效率。 本购物网站的目录结构是根据网站的栏目来建立子目录的。在网站根目录中开设images 、common 、temp 3个子目录，根据需要还开设media 子目录，同时包含了首页index.asp文件，Web文件夹、data文件夹、css文件夹、bookpic文件夹、后台管理模块admin文件夹等内容的子目录，如图3-3所示。 images目录中存放不同栏目的页面都要用到的公共图片，如公司的标志logo、banner 条、菜单、按钮等。 common 子目录中存放css、include 等公共文件。 temp 子目录中存放客户提供的各种文字图片等原始资料； media 子目录中存放flash，avi，quick time 等多媒体文件。 图3-3 网站目录结构 4. 网站技术实现 金潮网上连锁书店主要分为前台系统和后台系统两大模块。前台主要是针对浏览者，通过各个页面显示相关的信息来满足顾客的需求，基本实现功能包括会员注册、会员登录、图书展示、图书查询、网上购书、会员评论、搜索查询等；后台主要针对内部管理员，管理员可以进入后台管理系统，实现会员管理、商品管理、订单管理、留言管理、管理员管理等功能。 4.1 前台系统的实现 前台系统主要具有以下功能：用户注册、用户登录、图书信息、搜索图书、用户评论、购物车管理功能、提交订单管理、帮助等。 1）首页 首页是一个网站的门户，为了能吸引尽可能多的顾客来浏览你的网站，首页的制作是个很重要的部分。本系统的首页文件是index.asp，是金潮网上连锁书店的主页面，如图4-1所示。 2）会员模块 会员模块的功能主要有会员注册、修改会员注册信息、会员登录、注销以及加密等。 会员注册 6 网页设计与网站建设课程设计 客户只有注册成功以后才会成为会员，会员注册功能的实现如下：注册用户单击“我同意”按钮，进入用户注册界面，如图4-2所示。在该页面中输入客户的详细信息，其中在前面标有*号的为必填内容。用户填写完毕，并确认所填信息无误后单击“提交信息”按钮，系统会弹出恭喜注册成功的提示。 会员登录 用户注册成功后，就成了本站的会员，凭借注册时的用户名和密码，进行会员登录。会员登录界面如图4-3所示。 图4-1 首页 图4-2 会员注册界面 图4-3 会员登录界面 7 网页设计与网站建设课程设计 修改密码 4.2 后台系统的实现 后台系统的实现相对要复杂一些，因为在这里需要对所有信息进行维护，包括浏览、增加、修改、删除等操作。概括起来，后台系统主要有以下功能：管理员登录、管理员维护、会员管理、图书类别管理、图书管理、定单管理、送货/汇款方式管理、评论管理等。 1）管理员登录模块 管理员登录模块需要login.asp登录页面文件的支持。管理员登录模块是管理员进入后台管理系统所看到的第一个页面，如图4-7所示。 2）管理员维护模块 管理员维护模块的功能主要由以下huser.asp来实现，该文件结图4-7 是管理端登录页面 构包括对管理员的添加、删除、修改3项功能。高级管理员可以管理其他管理员，普通管理员只有查看图书信息的权限。在管理员维护页面，可以添加管理员、删除管理员、完成操作后单击“确定”按钮，如图4-8所示。 图4-8 管理员维护页面 5. 总结 教师对网站的总结评价 优 良 中 及格 不及格 课程设计成绩： 教师签名： 签名日期： 8