电子商城系统设计实习报告

电子商城系统设计

目录

1实习内容简述------------------------------------------------------------------------------------------------ 2

1.1实习期间完成的学习内容： ---------------------------------------------------------------- 2

1.1.1Java Web、JSP技术和MVC框架：-------------------------------------------------- 2

1.1.2HTML语言： ------------------------------------------------------------------------------- 3

1.2利用Java Web 和JSP技术开发电子购物商城系统：------------------------------- 7 2实习单位简介------------------------------------------------------------------------------------------------ 9

2.1公司合作企业 ---------------------------------------------------------------------------------- 11

2.2合作院校 ---------------------------------------------------------------------------------------- 11 3系统需求 ----------------------------------------------------------------------------------------------------- 11

3.1需求说明 ---------------------------------------------------------------------------------------- 11

3.2名词定义 ---------------------------------------------------------------------------------------- 12 4需求分析 ----------------------------------------------------------------------------------------------------- 12

4.1项目背景 ---------------------------------------------------------------------------------------- 12

4.2功能要求 ---------------------------------------------------------------------------------------- 13

4.3电子商城功能描述 ---------------------------------------------------------------------------- 14

4.4系统包括的范围 ------------------------------------------------------------------------------- 14

4.5系统用户说明 ---------------------------------------------------------------------------------- 14

4.6非功能要求 ------------------------------------------------------------------------------------- 15 5概要设计 ----------------------------------------------------------------------------------------------------- 15

5.1总体设计 ---------------------------------------------------------------------------------------- 15

5.2运行环境及部署 ------------------------------------------------------------------------------- 15

5.2.1硬件环境 ---------------------------------------------------------------------------------- 15

5.2.2软件环境 ---------------------------------------------------------------------------------- 15

5.2.3网络环境 ---------------------------------------------------------------------------------- 16

5.3命名及约定 ------------------------------------------------------------------------------------- 16

5.3.1接口方法命名 ---------------------------------------------------------------------------- 16

5.3.2JSP页面命名----------------------------------------------------------------------------- 16 6详细设计 ----------------------------------------------------------------------------------------------------- 18

6.1业务流程图 ------------------------------------------------------------------------------------- 18 7数据库设计-------------------------------------------------------------------------------------------------- 21

7.1概念设计 ---------------------------------------------------------------------------------------- 21

7.1.1实体联系图 ------------------------------------------------------------------------------- 21

7.2逻辑结构 ---------------------------------------------------------------------------------------- 23

7.2.1数据表结构详细设计------------------------------------------------------------------- 23

7.2.2数据库表之间的关系设计 ------------------------------------------------------------ 26 8程序效果展示----------------------------------------------------------------------------------------------- 26

8.1前台功能模块 ---------------------------------------------------------------------------------- 26

8.2后台功能模块 ---------------------------------------------------------------------------------- 29

9实习总结体会----------------------------------------------------------------------------------------------- 34 1实习内容简述

1.1实习期间完成的学习内容：

1.1.1Java Web、JSP技术和MVC框架：

Java技术是Sun公司在1995年5月正式推出的。八年多来，Java已从编程语言发展成为全球第一大通用开发平台。Java技术已为计算机行业主要公司所采纳，同时也被越来越多的国际技术标准化组织所接受。1999年，Sun推出了以Java 2平台为核心的J2EE、J2SE和J2ME三大平台。随着三大平台的迅速推进，在世界上形成了一股巨大的Java应用浪潮。同时，Java技术还引发了一场无法停止的大变革，为整个Java社团带来了巨大的潮水般的商业机会。[1] Java技术及其应用将有更大的发展。据IDC预计，自2001年起的其后5年内，采用Java的IT产品的价值将翻番，在2006年将达到4.53亿美元，年增长率为14.9%。截止到2003年5月，注册Java Developer Connection (JDC)的Java开发商超过300万人，对JRE(Java运行环境)的下载达7,200万次。Sun 在JavaOne 2003大会上确定的目标是，在3～5年内使Java技术开发商从今天的300万发展到1,000万，以支持Java技术这一全球领先技术平台的显赫地位。

