网站建设课程设计报告购物车(购物车系统课程设计)

网站建设 1552
今天给各位分享网站建设课程设计报告购物车的知识,其中也会对购物车系统课程设计进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、一个网站设计过程举例

今天给各位分享网站建设课程设计报告购物车的知识,其中也会对购物车系统课程设计进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

一个网站设计过程举例

一、网站的规划要求:选准主题,优化内容;计划书的内容:

1、你所选网站的主题和内容简介;2、网站的结构(最好能是一个完整的结构,因为这样对你后面的设计有较大的帮助。);3、网站能包含的功能;4、哪些地方计划使用数据库;5、如何安排进度和计划完成时间?6、如果是两个人合作的,每个人的分工如何?二、网站的设计

设计语言:

1、HTML2、ASP——Active Server Pages,是服务器端脚本编程环境。使用ASP可将HTML、脚本命令和ActiveX组件组合起来,创建动态、交互的网站。3、VBScript——是ASP事务处理的核心。是VB的简化版本,用于对HTML和ASP进行处理的编程语言,支持嵌入HTML和ASP文件中。4、SQL——结构化查询语言,在网站中尽量使用数据库可以使维护更加方便,查询功能强大。建立运行环境:

1、建站环境:Windows 2000 + IIS2、数据库:可选用Access或sqlserverASP程序三个特点:1、纯文本文件;2、文件扩展名为.asp;3、文件中相关的asp程序代码包含在% %当中。学习ASP的方法:1、全面了解一下ASP的基本概念(如:asp的特点、运行环境等)、基本设计方法(如:编写ASP的基本框架、与HTML的关系等)、基本指令和一些特殊文件(如Global.asa等)。2、学习一些脚本语言(如:VBScript、JScript等),我们选VBScript是在于它的结构与VB类似,大家都学过VB,并且ASP与它同是Microsoft的产品,结合能力较强。三、题目

小型电子商务网站的规划与设计

四、设计目的

网站的建设是各个企业投身Internet的第一步,本毕业设计希望通过对电子商务网站的'规划与设计来培养学生综合运用所学知识分析和解决实际问题的能力,掌握相关网页制作软件,强化计算机实际应用技能训练,为今后开展网站规划、设计和开发打下初步的基础。1、 运用Dreamwearer等网络制作软件制作主页及其相关链接的页面。2、 主页要求:清纯简洁、主题鲜明、内容编排得当合理、有一定的艺术感,美观、实用,相关链接正常,能体现网站首页的基本功能。3、 网站具备的基本功能:用户注册、公司简介、产品目录、商品展示、订购及查看购物车等。4、 选题要得当,形式可以多样,但内容要健康。5、 网站建立后要完成测试,最后将运行稳定的网站所有文件用磁盘或光盘拷贝给指导老师。五、 论文书写内容要求:

1、 封面2、 目录3、 论文摘要、关键词4、 建立该网站的目的、意义;5、 当前网站建设的基本情况,本网站的总体规划、功能和设计目标,包含网站的结构图;6、 本网站设计中具体实现的几个关键功能和相关技术说明;7、 使用数据库的部分要列出相关数据结构及实现的算法;8、 网站测试及发布的情况(含测试环境、条件、性能的分析等);9、 网站建设的心得体会和扩展性分析;10、致谢;11、参考文献。

网页设计与开发

网页制作:网页的排版,根据美工的设计,把版面效果实现成html网页。

相当于你定做衣服的时候,服装设计师设计好了款式,由裁缝来裁剪并缝制成成品。网页美工相当于服装设计师,网页制作人员就是裁缝。网站开发:顾名思义,网站是由很多网页组成的,它包含了网页制作。网站开发是按需求来设计版面,再来把一个个功能页面链接起来的“超级网页”。网站主要开发包含:版面设计(根据需求设计版面)、网页制作(把版面实现成html网页)、功能开发(比如留言评论、会员管理)这几块。

急!请问论文开题报告怎么写?具体请看内容~

1、以下参考,电子商务及网络购物

2、写报告注意前后文的一致性,不能没有系统性

3、答辩时,只要自己把论文弄懂,就可以了。老师不会问太难的问题,就算问了,而且你回答不出来也没关系,那最多不能得优。至于良的话,不太烂都是良。太烂的就是合格。连东西都没有的就是不及格。明白?

[文章摘要] 电子商务是未来贸易的主要运营方式,而电子商务网站是企业实现电子商务的主要平台。目前有多种电子商务网站的开发技术,但只有在开发之前对网站进行系统而到位的规划与设计,才能让技术真正为商务活动服务,本文即从规划和设计两个方面阐述电子商务网站策划阶段需注意的问题。

[关 键 词] 电子商务 网站 规划 设计

