杯子销售网站动态网页设计课程设计.docx

杯子销售网站动态网页设计课程设计.docx

《杯子销售网站动态网页设计课程设计.docx》由会员分享，可在线阅读，更多相关《杯子销售网站动态网页设计课程设计.docx（14页珍藏版）》请在冰豆网上搜索。

杯子销售网站动态网页设计课程设计

目录

第1章实训的目的与要求1

1.1实训设计目的1

1.2实训设计的实验环境1

1.3实训设计的预备知识1

1.4实训设计要求1

第2章实训设计内容2

2.1开发背景简述2

2.2系统设计内容2

2.3需求分析3

2.3.1系统逻辑设计3

2.3.2系统功能需求分析4

2.4系统实现6

2.4.1系统的详细设计6

2.4.2后台管理模块的功能模块设计7

2.4.2.1个人资料修改模块7

2.4.2.2购物车模块8

2.4.2程序源代码9

2.5测试分析11

第3章实训总结12

参考资料13

第1章实训的目的与要求

1.1实训设计目的

《动态网页设计》是计算机相关专业的必修专业基础课程，其实践性、应用性很强。

实践教学环节是必不可少的一个重要环节。

本课程的程序设计专题实际是计算机相关专业学生学习完《JAVA程序设计》及《动态网页设计》等课程后，进行的一次全面的综合训练，JSP动态网页设计的设计目的是加深对理论教学内容的理解和掌握，使学生较系统地掌握程序设计及其在网络开发中的广泛应用，基本方法及技巧，为学生综合运用所学知识，利用软件工程为基础进行软件开发、并在实践应用方面打下一定基础。

1.2实训设计的实验环境

硬件要求能运行Windows2000操作系统的微机系统。

JSP动态网页设计语言及相应的集成开发环境:

J2SDK和ECLIPSE开发工具及Tomcat服务器。

1.3实训设计的预备知识

熟悉JAVA语言及ECLIPSE开发工具、Tomcat服务器。

1.4实训设计要求

按JSP动态网页设计的设计指导书提供的课题，要求学生在自行完成各个操作环节，并能实现且达到举一反三的目的，完成一个项目解决一类问题。

要求学生能够全面、深入理解和熟练掌握所学内容，并能够用其分析、设计和解答类似问题；对此能够较好地理解和掌握，能够进行简单分析和判断；能编写出具有良好风格的程序；掌握JSP动态网页设计的基本技能和面向对象的概念和方法编程技术。

同时培养学生进行分析问题、解决问题的能力；培养学生进行设计分析、设计方法、设计操作与测试、设计过程的观察、理解和归纳能力的提高。

第2章实训设计内容

2.1开发背景简述

这次设计实现了一个网上杯子购物网站。

网络购物中心所承载的信息量大、购物流程比较繁琐，而且互联网中日益肆虐的黑客和病毒对网络的安全性提出了更高的挑战。

开发出的网络购物中心系统基于mysql数据库，采用JSP进行开发，具有很高的稳定性和安全性。

网络购物中心真正实现了在Internet上的经营销售，从而使其获得更大的市场机遇及经济效益，很大程度地提高了企业的核心竞争力。

这个网上杯子销售系统所需要的功能从用户角度进行划分，可以分为前台用户功能和后台管理功能。

用户功能主要提供给购物的用户使用，包括用户的注册、登录，购物车，查看订单等；后台管理功能主要提供给系统的管理人员使用，包括对用户、商品、订单的管理。

在网站设计中，管理员完成对网站的维护与管理的工作。

使用数据库中权限的功能对管理员设置权限，管理员可以对商品信息进行新增，修改及删除，也可以对订单信息进行处理，同时管理员也可以对用户信息进行管理。

2.2系统设计内容

根据上面的需求分析，需要设计出杯子销售网站的前台与后台。

用户在前台所浏览的内容，网站的后台需要能相应的做出更新或修改。

根据以上的想法，设计出网站的功能：

1）前台用户相关功能主要包括：

用户注册、登录；

购物车；

订单查询；

个人资料修改；

发布留言。

2）后台管理相关功能主要包括：

添加商品；

处理订单；

查询用户信息；

添加连接；

管理公告信息。

将以上这些功能制作成网页以后，在其中分别互相建立连接，基本完成商城及用户对网站的要求。

2.3需求分析

2.3.1系统逻辑设计

杯子销售系统的总体E-R图：

图2.1杯子销售总体E-R图

表2.1管理员表

字段名称

字段名

字段类型

字段值

是否可空

管理员帐号

Mid

Varchar

20

否

管理员密码

Mpwd

Varchar

20

否

表2.2杯子信息表

字段名称

字段名

字段类型

字段值

是否可空

杯子ID

id

Int

9

否

杯子名称

Name

Varchar

10

否

杯子属性

add

Varchar

20

否

表2.3会员信息表

字段名称

字段名

字段类型

字段值

是否可空

会员帐号

id

int

15

否

会员密码

pwd

Varchar

20

否

会员电话

tel

Varchar

15

否

会员邮箱

email

Varchar

30

否

会员生日

day

Varchar

15

否

会员积分

fen

Varchar

30

否

2.3.2系统功能需求分析

层次模块结构是将系统划分为若干子系统，子系统下再划分为若干的模块。

而模块是指具备有输入输出、逻辑功能、运行程序和内部数据四种属性的一组程序。