Java Web，是用Java技术来解决相关web互联网领域的技术总和。web包括：web服务器和web客户端两部分。Java在客户端的应用有java applet，不过使用得很少，Java在服务器端的应用非常的丰富，比如Servlet，JSP和第三方框架等等。Java技术对Web领域的发展注入了强大的动力。主要框架编辑。Java的Web框架虽然各不相同，但基本也都是遵循特定的路数的：使用Servlet

或者Filter拦截请求，使用MVC的思想设计架构，使用约定，XML或 Annotation 实现配置，运用Java面向对象的特点，面向抽象实现请求和响应的流程，支持Jsp，Freemarker，Velocity等视图。

JSP优点：Java EE标准，这意味着有很大的市场需求和更多的工作机会，上手快速，并且相对容易有大量可用的组件库。

JSP缺点：大量的JSP标签，对REST和安全支持不好，没有一个统一的实现。既有SUN的实现，又有Apache的实现——MyFaces。

Spring MVC优点：对Spring MVC覆盖绑定（overriding binding）、验证（validation）等提供生命周期管理；与许多表示层技术/框架无缝集成：JSP/JSTL、Tiles、Velocity、FreeMarker、Excel、XSL、PDF 等。便于测试——归功于IoC。

Spring MVC缺点：大量的XML配置文件，太过灵活——没有公共的父控制器，没有内置的Ajax支持。

1.1.2HTML语言：

超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

万维网上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链

接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便；可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语

言采取子类元素的方式，为系统扩展带来保证；平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因；通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2——1997年1月14日，W3C推荐标准

html 5

HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

HTML 5——2014年10月28日，W3C推荐标准[4] （详见本处参考资料）ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。

Wijmo是基于HTML5、jQuery、CSS3和SVG的一个控件包，能够满足构建当今Web系统的需求。基于Wijmo，您的系统运行将更加快速和流畅，外观也会更加引人入胜。Wijmo中所有新的控件都是在符合最新的UI设计潮流的基础上，对新的以及改良后的主题进行封装。优美的、专业的控件外观会让您的应用程序引人注目。比如 ComponentOne Studio for ASP .NET Wijmo 控件包内置的6个主题，同时可以使用jQuery UI项目提供的 30 多个主题，甚至可以使用

ThemeRoller 创建属于您自己的系统主题。

HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版，这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始，最初是被设计成为“HTML的一个超集”。第一个正式规范为了和当时的各种HTML标准区分开来，使用了2.0作为其版本号。HTML+的发展继续下去，但是它从未成为标准。

HTML3.0规范是由当时刚成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的，但是实现这个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出，而下一个被提出的版本是开发代号为Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。

HTML 4.0同样也加入了很多特定浏览器的元素和属性，但是同时也开始“清理”这个标准，把一些元素和属性标记为过时，建议不再使用它们。HTML的未来和CSS结合会更好。

HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。

XHTML1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。

XHTML 1.1，于2001年5月31日发布，W3C推荐标准。

XHTML 2.0，W3C工作草案。

XHTML 5，从XHTML 1.x的更新版，基于HTML 5草案。

HTML4.01 是常见的版本。

1.2利用Java Web 和JSP技术开发电子购物商城系统：

电子商城就是一种购买日常用品，书籍，服饰，鞋帽，玩具，软件，唱片，家电，等并且送货上门的购物平台。购物网是互联网、银行、现代物流业发展的产物。最有名的电子商城有：日发发，阿里巴巴、慧聪网，京东商城、当当网、凡客诚品、唯美购网上商城、搜房家居商城。

电子商城类似于现实世界当中的商店,差别是利用电子商务的各种手段,达成从买到卖的过程的虚拟商店，从而减少中间环节，消除运输成本和代理中间的差价，造就对普通消费，和加大市场流通带来巨大的发展空间。尽能的还消费者以利益，带动公司发展和企业腾飞，引导国民经济稳定快速发展，推动国内生产总值。