电子商务是未来贸易的主要运营方式,电子商务的实施与运作依赖于电子商务系统,目前电子商务系统主要有基于B/S和基于C/S两种模式。一个完整的电子商务系统是企业内部和Internet的集成,即既包括企业内部网的设计也包括企业Web站点的设计与实现。而无论企业是实现对内还是对外的商务活动,基于B/S模式的Web站点的设计与开发都是主要的手段,所以电子商务网站是电子商务系统工作和运行的主要承担者和表现者,是企业实现电子商务的主要平台。

一、总体规划

电子商务网站的规划或策划是网站建设中一个极其重要的步骤,网站规划的优劣直接影响着电子商务功能的实现。

建站目标

电子商务网站是为网站所有者要达到的电子商务目的服务的,所以电子商务网站的建站目标主要有以下几种:形象宣传,提高企业知名度;企业产品和服务的数据展示;开展B2B、B2C的电子商务交易;作为交易中间商,建立交易场所,开展中介服务等,企业要根据自己的产品、销售渠道和销售对象等情况,明确自己建立网站的目标,给网站一个准确的定位,从而使网站的结构与功能满足电子商务运做的需要。

2.调查分析

调查分析的目的是为了使电子商务网站的功能得到最大的发挥,从而实现企业的利润目标。调查分析的对象主要有如下几方面:目标市场或交易对象的情况,;同行业企业的情况,可以把握本企业在整个行业内所处的状况,由于电子商务将决定企业的市场份额,企业起步太迟必将失去市场;找出适合用于电子商务的产品或服务;电子商务网站所提供的产品和服务的价格和交易对象通过网站交易的成本;企业所在地区基础设施的状况,这将直接关系到企业未来电子商务能否实现;其他还有物流、当地经济发展状况和政府的作用等。

3.可行性分析

电子商务网站实施的可行性分析主要包括技术可行性分析(指构建与运行电子商务网站所必需的软硬件和相关技术)、经济可行性分析(指构建与运行电子商务网站的投入产出效益分析)和管理可行性分析(指保证网站建设中所需要的人力资源即组织人员可行性分析),建设电子商务网站前的可行性分析可以保证网站为企业获得更大的经济和社会效益。

在进行网站可行性分析中比较重要的是确定网站的赢利模式。目前国内的电子商务网站中存在一个通病,人气够足,但缺乏明确的赢利模式。没有利润的企业网站肯定不能长期维持。国内的电子商务网站的赢利模式具有差异性,如企业网站的在线销售赢利、8848通过收取网络技术服务费用(排名、搜索、平台使用费、促销软件产品使用费等)实现技术服务赢利模式、淘宝网目前的免费政策以培养人气和商气等。

二、网站设计

对网站进行总体规划后,需要围绕着目标定位进行网站的设计与开发。

网站设计的目的是突出网站的特色,对大限度地为企业的商务目的服务,可以从以下几个方面入手:

网站的主题定位和名称

主题即名字,是网站的灵魂,如搜狐、OA365等,若名字朴实无华又能体现一定的内涵就能给浏览者更多的视觉冲击和空间想象力,并且要容易记忆、有特色并尽量与企业的名称相符。

网站的内容

企业建立网站的目的就是为了表现一定的内容,需要用户根据这些内容进行电子商务的开展,而用户访问网站的主要目的就是想发现自己感兴趣的信息,所以信息内容永远处于网站的第一位,要站在消费者或者浏览者的立场上提供可读性的内容。

内容设计要有组织,要方便用户访问和购买,要有完善的检索和信息交互能力并要及时更新信息内容,这样不仅能使网站一直保持新鲜感、不断被光临,也能增加用户对网站的信任,从而增加网站赢利的可能性,为企业商务目的服务。电子商务网站的信息内容和功能模块一般分为以下几个方面:企业概况、员工信息、产品信息、产品价格表、产品搜索、企业动态、在线订购、销售网络、技术支持信息、售后服务、联系信息、财务报告及其他信息等,电子商务网站应该根据自己的主题和目标决定内容和功能。

具体体现在技术上,可以把网站内容按照静态和动态来划分,静态网页并不是单纯的静止不动,而主要指供用户浏览的网页,如企业、产品介绍等;动态网页也不是指能动的页面,而指与服务器有数据交互能力,可以实现自动更新、交互性、因人因时而异等特点的网页,例如网站上的商品信息若非常繁杂并实时更新或者企业新闻、公告等的自动更新可以通过应用程序与数据库进行交互来实现,再如网上消费者问卷调查,可以通过消费者填写表单提交给服务器进行统计,或者要实现在线交易,需要设计购物车页面记录用户的购物信息及订单信息,这些都是需要与服务器进行数据交换才能实现。据统计,我国电子支付市场的主导力量不是热闹的C2C或温和的B2C,而是B2B,B2B贡献着我国每年电子商务交易额的90%,作为企业,要实现真正的电子支付或者真正的电子商务,网站的内容要以通过程序开发实现的动态页面为主。