在结构化系统设计中，模块一般都是按功能划分的，通常称为功能模块。

合理的功能模块的划分能够极大限度地减少重复劳动、提高开发工作的效率并增大系统的可维护性。

以前面的系统分析为基础，将系统分为两大模块，即前台模块和后台模块。

功能结构如图2.2所示。

图2.2功能模块图

前台业务主要面向客户。

用户可以浏览网站主页、杯子商品的介绍和一些服务信息。

前台业务流程如图2.3所示。

图2.3前台业务流程图

在网站设计中，管理员完成对网站的维护与管理的工作。

使用数据库中权限的功能对管理员设置权限，管理员可以对商品及商品分类的信息进行新增，修改及删除，也可以对订单信息进行查看、撤销、发货、完成等处理，同时管理员也可以对用户信息进行管理。

流程图如图2.4所示。

图2.4后台业务流程图

2.4系统实现

2.4.1系统的详细设计

前台模块主要为登陆网站的用户提供商品和服务的信息，填写并提交订单的服务。

这样，将前台模块再细分为用户管理模块、订单查询模块、购物车模块、修改个人资料模块、留言板模块。

顾名思义，这些模块的名称基本概括了它们的功能。

下面详细说明一下这些功能模块的设计：

（1）用户管理模块：

为了方便于网站的管理，必须由一套完整的用户管理体系。

该网站用户管理模块主要实现用户的注册、登录、找回密码3方面功能。

（2）购物车模块：

在超市购物，可以根据自己的需要将很多种商品挑选至购物车或购物篮中，然后到收银台结款。

而在网上虚拟的商城中，当然没有办法使用真正的购物工具，因此，通常都会采用一种被称为“购物车”的技术来模拟现实生活。

在网上商城中，所选商品须通过购物车进行暂存，然后生产订单。

这种技术使用起来十分方便，不但可以随时添加、查看、修改、清空购物车中的内容，还可以随时去收银台结款。

（3）订单管理模块：

用户提交订单后，通过产生的订单号查询订单信息及执行状态。

只需要根据用户录入的订单号在数据表中查询处对应的货品信息即可。

（4）个人资料管理模块：

用户资料修改时为用户更改个人信息所提供的窗口，为了保护用户信息部受非法侵害，用户只有登录网页后才有权限修改个人资料。

这样，子模块各自的内容基本设计好。

下面可以设计如何将这些模块组织在一起，构成一个结构比较合理的前台了。

除了在主页中建立面向其他模块的链接外，也要在其他模块中建立返回主页面的链接。

另外各个模块间也应该互相链接起来。

2.4.2后台管理模块的功能模块设计

后台管理模块的功能是对站内的资源进行管理和维护。

以后台的业务流程分析和前台各个模块的设计为基础、根据用户的需求分析来确定后台管理模块应具有的功能。

后台管理模块的各个子功能模块如下：

管理员身份验证模块：

为合法用户提供一个后台入口。

该模块的功能是对管理员身份进行能够验证。

用户输入登录ID和密码后，系统将判断登录ID及密码的有效性，如果通过验证则状态后台主页，反之则提示错误。

登录页面如图2.5所示。

图2.5管理员登录页面运行结果

2.4.2.1个人资料修改模块

个人资料修改时为用户更改个人信息所提供的窗口，用户只有登录网页后才有权限修改个人资料信息。

个人资料修改模块在前台主页的导航条上，单击“修改资料”链接，进入用户资料修改页面，该页面主要用户修改用户信息。

用户资料修改页面如图2.6所示。

图2.6个人资料修改页面运行结果

个人信息修改完毕后，要将修改后的数据信息更新到注册数据表中，单击“修改”按钮，如果提交的数据无误，将弹出“数据更新成功”的消息对话框；否则将弹出“更新失败”的消息对话框。

2.4.2.2购物车模块

购物车模块中，主要包含以下几个功能，即：

添加购物车、查看购物车、生成订单和清空购物车。

购物车页运行结果如图2.7所示：

图2.7购物车页面运行结果

1）添加购物车

添加购物车就是把用户选中的商品暂时存放在购物车中，当用户在前台首页中单击商品展示区的“购买”按钮时，系统会将该商品的详细信息展示在查看物品清单页面中。

用户在单击物品清单页面下方的“放入购物车”链接，便可以将该商品放入购物车中。

2）查看购物车

为了方便用户随时查看购物情况，在网站的首页加入了查看购物车的链接，通过它可以将用户所有选中的商品信息放入购物车中显示出来。

并需要单击“修改”按钮来更新购物车中商品的数量。

系统每次只会将1个商品放入购物车中，如果用户需要多个同种商品，可以通过修改商品信息右侧相应文本框的值来完成。

操作完成后需要通过单击“修改”按钮来保存操作。

2.4.2程序源代码

1.登录

如果用户已经是该网站的会员，则只需在“用户名”和“密码”文本框中输入相应的用户名和密码，最后单击【提交】按钮即可进入会员购物界面。

2.注册

如果用户是首次登录，需要先注册，然后才能以会员的身份登录进入网站购物。

单击【免费注册】按钮，进入会员注册界面。

在“会员名称”、“会员密码”、“确认密码”、“头像”的文本框内输入相应的内容，最后单击【提交】按钮，系统会给予“注册成功”的提示字样。

进行确认后即完成注册。

代码如下：

action=1"onSubmit="returnland（）">

用户名：