电子商城就是以电子商务软件来构建的大型商品电子交易平台，其主要作用就是通过电子商城交易平台向客户准确、快捷的销售产品。电子商城也可称为网上商城，电子商城著名品牌有电子快线、京东商城、淘宝商场、当当商城、卓越商城等，电子商城正在朝品牌化、规模化、集团化演变，未来的电子商城建会成为产品销售中不可替代的重要手段。

很多电商从业者都希望能在垂直领域重复京东的故事，事实上，做渠道需要很强的资金实力。对于大部分的中小企业来讲，依托已经形成的渠道建立自有品牌才是更好的选择。

电子商务网站开发和一般的网站建设流程相似，但又不同。以澳环建站的资深人士经验来说，电子商务网站建设需求完善的购物车体系、会员办理体系、集成专业的网上支付体系等等针对网上购物而开发的功能。电子商务网站更强调用户体验，更需求专业的在线推广战略及SEO网站优化窍门。电子商务网站的设计与网站设计相同，主要分为两个流程，一是设计网站构造，包含网站设计、色彩、内容、结构等设计;二是进行网站开发，对于设计好的网站构架，运用程序语言进行开发，最终构成一个完好的网站。具体流程是这样的：

(1)电子商务网站盈利分析。对于很多个人站长而言，在建网站之前很多时候并没有仔细考虑网站的盈利模式，如何通过这个网站去赚钱。在现实中很多获得巨大成功的网站在开始可能也没有具体考虑网站的盈利模式，最后获得成功靠的是完美的创意和风投资金投入。

(2)电子商务网站策划。网站策划作业包含网站的域名空间的运用，网站方针定位，网站方针用户及潜在用户对你网站的需求，还得做到技能方面的如确定网站的整体个性，这其中对比重要的一个要素是思考到你的网站需要什么样的解决方案?

(3)电子商务网站的规划。电子商务网站的规划关乎着网站的受欢迎程度，也直接影响着网站的整体建造。它分为两个部分，一是规划前的网站策划，二是依据具体的内容进行网站页面的规划。它起着非常关键的效果：网站的规划断定了网站的目标、定位; 决议了网站的功用、信息构造、后台处理功用;从规划上保证网站的安全性;系统地断定网站保护晋级的办法和才能、技能实现办法等。因此，网站规划的系统性、完善性和全面性是网站建设胜败的关键所在。

(4)电商网站优化和规划。在网站整体规划的前提下，这一步才来思考网站优化和推行方面的事宜，怎么去融入关键字，怎么减少图像的大小，怎么规划内部连接等，这些都自己站长都是很熟悉的东西，只需简略的规划好，写成相应的文档，藏着下一步网站程序设计去做就行了。

(5)网站初始开发。从开始按照电商网站开发设计要求实施网站到完成网站对外发布之间的一次处理过程。该过程与传统的软件开发过程相同，依据网站设计文档，组成网络;组成各类服务器体系;使用网站开发工具及相关编程言语，编制页面及代码程序;完成Web数据库体系;依据信息构造的设计需要安排网站上需要展现的信息;依据安全设计需要完成网站的安全保证;依据设计需要完成安全认证、电子付出等功能。

(6)网站的测试和发布. 对设计好的网站，进行测试和发布。其一就是要测试设计好的网站，不仅仅要对所有影响页面显示的细节因素进行依次测试外，页面中的超连接是否正常也是一部分，最重要是你对这个电子商务网站的功能是否可用，是否方便，是否能解决企业的商务问题，如果有什么不能运行，或者你的功能不实用，那么就可能返工，浪费了不必要的时间。

(7)网站维护性开发。网站初始开发完成之后所要开展的第二项工作就是网站日常维护。网站日常维护不仅包括对网站正常运行的维护、管理性工作，更主要的是对网站内容的更新、修改方面的网站建设。

2实习单位简介

西安行知汇元软件开发有限公司旗下的软件培训学校于2008年3月6日从