网站的整体风格

设计网站的标志LOGO,并将其放在每个页面最突出且一致的位置,如同商标一样,见到就能联想到网站、联想到企业;版面设计要一致,例如主色调、字体(类型、大小、颜色等)、版权信息等;导航条风格(样式、字体、颜色)要一致,或者文本或者图形;总结一句最能反映网站精髓的宣传标语,把它做在Banner里或放在醒目位置,告诉大家网站的特色;使用CSS样式技术,对整个站点内的页面风格进行统一控制;使用统一的图片处理效果等。

网站的栏目

栏目的设置应该紧扣主题,根据网站的内容和功能分门别类地确定主、次栏目,可以设置最新更新或网站指南栏目,可以设置一个双向交流的栏目以收集浏览者的信息,可以设置下载或常见问题回答栏目,借助网站的优势为浏览者或消费者提供更多、更好的服务同时也可节约企业售后服务的时间。

网站的目录结构

网站目录指建立网站时创建的目录,一个企业的电子商务网站内容必定繁多,因此网站目录对于网站的管理和维护意义重大。需要注意的问题有:不要将所有的文件都存在根目录下;按照网站栏目或网站内容建立子目录;在每个子目录下都建立单独的网站资源目录(图片、动画、视频、音频等);目录的层次不要超过三层;因为一般的服务器都是英文操作系统,所以不要使用中文的、过长的目录名或文件名,目录的命名要尽量有意义。

网站的链接结构

目前较好的结构设计是在网站首页与一级页面之间采用星型链接结构,在一级页面与下一级页面之间采用树型链接结构;若站点内容较多,需要超过三级页面,可设置导航条。

另外还要确定链接方式,可以自动链接内容页,若要经常更新链接页且链接的内容较多时可将链接的文件以文本的形式放在同一目录下,通过web编程在调用该程序时计算机自动按该目录中文本文件建立的时间为序,按程序规定的文件数为显示数,以每个文本文件第一句话为链接显示内容实现链接的自动更新;若网页中内容相对较固定,可采用固定链接方式。

网站的颜色

以下是一些网页配色时的小技巧:

根据网站所要传达的讯息,选择可以加强这些讯息的颜色。

根据网站浏览对象选择。文化差异、不同地区与年龄层对颜色的反应都会有所不同。如年轻族区别高年龄层一般比较喜欢饱和色。

选择颜色要注意时效性。流行色彩会让消费者感到麻木但使用几十年前的流行色彩又可引起怀旧之情。

可先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

可先选定一种色彩,然后选择它的对比色。

用一个色系,例如淡蓝,淡黄,淡绿。

不要将所有颜色都用到,尽量控制在三~五种色彩以内。

背景和前文的对比尽量要大,以便突出主要文字内容。白底黑字的阅读效果最好。

网站设计需要注意的其他问题

网页长度不要超过三屏,否则使网页下载速度过慢。

网页中的图像单张不要超过30KB,整页不要超过60KB,若不得不使用大的图片,可将其切割再使用。

正确选择图片格式,网上常用的图片格式是GIF、JPEG或PNG,分辨率一般是72像素/英寸。

由于动画容量是图像的几十倍,所以在一个网页中动画一般要少于三个,并且每个动画大小要控制在15KB以内。

不要使用三种以上或太大、太小的字体,正文字体一般可设置为9pt。

不要使用不常用的字体,若需要可考虑制作为图片。

尽量使用相对的超级链接。

为图片添加文字说明。

因为运行速度较慢,所以Java程序少用为宜。

经过规划和设计,电子商务网站只有要达到以下要求:下载速度快、易于导航和简单实用、提供搜索引擎、联系方式多样、容易更新、兼容多种浏览器、无错误链接等,才可更好地为商务活动服务。

参考文献:

[1] 薛万欣 《电子商务网站建设》 机械工业出版社 北京 2005.9 [M]

[2] 魏善沛 《电子商务网站开发与实现》 高等教育出版社 北京 2004.7 [M]

[3] 黄燕勤 《浅谈网站设计的流程、原则和技巧》 广西大学梧州分校学报 第13卷第3期 [J]

[4] 杨海萍 陈平 《电子商务网站总体设计的研究》 河南机电高等专科学校学报 第13卷第2期 [J]

求一个ASP课程设计 网上购物系统 做过的朋友们拜托给发下 791419843@qq.com

4.2 功能模块设计

层次模块结构是将系统划分为若干子系统,子系统下再划分为若干的模块。而模块是指具备有输入输出、逻辑功能、运行程序和内部数据四种属性的一组程序。在结构化系统设计中,模块一般都是按功能划分的,通常称为功能模块。合理的功能模块的划分能够极大限度地减少重复劳动、提高开发工作的效率并增大系统的可维护性。

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

网络购物中心的功能结构如图4.1所示。

图 4.1 网络购物中心功能结构图

