电子商务网站的设计与实现毕业设计
目录
第1章绪论 (1)
1.1课题背景 (1)
1.2研究意义 (1)
1.3设计目标 (1)
第2章开发工具及相关技术简介 (2)
2.1J A V A语言 (2)
2.2E CLIPSE (2)
2.3T OMCAT (2)
2.4M Y SQL与N A VICAT F OR M Y SQL (2)
2.5MVC框架 (3)
2.6B/S架构 (3)
第3章系统总体设计 (4)
3.1功能模块分析 (4)
3.1.1前台功能模块分析 (4)
3.1.2后台功能模块分析 (4)
3.2业务流程分析 (4)
3.3可行性研究 (4)
3.3.1技术可行性 (5)
3.3.2经济可行性 (5)
3.3.3管理可行性 (5)
3.4数据库设计 (5)
3.4.1数据库需求分析 (5)
3.4.2数据库概念设计 (6)
3.4.3数据库逻辑设计 (6)
3.4.4数据库结构实现 (8)
第4章系统详细设计与实现 (10)
4.1界面设计原则 (10)
4.2主要功能及界面的实现 (10)
4.2.1前台子系统的设计与实现 (10)
4.2.2后台子系统的设计与实现 (13)
第5章系统测试 (16)
5.1测试环境 (16)
5.2测试过程 (16)
第6章总结与展望 (20)
6.1总结 (20)
6.2展望 (20)
参考文献 (21)
致谢 ................................................ 错误！未定义书签。附录 ................................................ 错误！未定义书签。
电子商务网站的设计与实现
第1章绪论
1.1 课题背景
从21世纪以来，作为一种新型的经营模式，电子商务得到了长足的发展，特别是近几年信息速度高度发达的经济环境下，日益趋向成熟。并且人们已经逐步接受网上购物这一观念。
从电商发展至今，可以看得出开发一个电子商务网站的价值所在：除了投资少，回收快，基本不需要占压资金之外，24小时的营业时间以及不受店面地理位置影响都是其显著特点。而对于消费者而言，采用电子商务方式可以高效、便捷和低成本的实现购买活动。
在中国发展网上购物已经具有良好的消费者基础，网上购物方式日趋被大家所接受。因此设计一个电子商务网站具有很好的应用和开发前景。
1.2 研究意义
现在流行的网上购物系统不仅要有漂亮的网页，更要有严谨的规划，注重每一个细小的环节，这样才能使得在电子交易时避免不必要错误发生。我们将使用HTML、JSP 等技术来编辑网页，采用MVC开发模式，以B/S为架构，并运用JDBC技术把数据库和动态网页相关联[1]。本设计参照实际的网店的业务逻辑建立而成，同时自己建立数据库，使得所需商品信息可以及时的保存、更新，这样，前台可以更好的完成网上购物体验，而管理员也可以更好的及时的了解商品买卖的情况。
1.3设计目标
通过本电子商务网站，顾客可浏览商品信息，搜索到自己想要的商品，并可以完成对商品下单等操作。而后台管理员可以管理注册用户的信息，同时也可以完成对商品、订单和新闻等的管理操作。本网站致力于提供给用户完善的购物体验，同时方便管理员对后台的管理。
1
第2章开发工具及相关技术简介
软件的开发工具用以支持软件开发的相关过程、活动和任务。运行环境为工具集成和软件的开发、维护及管理提供统一的支持。本系统依据开发的实体需求，采用的开发工具有Eclipse、Tomcat、MySQL和Navicat For MySQL等。
开发工具在软件开发过程中是必不可少的，其属于一种被软件开发工程师定性的认为是为特定的软件包、系统（或软件）框架以及操作平台等创建应用性软件的特殊软件。在一个完善的系统的开发过程中，必要的开发工具将为整个开发的过程减少较多的成本和时间，提高了开发效率。而每个系统的开发平台不一样，因此其所搭建的开发环境当然也会有很大的差别。
2.1 Java语言
Java[2]是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台（即JavaSE, JavaEE, JavaME）的总称。Java技术具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于个人PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。在全球云计算和移动互联网的产业环境下，Java 更具备了显著优势和广阔前景。
Java编程语言是个简单、面向对象、分布式、解释性、健壮、安全与系统无关、可移植、高性能、多线程和动态的语言。
2.2 Eclipse
Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。
2.3 Tomcat
Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应对HTML 页面的访问请求。
2.4 MySQL与Navicat For MySQL
MySQL[3]是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，它是用于访
2
电子商务网站的设计与实现
问数据库的最常用标准化语言。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。
Navicat For MySQL是一款强大的MySQL数据库管理和开发工具，它为专业开发者提供了一套强大的足够尖端的工具，但对于新用户仍然易于学习。Navicat For MySQL 基于Windows平台，为MySQL量身订作，提供类似于MySQL的用管理界面工具。此解决方案的出现，将解放php，Java等程序员以及数据库设计者、管理者的大脑，降低开发成本，为用户带来更高的开发效率。
2.5 MVC框架
MVC[4]是一个框架模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC 应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。最典型的MVC就是JSP + Servlet + Javabean的模式。
2.6 B/S架构
B/S[5]最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零安装、零维护。系统的扩展非常容易。B/S同时具有升级和维护方式相对简单、成本较低等。
3
4
第3章 系统总体设计
3.1 功能模块分析
本电子商务网站涉及到两种业务角色，即前台用户角色和后台管理员角色。
3.1.1前台功能模块分析
（1）用户信息模块，即用户注册、用户登录、用户查看和修改个人信息；
（2）商品信息模块，即分类查看商品信息、搜索商品信息；
（3）购物车信息模块，即添加购物车、删除购物车、搜索购物车信息；
（4）订单信息模块，即添加订单、删除订单，搜索订单信息；
（5）新闻信息模块、即浏览发布的新闻信息；
（6）留言板信息模块、即添加留言，查看所有的留言信息；
3.1.2后台功能模块分析
（1）管理员信息模块，即管理员登录、查看个人信息、修改个人信息；
（2）用户管理模块，即查看所有用户信息、搜索用户信息、删除用户；
（3）商品管理模块，即添加商品、查询商品、删除商品；
（4）订单管理模块，即查看所有订单信息，搜索订单，删除订单；
（5）新闻管理模块，即查看所有的新闻，搜索新闻，修改新闻，删除新闻；
（6）留言板管理模块，即查看所有留言信息，删除留言；
3.2 业务流程分析
通过本电子商务网站分为前后台两种角色管理，前台用户可以完成对应的业务逻
辑，如图1所示。后台管理员完成对应的业务逻辑，如图2所示。
图1 前台业务流程图 图2 后台业务流程图
3.3 可行性研究
可行性分析能使新系统达到以最小的开发成本取得最佳的经济效益，其目的也是根
电子商务网站的设计与实现
据开发管理信息系统的需求，通过初步调查和系统目标分析，对于本电子商务网站设计从技术上、经济上和管理上进行是否可行的研究与分析，这既是保证资源的有效合理利用，也是避免在日常工作中的失误而导致的种种浪费现象
3.3.1技术可行性
技术方面，本系统采用Java语言进行设计，Java也是我们比较熟悉的语言。由于是初次设计电子商务网站，在技术和知识层面上的欠缺，导致在制作过程中遇到许多的困难，编程和设计的时候，明显感觉到知识积累的不够，并且很多知识点已经淡忘。通过与老师的沟通，在老师的细心指导下，以及我们的一起努力，翻阅了大量的资料，多操作多实践，本系统才得以比较顺利的开发出来。因为实践和技术方面的不足，使得我们设计的程序依然存在很多不完善的地方，后期好好的钻研，使本系统能更完善更适用。
3.3.2经济可行性
本系统相对较小也比较简单，不需要投入大量资金，同时又存在着实用性，能改善使用方法在财力和人力上的过度消耗。因此一经使用便可收到很好的成效，做到合理节约和合理利用资源,既提高了工作效率并且也减少了工作人员的工作量，这使得本系统在处理业务方面得到很大的提升空间。
3.3.3管理可行性
对于绝大多数用户而言，他们已经养成了网上购物的习惯。对于购物方式，也已相对比较熟悉。对于本网站而言，简洁友好的界面可以使用户快速的了解本网站提供的业务，从而能更好的操作以完成网上购物的体验。对于后台管理者而言，本系统提供的后台操作简单，模块划分简洁明了。因此无论是用户，还是管理员都能很好的操作本网站提供的功能，在管理方面是可行的。
3.4 数据库设计
数据库设计是指对于一个给定的应用环境，构造（设计）优化的数据库逻辑模式和物理结构，并据此建立数据库及其应用系统，使之能够有效地存储和管理数据，满足各种用户的应用需求，包括信息管理要求和数据操作需求。信息管理要求是指在数据库中应该存储和管理哪些数据对象；数据操作要求是指对数据对象需要进行哪些操作，如查询、增、删、改、统计等操作[6]。
3.4.1数据库需求分析
数据库需求分析的任务是通过详细调查现实世界要处理的对象（组织、部门、企业
5
等），充分了解系统的工作概况，明确用户的各种需求，然后在此基础上确定系统的功能，因此必须充分考虑今后可能的扩充和改变，不能仅仅按照当前应用需求来设计数据库。本系统相对比较简单，从前台到后台操作涉及到的实体及其属性的定义都能满足系统的要求，因此在考虑后期可能的应用需求，本数据库的设计相对合理，应用性良好。
3.4.2数据库概念设计
数据库概念设计阶段是在需求分析的基础上，设计出能满足用户需求的各种实体，以及它们之间的关系，为后面的逻辑结构设计打下基础。在本电子商务网站中，各项实体之间的关系并不复杂，本系统的数据库没有设计外键关联，只是将关联数据库的字段存放到需要的数据库表中，从而能达到数据关联的目的，如图3所示，因此概念设计也相对比较容易。
图3 数据库实体关系图
3.4.3数据库逻辑设计
在数据库逻辑结构设计阶段，需要将数据库概念结构转化为MySQL数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。在上面的实体结构的基础上，形成对应的数据库表，如表1—表7所示。
表1 用户基本信息表
6
电子商务网站的设计与实现
7
表2 商品基本信息表
表3 订单基本信息表
表4 购物车基本信息表
表5 新闻基本信息表
表6 管理员基本信息表
表7 留言板基本信息表
3.4.4数据库结构实现
在需求分析、概念结构设计的基础上得到数据库的逻辑结构之后，就可以在MySQL 数据库系统中实现该逻辑结构。实现数据库的逻辑结构的方式是借助Navicat For Mysql 来管理实现，详细步骤如下所述。
（1）打开Navicat For Mysql，选择“连接”出现“新建连接”界面，在“连接名”输入框中填入项目名（如eshop），其他选择对应的数值，如端口号、数据库的用户名和密码等。当点击测试连接时，若如图4所示的效果，则连接成功，点击确定即可看到如图5所示的界面。
图4 新建数据库连接图5 连接列表
（2）选中“eshop”，鼠标右击选择“新建数据库”，在“数据库名”标签中填入数据库名（如eshop），“字符集”选择“utf8--UTF-8 Unicode”,其他选择默认，如图6所示。
图6 新建数据库图7 新建表
（3）双击展开“eshop”数据库，选中“表”，鼠标右击选中“新建表”，如图7所示，进入填写数据项信息的界面，选中下面的“自动增加”（表示id为自动增加），填写完信息后保存，提示填入表名（如e_user）即可，如图8所示。
图8 e_user 数据表
8
电子商务网站的设计与实现
9
（4）这样我们在MySQL 数据库系统中就创建了一个eshop 的数据连接，并在该连接下创建一个eshop 数据库，并且能够建立所需的数据表，如图9所示。后期的操作中只要连接到该数据库，就可以直接对数据库中的数据表进行操作。
图9 所有的数据表
第4章系统详细设计与实现
4.1 界面设计原则
界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面是用户与程序沟通的唯一途径，要能为用户提供方便有效的服务。用户界面设计的三大原则是：置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性。
4.2主要功能及界面的实现
本电子商务网站采用的是JSP[7]技术作为前端页面展现,由于每个模块的页面是不一样的，因此在设计页面时，要合理的安排，尽量使用户能够很快的熟悉本网站的主要功能，同时需要保持界面的简洁和一致性。
4.2.1前台子系统的设计与实现
（1）前台用户注册
对于本电子商务网站，未成功注册用户只能查看新闻公告，商品信息等，而不能进入系统使用其他的业务。用户需要办理注册手续，即进入注册页面，按要求输入有效的个人信息，如账户名、真实姓名、身份证号、邮箱等必要信息，如图10所示。
图10 用户注册图11 用户登录
（2）前台用户登录
已成功注册用户只有登录系统才能执行其他业务操作，如图11所示，因此在登录界面输入账户名和密码，提交信息后，后台进行验证，若与数据库里存储的信息匹配，则可以成功登陆。
（3）前台新闻信息模块
当进入网站首页，则直接在右边的页面中浏览所有的公告信息，或者点击“首页”，则回到所有新闻信息显示页面，如图12所示。
10
电子商务网站的设计与实现
11
图12前台新闻信息模块 （4）前台用户信息模块
进入主界面后，当用户点击“会员信息”时，即进入“前台用户信息”子模块，此模块中显示了登陆用户的个人信息，用户可以修改个人信息，包括密码的修改等，如图13所示。
图13 前台用户信息模块
（5）前台商品信息模块
在主界面的左侧导航栏中（如“聚美优品”、“商品类别”、“品牌商家”等），则根据其下拉的选项点击查看不同的商品信息。在对应页面上方的查询输入框中，输入商品名称，则可查询所需的商品信息，如图14所示。
图14 前台商品信息模块
（6）前台购物车信息模块
当点击商品信息的操作栏中“加入购物车”链接时，则进入购物车信息模块。该页面上显示将加入购物车中的商品信息。当点击“购物车”时，则显示该用户下的购物车中的商品信息。当点击购物车列表里“删除”操作，则可删除购物车中对应的商品。在购物车列表页面的输入框中输入商品名称，显示所需的商品信息，如图15所示。
图15前台购物车信息模块
（7）前台订单信息模块
当点击商品列表的“生成订单”操作，如图14所示。或者点击购物车列表的“生成订单”操作，如图15所示时，则出现订单信息填写页面，输入订单信息，并通过验证，即完成订单添加操作；否则添加失败。点击“查看订单”操作，显示该用户下所有的订单信息。点击订单列表中的“删除”操作，则删除对应的商品订单。在订单列表的输入框中输入订单编号，则查询出所需的订单信息，如图16所示。
图16前台商品信息模块
（8）前台留言板信息模块
点击“留言栏”操作，显示所有的留言信息，如图17所示。用户可以添加留言信息，未登录用户添加留言时，出现需要用户登陆提示。
12
电子商务网站的设计与实现
13
图17 前台新闻信息模块
4.2.2后台子系统的设计与实现
（1）后台管理员登录
当管理员输入用户名和密码时，后台进行验证，若验证通过，则进入后台管理界面，若验证错误，则提示登陆失败信息，如图18所示。当管理员成功登陆到系统后，系统会跳转到如图19所示的后台主界面，从而完成后台的管理。
图18 前台新闻信息模块
图19 后台主界面
（2）后台管理员信息模块
当管理员成功登陆后，则进入后台管理界面，当点击左侧导航栏中“系统管理”下的“管理员信息”时，则显示管理员的个人信息，当点击“修改”时，则可以修改管理员的用户名和密码，如图20所示。
图20 后台管理员信息模块
（3）后台用户管理模块
当点击右侧导航栏中“用户管理”下“用户管理”，则显示所有注册用户信息。管理员可以删除用户，或者根据账户名查找用户，如图21所示。
图21 后台用户管理模块
（4）后台商品管理模块
当点击右侧导航栏中“商品管理”下“添加商品”，则可填写商品信息，若通过后台验证，则完成添加操作，否则提示添加错误信息。当点击“商品列表”，则显示所有的商品信息。在输入框中输入商品名，则可以完成按商品名查询操作。当点击“删除”则删除对应的商品，如图22所示。
图22 后台商品管理模块
（5）后台订单管理模块
当点击右侧导航栏中“订单管理”下“订单列表”，则可显示所有的订单信息。当管理员在输入框中输入订单ID或者点击操作栏中的“删除”时，则完成对应的搜索或删除操作，如图23所示。
14
电子商务网站的设计与实现
15
图23 后台订单管理模块
（6）后台新闻管理模块
当点击右侧导航栏中“新闻管理”下“添加新闻”，则可填写新闻信息，若通过后台验证，则完成添加操作，否则提示添加错误信息。当点击“新闻列表”，则显示所有的新闻信息。当点击“删除”或“修改”，则可完成相应操作。在输入框中输入新闻ID ，完成新闻查询操作，如图24所示。
图24 后台新闻管理模块
（7）后台留言板管理模块
当点击右侧导航栏中“留言管理”下“留言板管理”，则显示所有前台用户的留言信息。当点击“删除”，则可完成删除留言的操作，如图25所示。
图25 后台留言板管理模块
16
第5章 系统测试
5.1测试环境
软件环境：JDK1.6，Windows 2000以上的操作系统[8]；
硬件环境：最低Intel Pentium II 500 MHz ；
安装内存（RAM ）： 512MB （最好1GB 以上）。
5.2测试过程
当用户在前台登录页面中输入正确的账户名（如“jason ”）和密码（如“123456”）时，则登陆成功，则成功跳转到如图26所示页面，否则提示如图27登陆错误信息提示。
图26 登录成功 图27 登陆失败 当未注册用户点击“注册”按钮，在右边看到注册界面，用户输入正确的数据，然后点击按钮“添加”，将提示注册成功，如图28所示。反之如果上面的信息只要有一项不符合规定，将提示注册失败。此处给出所有注册信息通过的提示，如图29所示，因此可完成用户注册操作。
图28注册成功提示 图29 注册提示 用户若没有登录，当查看购物车、订单等信息或添加到购物车、生成订单和添加留言等操作时，会出现如图30的提示，只有成功登录后，才能操作对应的功能。
图30 登陆提示
电子商务网站的设计与实现
17
当用户在自己的购物车列表中点击生成订单时，若出现如图31的页面，则说明该物品已下架，用户可以选择其他物品进行购买。
图31商品下架提示
前台各个功能模块的测试重点大致相同，此处以前台订单管理为例，在生成订单页面输入信息，若显示如图32的页面时，则说明输入信息不可为空，当输入的格式不正确时，用户无法完成订单添加的功能，如图33所示。只有输入有效的数据才能成功生成订单。
图32 生成订单不为空提示
图33 生成订单格式不正确提示
当登录用户查看订单信息时，当输入订单编号46时，若有数据，则会显示如图34的页面。
图34 前台订单查询页面
当输入0时，因为数据库无此数据，则会出现如图35的页面。当用户输入的数据不符合要求时，则会出现如图41的页面提示，用户需重新输入。
图35 查询无数据页面
当用户删除如图所示的订单编号44时，若页面效果如图36所示，没有编号为44的订单信息，则说明删除成功。
图36 订单删除成功之后的页面
前台主界面的右下方如图37管理员输入正确登录信息，则可进入如图19所示的后台管理界面，管理员可在该界面完成各项操作。
图37 后台登陆错误提示页面
当管理员成功登录到后台管理模块时，则进入到订单管理模块，当在编号输入框中输入订单编号33时，若显示界面如图38，则说明已经成功查询。
18