北京中关村落户西安高新区，位于高新一路创业大厦，面积近2000平方米，共有机房10间，培训室4间，多媒体报告厅1间，办公室6间，教职员工70余人，高新校区能同时容纳500人进行教学实习活动。

两年以来，行知汇元已陆续向西安、北京、上海、南京、杭州、济南、深圳等各大城市输送合格软件工程师200多人，学员优质就业率达到60%，满意就业率达到99%！2009年，高新、经开两校区已接纳过数十所院校的学生进行实习实训，是目前我国中西部地区单体教学规模最大的IT职业培训学校。

凭借多年的软件研发经验、培训经验和做实用教育的志向，行知汇元将行业对人才的需求解析为多个方面多个阶梯的技能模块，开发了行知汇元特色的从业能力测评系统和相应的教学就业辅导服务系统，并藉此精心打造着一个通往软件行业的桥梁，一个在高品位行业成功就业的快车道！

行知汇元是民办IT职业教育机构，当前的主要业务是通过实训方式为理工类大学生提供职前教育和就业服务，以提升其就业竞争力；为在校理工类大学生提供软件开发生产实习服务，以提高学生对行业的认知程度和动手操作能力；通过优秀的业务表现为公司创造最大价值。

未来3年，行知汇元要发展形成IT行业职前教育、在职培训、人力服务、外包服务、自主研发等业务集群。这是行知汇元的企业宗旨。

行知汇元的经营理念是：以专业精神和专业表现让客户满意！

有梦想谁都了不起，有勇气就会有奇迹——行知汇元邀请您与我们共同实现梦想！

2.1公司合作企业

博彦科技、中软国际、中创软件、阿里巴巴、腾讯、用友软件、东方国信、浪潮软件、神州数码、金蝶软件、SPSS、西北世纪软件、金叶软件、信利软件科技、亿阳集团、文思创新。

2.2合作院校

陕西科技大学、陕西师范大学、西安工程大学、西安工业大学、西安文理学院、陕西理工学院、宝鸡文理学院、甘肃农业大学、安康学院、山西华澳商贸职业学院、陕西能源技术学院、太原师范学院、渭南师范学院、西安航空高等专科学院、西安科技大学、延安大学、咸阳师范学院、郑州航空工业管理学院、陕西理工学院、河南工业大学、山西师范大学、晋中学院、陕西工业职业技术学院、榆林学院、商洛学院、太原大学、西安理工大学、西安工业大学北方信息工程学院、西安理工大学高等技术学院、黄河科技学院等。

3系统需求

3.1需求说明

电子商城致力于提供产品展示及订购为核心的网上购物服务宣传自己商店的产品并将自己的产品展现给客户，让客户通过商城便能自由的选择购买产品。公司为扩大规模，增强企业的竞争力，决定向多元化发展，借助Internet在国内的快速发展，为顾客提供更加方便、快捷的电子购物方式，即电子商城。本电子商城网站是以商品销售为主体的购物商城。它可以实现用户登录浏览商品、购买、确定购买、实现用户模块功能。其中订单的生成，商城后台系统，通过系

统管理员管理商品、订单、用户来管理和实现。

3.2名词定义

商品：包括商品名称、大类别、价格、小类别、制造商、商品简介、商品特价、特价商品标识、商品发布时间、商品图片等信息。以供会员浏览查询和购买。

会员：包括会员姓名、密码、真实姓名、年龄、职业、邮箱、密保、密保答案等信息。对商品进行操作。

订单：可以包含多个货物，有唯一的订单ID号，

管理员：包括账户、密码、姓名、年龄等信息。对后台系统进行操作。

4需求分析

4.1项目背景

在线购物已经成为一种时尚，人们足不出户就可以购买所需商品，因其具有方便、安全有好的交互等特征，顾客群体也逐渐庞大，尤其是网络时代中成长的年轻人。本电子商城采用的是B2B类型，可使顾客通过网络购物、浏览商品、查询订单、查看公告和销售排行等。美观、有好的操作界面，能保证系统的易用性。

4.2功能要求

图1 前台功能模块图