4.2.1 前台模块的功能模块设计

前台模块主要为登陆网站的用户提供商品和服务的信息,填写并提交订单的服务。这样,将前台模块再细分为用户管理模块、订单查询模块、购物车模块、修改个人资料模块、留言板模块。顾名思义,这些模块的名称基本概括了它们的功能。下面详细说明一下这些功能模块的设计:

(1)用户管理模块:

为了方便于网站的管理,必须由一套完整的用户管理体系。该网站用户管理模块主要实现用户的注册、登录、找回密码3方面功能。

(2)购物车模块:

在超市购物,可以根据自己的需要将很多种商品挑选至购物车或购物篮中,然后到收银台结款。而在网上虚拟的商城中,当然没有办法使用真正的购物工具,因此,通常都会采用一种被称为“购物车”的技术来模拟现实生活。在网上商城中,所选商品须通过购物车进行暂存,然后生产订单。这种技术使用起来十分方便,不但可以随时添加、查看、修改、清空购物车中的内容,还可以随时去收银台结款。

(3)订单管理模块:

用户提交订单后,通过产生的订单号查询订单信息及执行状态。只需要根据用户录入的订单号在数据表中查询处对应的货品信息即可。

(4)个人资料管理模块:

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

(5)留言板管理模块:

留言板是一个商务网站中不可缺少的组成部分,它可以增进用户与网站之间的交流。在现实网络开发中存在着各种各样的留言板,但它们都由基于浏览留言板及添加留言板2部分组成。

这样,子模块各自的内容基本设计好。下面可以设计如何将这些模块组织在一起,构成一个结构比较合理的前台了。除了在主页中建立面向其他模块的链接外,也要在其他模块中建立返回主页面的链接。另外各个模块间也应该互相链接起来。

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

后台管理模块的功能是对站内的资源进行管理和维护。以后台的业务流程分析和前台各个模块的设计为基础、根据用户的需求分析来确定后台管理模块应具有的功能。后台管理模块的各个子功能模块如下:

(1) 管理员身份验证模块:

为合法用户提供一个后台入口。该模块的功能是对管理员身份进行能够验证。用户输入登录ID和密码后,系统将判断登录ID及密码的有效性,如果通过验证则状态后台主页,反之则提示错误。

(2) 商品管理模块:

向商品表插入前台首页展示的商品信息,也就是添加商品信息的功能。

(3) 处理订单模块:

网站管理者对用户订单的执行和编辑状态。

(4) 用户信息管理模块:

查询注册所有用户,对一些非法或失信用户进行删除操作 。

(5) 公告信息管理模块:

网站向用户发布最新公告信息。

(6) 链接信息管理模块:

管理员向前台首页添加友情链接信息。

4.3 数据库设计

数据库是数据库应用程序的重要组成部分。一个设计结构合理的数据库对于应用程序的开发效率和程序的性能都是非常重要的。数据库的设计过程大致如下:

(1) 根据用户需求,确定数据库中要保存的数据信息。对用户需求进行分析时数据库设计的第一个阶段。不断的调查与研究用户需求,了解企业运作流程等系统需求,使设计概念模型的基础。

(2) 设计数据库的概念模型。概念模型是按用户的观点来对数据建模,使用与进行信息世界建模的工具。它对整个数据库的设计具有深刻的影响。

(3) 逻辑结构设计。逻辑结构是把概念结构转化为与所采用的数据库管理系统所支持的数据模型相符合的过程。

(4) 数据库的实施和维护。

在设计好前台与后台的功能模块后,就开始进行数据库的设计了。根据网站系统的分析,数据库是整个网站的核心。从前台显示的信息到后台操作的对象,都是围绕数据库展开的。

4.3.1 E-R图

E-R图是一种概念模型。概念模型实际上是现实世界到机器世界的一个中间层次。概念模型用于信息世界的建模,是显示世界到信息世界的第一层抽象,使数据库设计人员进行数据库设计的有利工具,也是数据库设计人员和用户之间进行交流的语言,因此概念模型一方面应该具有较强的语义表达能力,能够方便、直接的表达应该用众的各种语义知识,另一方面他还应该简单、清晰并且易于用户理解[7]。以下是各个数据表的实体图。

(1)商品信息表tb_Ware的实体图

图 4.2 商品信息表tb_Ware的实体图

(2)用户信息表tb_User的实体图

图 4.3 用户信息表tb_User的实体图

(3)留言信息表tb_Text的实体图

图 4.4 留言信息表tb_Text的实体图

(4) 订单生成表tb_Sub的实体图

图 4.5 订单生成表tb_Sub的实体图

(5)订单商品表tb_Shop的实体图

图 4.6 订单商品表tb_Shop的实体图

(6)超级链接表tb_Link的实体图

图 4.7 超级链接表tb_Link的实体图

(7)管理员信息表tb_Admin的实体图

图 4.8 管理员信息表tb_Admin的实体图

(8)公告信息表tb_Affiche的实体图

图 4.9 公告信息表tb_Affiche的实体图

(9)总体E_R图

图 4.10 总体E-R图

4.3.2 基本表设计

表的设计是这次设计的一个核心内容。根据前面对网站前台与后台功能模块的分析和对数据库中实体关系的设计,可以看到网站中所用到的数据信息基本包括:商品信息、用户信息、留言信息、订单信息、超级链接信息、管理员信息、公告信息等。下面是为数据库设计的表:

(1) 商品信息表tb_Ware

商品信息表tb_Ware用来保存商品的基础信息。结构如表4.1所示。

表4.1 tb_Ware的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Wareid Int 4 否 是 货物编号

Warename Varchar 50 否 否 货物名称

Wareprice Bigint 8 否 否 货物价格

Waretype Varchar 20 否 否 货物类型

Wareintro Text 16 否 否 货物介绍

Wareimage Varchar 50 否 否 图片路径

Wareif Int 4 否 否 是否推荐

Dattime Datetime 8 否 否 发布时间

(2) 用户信息表tb_User

用户信息表tb_User用来保存用户信息。表tb_User的结构如表4.2下。

表4.2 tb_User的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Userid Int 4 否 是 用户ID

Username Varchar 50 否 否 用户名

Rname Varchar 40 否 否 真实姓名

Userpass Varchar 16 否 否 用户密码

Email Varchar 50 否 否 Email

Address Varchar 80 否 否 用户地址

Photo Varchar 30 否 否 联系电话

Question Varchar 50 否 否 密码问题

Result Varchar 50 否 否 答案

Dattime Datetime 8 否 否 注册时间

(3) 留言信息表tb_Text

留言信息表tb_Text用来记录留言信息。表tb_Text的结构如表4.3所示。

表4.3 tb_Text的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Textid Int 4 否 是 主题ID

Username Varchar 20 否 否 作者姓名

Email Varchar 50 否 否 Email

Dattime Datetime 8 否 否 发布时间

Textname Varchar 50 否 否 主题名称

Textgut Text 16 否 否 留言内容

(4) 订单生成表tb_Sub

订单生成表tb_Sub用来记录新生成的订单。表tb_Sub的结构如表4.4所示。

表4.4 tb_Sub的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Sub Varchar 50 否 是 订单编号

Username Varchar 20 否 否 用户名

Rname Varchar 50 否 否 真实姓名

Spdate Datetime 8 否 否 订购日期

Email Varchar 50 否 否 Email

Address Varchar 80 否 否 地址

Post Varchar 50 否 否 邮编

Payment Char 12 否 否 付款方式

Photo Varchar 30 否 否 联系方式

Carry Varchar 30 否 否 运送方式

Spif Int 4 否 否 订单核对

Other Text 16 否 否 其它

(5) 订单商品表tb_Shop

订单商品表tb_Shop用来记录某一订单中所定购的商品的详细信息。表tb_Shop的结构如表4.5所示。

表4.5 tb_Shop的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Subid Varchar 50 否 否 订单id

Warename Varchar 50 否 否 货物名称

Price Bigint 8 否 否 货物价格

Wsum Bigint 8 否 否 货物数量

Wcount Bigint 8 否 否 统计

(6) 超级链接表tb_Link

超级链接表tb_Link主要用于记录调价的超级链接信息。表tb_Link的结构如表4.6所示。

表4.6 tb_Link的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Lname Varchar 50 否 否 链接名

Laddress Varchar 50 否 否 链接网址

Ldatetime Datetime 8 否 否 发布时间

(7) 管理员信息表tb_Admin

管理员信息表tb_Admin主要用于记录管理员的信息。表tb_Admin的结构如表4.7所示。

表4.7 tb_Admin的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Id Int 4 否 否 管理员ID

Admin Varchar 30 否 否 管理员名

Adminpass Varchar 16 否 否 管理员密码

(8) 公告信息表tb_Affiche

公告信息表tb_Affiche主要用于记录后台调价的公共信息。表tb_Affiche的结构如表4.8所示。

表4.8 tb_Affiche的结构

字段名称 数据类型 长度 是否允许空 是否为主键 字段描述

Test Text 16 否 否 公告内容

Dattime Datetime 8 否 否 公告时间

第5章 系统实现

在上一章着重讨论了系统各个模块功能的设计,并详细分析了每一个模块的功能。在本章将具体讨论如何实现功能模块,最终实现整个系统。经过这个阶段的设计工作,应该得出对目标系统的描述,从而在编码阶段可以把这个描述直接翻译成用JSP网页设计语言书写的程序。

5.1 程序设计