图2 后台功能模块图

4.3电子商城功能描述

电子商城分前后台管理并致力于提供产品展示及订购为核心的网上购物服务宣传自己商店的产品并将自己的产品展现给客户，让客户通过前台便能对自由的选择地购买产品。该商城是通过用户登录浏览商品、购买、确定购买、实现用户模块功能。其中订单的生成，商城后台系统，通过系统管理员管理商品、订单、用户来实现。

电子商城功能主要分为会员管理、商品管理、购物管理、订单管理等。4.4系统包括的范围

用户管理（注册、修改、登陆）

商品管理（新增、修改、查询、删除）

购物管理（浏览商品、购买商品、修改、删除、确认订单）

订单管理（查询、修改、撤销）

4.5系统用户说明

电子商城网站分为前台和后台，系统设置的用户根据权限和操作系统的不同分为二个等级：

会员能在前台网站上进行商品浏览购买，能在首页中查询自己的订单状态。

管理员在后台系统能进行商品的增、删、改、查的操作，拥有最高权限，并对对整个系统进行维护。

4.6非功能要求

系统界面配色统一，简洁大方。

采用浏览器/服务器（B/S）模式。

采用J2EE的解决方案

5概要设计

5.1总体设计

从系统的总体考虑，规划和设计整个系统的功能和系统结构，同时，规范和标准化整个系统的目录结构和命名规则。

5.2运行环境及部署

系统采用B/S结构。为了保证系统可靠、高效的运行，对后台服务器和前端工作站的硬件、软件及相关网络建议如下：

5.2.1硬件环境

序号名称技术指标

1 服务器建议PC服务器、内存4G以上、硬盘80G以上。

2 客户机普通PC，内存512M以上。

5.2.2软件环境

序号名称技术指标

1 应用服务器建议Linux操作系统，Tomcat 6应用服务器

2 数据库服务器Linux操作系统，Oracle 10g数据库

3 工作站操作系统建议Windows 2000/XP Professional。

IE6.0以上版本。

1024×768分辨率。

5.2.3网络环境

系统基于TCP/IP的网络技术和开放的网络应用平台，它基于国际通行的Internet技术，以经济、可靠的方式连接起来。建议如下：

序号名称技术指标

1 服务器端服务器间局域网建议100M以上交换

服务器与Internet连接建议10M宽带

2 客户端总部局域网与Internet连接建议10M宽带

5.3命名及约定

5.3.1接口方法命名

序号方法统一术语命名

1 增新增、增加insertxxx

2 删删除deleteXXX

3 改修改updateXXX

4 查询查询selectXXX

5.3.2JSP页面命名

(1)前台会员JSP页面命名

序号页面统一术语命名

1 查询/列表页面查询fg-XXXSelect.jsp

2 商品大类别商品大类别fg-goodsSort.jsp

3 登陆登陆fg-memberregister.jsp

4 选择选择fg-selectxxx.jsp

5 其它周围页面（如顶端，左右端，

底部）

fg-top.jsp fg-left.jsp

(2)前台购物车JSP页面命名

序号页面统一术语命名

1 增新增、增加cart_add.jsp

2 结账结账cart_checkOut.jsp

3 查询/列表页面查询cart_see.jsp

4 删除删除cart_clear.jsp

5 查看详细页面查看详细页面detail_XXX.jsp

6 修改数量修改数量jspcart_modify.jsp (3)后台管理员JSP页面命名

序号页面统一术语命名

1 增新增、增加bg-xxxInsert.jsp

2 修改 修改

bg-xxxUpdate.jsp 3 查询/列表页面 查询 bg-xxxSelect.jsp 4 商品信息 商品信息 bg-goodsxxx.jsp 5

其它周围页面

（如顶端，左右端，

底部）

bg-top.jsp bg-left.jsp

6 详细设计

6.1 业务流程图

图3 面向会员的客户端系统流程图

图4 面向系统管理员的流程图

图5 用户登录模块框架图

图6 前台商品信息查询模块框架图

图7 前台购物车模块框架