本系统设计的网站在设计过程中包含页面(HTML)的设计以及客户端验证机制(JavaScript)的设计。JavaScript也叫小脚本语言,他是一种非常流行的动态网页技术。他不仅能够实现网页的动态效果,而且能够在一定程度上检测网页的错误,从而在一定程度上实现网站的安全。本系统应用服务器端JSP动态网页技术,以及在Serverlet和JavaBean的可重用组件技术的支持下,结合客户端动态网页技术Javascript以及与HTML的无缝结合的设计,从而方便系统的实现[10]。

5.2 系统页面的设计与实现

如果将网站比作一个人的话,服务器就像大脑,数据库就像五脏六腑,其内嵌的Java和JavaScript组合起来就像是细胞与神经,而网页就是这个人的皮肉。网页将网站的各个组成部分包裹起来,形成易懂并且美观的外表展示给大家。浏览者登陆网站后看到的就是一个个网页的组合。所以设计和实现每一个网页也是非常重要的工作。

随着科技的高速发展,众多网页制作的应用软件应运而生。相对于传统的动态网页开发工具而言,由于继承了Java语言的许多优点,用JSP开发动态网站十分方便,开发效率较高。此外,JSP还具有强大的组件(Java Bean)支持功能,可以方便地实现组件复用,进一步提高了开发效率。

在整个网页的制作过程中,都是结合使用HTML语言来实现设计的。系统的页面设计决定了网站的风格, 制作好的网站不仅提供给营销商,更多的要供浏览者浏览。所以整个网站系统应注重的是:易导航性、易操作性和友好的交互界面。因此,网站的设计最好要简洁、明了、格调清新、实用、易于使用和维护。在页面的风格上应保持统一,这里采用CSS样式表将所有页面的字体、字号、颜色以及超链接的样式做统一定义。

5.3 前台功能模块的实现

整个系统分为了前台功能模块和后台功能模块。下面详细讨论主要的几个功能模块的程序实现。在每个模块的介绍中,将具体说明一些涉及要点。

前台功能模块分为用户管理模块、订单查询模块、购物车模块、修改个人资料模块、留言板模块5个部分。前台首页主要有以下几个部分:

(1)网站导航:主要用户显示网站的旗帜广告、各功能模块导航;

(2)用户登录:用户在此注册、登录或找回密码;

(3)商品分类搜索:用户按商品类别进行搜索显示;

(4)销售排行榜:按照商品的销售数量显示销售排行信息;

(5)商品展示区:按后台添加商品的时间顺序展示商品;

(6)友情链接:显示友情链接信息;

(7)后台登录入口:管理员可以通过该入口登录后台。

首页运行结果如图5.1所示。

图 5.1 首页运行结果

5.3.1 用户管理模块

用户管理模块主要实现用户的注册、登录、找回密码等功能。

1、 用户注册

当用户第一次登录时首先要在网站上注册,成为会员用户才可以在网站上购物,注册页面必须填写一些用户的基本信息,如用户名、密码、联系电话等信息。要注意的是,在用户注册页面user/index.htm中用户自定义JavaScript检验用户注册信息不允许为空。

用户注册页面user/index.htm如图5.2所示。

图 5.2 用户注册页面运行结果

为了便于网站对用户的管理,在index.htm用户注册页面接收到的注册信息要经过严格的过滤,保证注册用户名的唯一性,在提交表单后需要对数据表中的数据进行查询,如果没有找到,则在插入数据表时提示注册成功,否则提示此用户已被占用请重新注册。

用户注册的流程图如图5.3所示。

图 5.3用户注册系统流程图

2、用户登录

用户登录窗口设置在首页上,主要用来接收用户录入的用户名及密码。单击“注册”按钮时,会提交到user/index.htm页面执行;单击“登录”按钮时,系统将对输入的用户名和密码进行验证,如果数据表中用户名和密码存在就显示登陆成功,并返回首页,否则弹出错误提示信息。

用户登录的流程图如图5.4所示。

图 5.4 用户登录系统流程图

3、找回密码

当密码以外丢失会给用户带来不必要的麻烦,重新注册一个新的用户即浪费了时间,也浪费网站的资源,如果用户只记住自己注册的用户名及电子邮箱名并提供密码提示的问题和答案就可以找回密码。找回密码页面user/pass.htm如图5.5所示。

图 5.5找回密码页面运行结果

用户单击“查找”按钮,系统会将伤表中所示的数据表单提交到user/res.jsp中。user/res.jsp页用来验证提交过来的四个条件是否完全符合数据库中的查找条件,只有符合才能显示密码结果,否则弹出“你输入信息有误”的提示对话框。

5.3.2 用户资料修改模块

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

用户资料修改模块在前台主页的导航条上,单击“修改资料”链接,进入用户资料修改页面,该页面主要用户修改用户信息。用户资料修改页面如图5.6所示。

图 5.6 用户资料修改页面运行结果

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

用户资料修改模块流程图如图5.7所示。

图 5.7 用户资料修改模块流程图

5.3.3 购物车模块

购物车模块中,主要包含以下几个功能,即:添加购物车、查看购物车、生成订单和清空购物车。

购物车页运行结果如图5.8所示。

图 5.8 购物车页面运行结果

1、 添加购物车

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

添加商品的代码流程是从session中读取shop对象,如果为空则说明还没有进行购物或者已经清空了购物车,需要新建购物车对象;将商品名称与购物车列表中的商品名称对比,如果已经存在,则把商品数量加1。

在这段代码流程中,还使用了集合类型。集合类型在Java中又称为向量,是一元集合,可以加入重复数据,它的作用和数组相同,可以保存一系列数据,但集合类型也有它独特的优点,就是可以方便地对集合内的数据进行查找、增加、删除和修改等操作。

2、 查看购物车

为了方便用户随时查看购物情况,在网站的首页加入了查看购物车的链接,通过它可以将用户所有选中的商品信息放入购物车中显示出来。在程序中使用了一组文本框记录用户购买的商品数量,用户可以在文本框中输入想要购买的数量然购单击“修改”按钮。如果欲删除该商品,可以在数量文本框里输入“0”,并需要单击“修改”按钮来更新购物车中商品的数量。

系统每次只会将1个商品放入购物车中,如果用户需要多个同种商品,可以通过修改商品信息右侧相应文本框的值来完成。操作完成后需要通过单击“修改”按钮来保存操作。

3、 生成订单

生成订单时网上购物商城的最终目的,前面所有功能的实现都是为最后生成一个用户满意的订单作基础,在此要生成一个可供用户随时查询的订单号,还要保存用户订单中所购买的商品信息。当用户确认对购物车不再改变以后,就可以到收银台结帐并生成订单。结帐的流程为:从购物车中读取商品名称,商品数量,商品价格信息,生成一个唯一的订单号,同时也把用户注册的基本信息读取出来,形成一个完整的订单写入数据库。

在生成订单模块中主要使用了调出用户信息并生成唯一订单号,调出用户信息就是完全的对数据库进行操作,利用session对象把登录后的用户名保存起来,在订单生成时把保存的用户名从数据库的用户标中取出即可;生成唯一订单号方法有很多,只要确保订单号码的唯一性及方便用户记录以便于查询自己订单的执行状态即可。

订单生成后,用户单击“提交”按钮,便可以将录入的订单信息保存到数据库中。

4、 清空购物车

清空购物车是指当用户订单生成后,倘若还想继续购物一定要清空购物车再进行选购商品,这样防止重复购物,其实清空购物车实现起来非常简单,只需要将session中存储的shop对象清空即可。

购物车模块流程图如图5.9所示。

图 5.9购物车模块流程图

5.3.4 订单查询模块

用户提交订单后,通过产生的订单号查询订单信息及执行状态。用户在购物中心首页中单击“订单查询”超链接,就可以进入输入订单号页面,在页面的文本框中输入订单号并单击“提交”按钮,如果订单号输入无误,系统将根据用户录入的订单号在数据表中查询处对应的货品信息并转到订单查询显示页面将货品信息显示出来。

订单查询模块流程图如图5.10所示。

图 5.10 订单查询模块流程图

5.3.5 留言板模块

留言板模块由浏览留言板和添加留言板两部分组成。下面分别对这两部分进行介绍。

1、浏览留言板

单击网站首页的“留言板”超链接进入留言板页面,在该页面中,主要显示用户所填写的留言,以便其他用户查阅。

留言板中显示的数据是从数据表中检索出来并显示在网页中的,为了方便查看网页信息,使用了分页显示功能。对网页进行分页显示首先要确定记录跨度,就是每页所显示的记录数,在这个网站的留言板中,设定了int pagesize=4,即每页中只允许显示4条留言信息,用户可以通过单击“上一页”、“下一页”、“最后一页”、“第一页”或则从文本框中键入一个数值跳转到相应页浏览留言信息。

记录的总条数可以从数据库中通过查询语句rs.last();rowcount=rs.getRow得到,而计算总页数时,根据总页数=总记录数/跨度,如果除不尽就加1的原理,设计代码为:

pagecount=((rowcount%pagesize)==0?(rowcount/pagesize);(rowcount/pagesize)+1)。

如果获取文本框中的数据不为空就把它转换成整型数据,然后赋值给当前获取页再做进一步判断;如果获取的页数大于总页数就把总页数赋给获取页数,否则就把获取页数值赋为1。而计算当前记录数时,当前记录数=(获取页数-1)*跨度+1。代码如下所示。

int showpage=1;

if(topage!=null){

showpage=Integer.parseInt(topage);

if(showpagepagecount){

showpage=pagecount;

}else if(showpage=0){

showpage=1;

}

}

rs.absolute((showpage-1)*pagesize+1);

有了以上这几个关键变量,网页分页显示功能基本上已经实现了,下一步就是在当前记录数位置开始循环,当数据库没有记录的时候一定要终止循环程序。代码如下:

for(int i=1;i=pagesize;i++){

……

if(!rs.next())

break;

}

2、添加留言

添加留言是用户与用户,以及用户与网站之间的一种交流模式,只有把用户想要表达的内容添加至数据库中,才能在浏览留言板中进行显示。

用户在留言板中单击“添加留言”超链接就可以打开添加留言页面,该页面主要用来提交用户输入的留言信息。用户在添加留言页中单击“提交”按钮,系统会将数据表单提交到admin/addle.jsp页,该页用来实现江留言内容存入到数据库中。

留言板模块的流程图如图5.11所示。

图 5.11 留言板模块流程图

5.4 后台功能模块的实现

后台功能只允许具有管理员权限的用户使用,它是实现前台功能的基础。后台包括管理员身份验证、添加商品模块、订单信息管理模块、查询用户信息管理模块、添加链接模块、公告信息管理模块。后台首页主要有以下几个部分。

(1)后台导航区:放置管理员可操作项目的链接;

(2)操作区:显示所有后台导航的链接信息。

5.4.1 管理员登录模块

在前台首页单击管理员入口,将转到管理员登录页面,该页面的功能是对管理员身份进行验证。在管理登录页面中,是通过JavaScript来实现录入数据完整性验证的。用户输入登录ID和密码后单击“登录”按钮时,如果录入数据完整性验证通过,系统会将数据提交到Acheck.jsp登录页面,该页面用来判断输入信息在数据库中tb_Admin表是否存在提交的用户名和密码,如果登录ID及密码有效,就保存用户名信息,管理员有权对网站进行维护;反之则提示错误。

登录页面如图5.12所示。

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

流程图如图5.13所示。

图 5.13 管理员登录系统流程图

5.4.2 添加商品模块

单击导航区中的“添加商品”超链接,系统将打开添加商品页面,该页面主要用于将商品信息添加到数据库中,以提供前台首页商品展示所需要的数据依据。用户单击“添加”按钮后添加商品如图5.14所示。

图 5.14 添加商品信息页面运行结果

为了减少人为错误,在提交商品信息时,需要对数据的合法性进行验证,输入的商品价格不能使字符型,而输入的图片只支持Gif格式等,这些任务由脚本语言JavaScript的函数check()来完成。代码如下。

function check(){

……

if(form1.image.value==""){

alert("请输入展示图片的路径");

form1.image.focus();

return false;

}

if(isNaN(form1.wareprice.value)){

alert("商品价格输入不正确");

form1.wareprice.focus();

return false;

}

为了确保商品在数据表中的唯一性,在用户提交表单时,需要先根据用户输入的商品名称对数据表进行查询,确保此商品在数据表中不存在后,方可执行插入操作。这一功能由admin/wcheck.jsp来完成。

流程图如图5.15所示。

图 5.15 添加商品信息模块流程图

5.4.3 订单信息管理模块

用户在前台购物所产生的订单并不能立即执行,需要系统管理员在后台进行订单信息管理审核以确认它的执行性。用户单击导航区中的“订单信息管理”超链接进入用户订单处理页面,该页面上会显示近期所有没被处理的订单。用户订单处理页面显示的是用户基本信息,要想知道订单中所涉及的商品,需要单击对应订单号的超链接打开商品订购详单页面才行。

商品订购详单主要通过提交的订单号从tb_Shop表中查询处对应的商品并显示在页面中,管理员审核后可通过复选框来设置订单是否执行。程序中利用admin/shop.jsp来完成这些功能。当选中“是/否”复选框时,系统会根据提交的订单号更新数据表,如果更新成功,则转到spif.jsp也执行。

流程图如图5.16所示。

图 5.16 订单信息管理模块流程图

5.4.4 查询用户信息模块

查询用户信息模块用来完成对注册用户的浏览及删除功能。如果用户蓄意性注册或者在很长时间内没有订单产生,管理员就可以将该用户信息删除。单击导航区中的“查询用户信息”超链接进入用户信息页面,就可以看到用户信息。在这一部分的设计中,也使用了分页显示功能。对于一些失信用户只需要单击右侧的“删除”超链接,即可转到admin/deluser.jsp页中做删除处理。

流程图如图5.17所示。

图 5.17 查询用户信息模块流程图

5.4.5 添加链接模块

用户在后台首页导航区中单击“添加链接”即可进入添加友情链接页面,该页面用户在前台显示友情链接信息。添加链接页面如图5.18所示。

图 5.18 添加链接页面运行结果

用户单击“提交”按钮后,系统将添加链接页面的数据表单提交admin/addlink.jsp页面处理。若添加失败,则提示故障信息,并返回页面。

网站建设课程设计报告购物车的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于购物车系统课程设计、网站建设课程设计报告购物车的信息别忘了在本站进行查找喔。

扫码二维码