1、 绥化学院本科毕业设计（论文）基于 JavaScript 的男装售卖网站的设计与实现学生姓名： 学 号： 专 业： 计算机科学与技术 年 级： 指导教师： I摘 要如今，计算机和互联网与人们的生活息息相关，网上购物这种方式已经被人们所熟知，网上支付不断完善与物流行业的快速发展，用户能够在家购买商品，节省了大量的时间和金钱，这种网购方式越来越受大家的青睐。本男装售卖网站是基于JavaScript 技术，基于 B/S 架构，同时使用 Java 技术，后台数据库选用 MySQL 的基础上进行开发。主要实现用户的网上购物功能。该商城系统页面简洁，操作简单，便于使用。用户可以在商城挑选和搜索自己喜欢的商
2、品，后台管理员可以管理整个商城的商品与用户的信息。关键词：JavaScript；Java；电子商城IIAbstractNowadays, the computer and the Internet and peoples lives are closely related to online shopping this way has been well known, online payment and improve the rapid development of the logistics industry, users can buy goods at home, saving a
3、lot of time and money, this online shopping Way more and more by everyones favor. The mens sales site is based on JavaScript technology, based on B / S architecture, while using Java technology, background database selection based on the development of MySQL. Mainly to achieve the users online shopp
4、ing function. The mall system page is simple, easy to use, easy to use. Users can choose and search their favorite merchandise in the mall, the backstage administrator can manage the goods and the users information of the whole mall.Keywords: JavaScript; Java; electronic mallIII目 录摘 要 .IAbstract .II
5、第 1 章 绪 论 .11.1 背景及意义 .11.2 国内外发展现状 .1第 2 章 需求分析 .22.1 系统功能分析 .22.2 可行性分析 .22.3 开发环境 .3第 3 章 系统设计 .43.1 系统结构设计 .43.2 功能模块设计 .53.3 E-R 图设计 .53.4 数据库设计 .6第 4 章 系统详细设计与实现 .94.1 系统前台设计 .94.2 后台管理模块设计 .12第 5 章 系统测试 .155.1 测试目的 .155.2 动态测试 .155.3 测试用例 .18结 论 .19参考文献 .20附录 部分源代码 .21致 谢 .27绥化学院 2017 届本科生毕业设
6、计1第 1 章 绪 论1.1 背景及意义电脑和互联网的普及，使人们的生活发生了翻天覆地的改变。互联网作为当今社会信息传递的媒介，能够为信息交流提供更加便捷、准确的渠道，满足了互联网时代的需求。互联网对于当今社会来说，已经不仅仅是简单的信息传递的媒介，同时也成为了一种网络生活，如同互联网经济一样，改变了传统人民的生活方式。互联网已经成为社会不可或缺的一种工具，人们的衣食住行都已经离不开互联网的帮助。男装售卖系统，从结构上讲可以分为两个部分：前台用户端和后台管理端。主要涉及到前、后台的网页设计，以及与数据库相关的操作 1。因此，本系统基于 JavaScript 和 MySQL 数据库设计的这款男装
7、销售网站，既可以避免地区局限性，又可以就近进行商品的配送，送货时间大大缩短。1.2 国内外发展现状在国内，电子商务的发展也很迅速。在上个世纪九十年代，国内的商业企业就开始涉足电子商务领域，并推出了网上购物的服务。经过十几年的发展，随着我国网民人数的急剧上升，电子商务的交易量也呈几何倍数上升。现在，我国的网民人数早已超过七亿，而电子商务的交易量，仅 2016 年“1111”淘宝商城一天的交易量，就突破了一千二百亿 2。 电子商务蕴含着巨大的商机，吸引了全球的关注。作为互联网科技的先驱者，北美凭借着发达的技术和庞大的经济实力在全世界电子商务领域占得先机。我们熟知的亚马逊图书网站，就是全球电子商城领
8、取的领头羊 3，这个以世界上最长河流为名的网络巨鳄，摆脱了零售企业的旧框架。从亚马逊的发展史可以看出，它的发展迅速。绥化学院 2017 届本科生毕业设计2第 2 章 需求分析2.1 系统功能分析系统采用现在应用广泛的 JavaScript + MySQL 数据库的架构实现的，系统分为前台用户端和后台管理端。2.1.1 前台会员模块用户模块：其中包括用户注册、登录、注销等功能。商品展示模块：其中包括分类浏览、商品查看、按照商品名检索等功能。 购物车模块：该模块实现商品的添加、数量修改，商品删除、结算。 2.1.2 后台管理模块管理员模块：管理员登录、修改和安全退出。用户管理模块：主要实现查看用户
9、信息。商品管理模块：主要实现查看商品列表、商品详细信息、商品添加、修改以及删除。 栏目管理模块：首页栏目的添加、修改以及删除。2.2 可行性分析2.2.1 JavaScript 技术JavaScript 语言是一个被广泛应用在客户端网络脚本中的语言 4。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给 HTML 网页增加动态功能。JavaScript 的优点是让网页更活灵活现能补助与网页实现各种功能和穿插。但JavaScript 的局限性是过于简单。绥化学院 2017 届本科生毕业设计3
10、2.2.2 MySQL 技术MySQL 是一个关系型数据库管理系统，是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL 是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件。关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性 5。2.2.3 技术可行性基于 JavaScript + MySQL 结构，这种技术架构已经非常成熟，预计利用现有技术可以完成项目各项功能。网站上运用 JavaScript 特效技术，使平台更为美观、生动。MySQL 数据库其体积
11、小、速度快、拥有成本低，开发源代码，免费。2.3 开发环境1）硬件环境要求：操作系统： Windows8处理器：Intel 酷睿 i5 4200H系统类型：64 位操作系统2）软件环境要求：开发平台：Ecilpse开发语言：JavaScript、Java、HTML5、CSS3数据库：MySQL绥化学院 2017 届本科生毕业设计4第 3 章 系统设计3.1 系统结构设计根据系统要求购物网站从结构上具有划分为前台、后台和数据库三个部分。在系统前台设计中，主要提供网站的主页显示，包括商品信息等内容的显示，并提供商品订购功能。用户可以在页面上搜索商品，并点击查看商品的具体信息。在系统的整个设计方案中
12、，数据库的设计也是很重要的一个组成部分，但只有管理员才具有在后台操作数据库的权限。前台部分与系统的大部分功能模块都有联系，所涉及到的数据也很多，比如商品信息、用户登录信息等。前台结构如图 31 所示。首页列表页详情页购物车登录页注册页图 31 前台结构图绥化学院 2017 届本科生毕业设计5系统后台部分的设计，主要是围绕网站信息的管理和后台数据的维护。网站前台页面上的产品信息，都是通过后台发布和更新的。系统后台的功能设计，关系到系统操作的流程和便利性。后台结构如图 32 所示。图 31 后台结构图3.2 功能模块设计在进行系统功能模块设计时，首先根据业务类型划分出子系统，在根据子系统的特点，划
13、分出各个功能模块。模块具有 I/O 接口、逻辑处理能力，并能够对数据进行相应的处理（比如存储、计算等）。通过采用结构化的设计方法，可以依据系统的功能特点，划分出不同的功能模块。系统功能模块的划分，有助于系统的整体设计，同时也有利于提升系统开发的效率，以及方便系统的维护。3.3 E-R 图设计E-R 图也称实体- 联系图 (Entity Relationship Diagram)，提供了表示实体类型、属性和联系的方法，用来描述现实世界的概念模型。它是描述现实世界概念结构模型的有效方法，用矩形表示实体型，矩形框内写明实体名，用椭圆表示实体的属性，并用无向边将其与相应的实体型连接起来。1）用户信息的
14、实体图后台登录修改密码 用户信息 商品信息 栏目管理绥化学院 2017 届本科生毕业设计6用户信息主要具有用户编号、用户名、密码等属性，如图 32 所示。图 32 用户信息图2）商品信息的实体图商品信息主要具有商品编号、商品名称、商品简介、原价、现价、图片等属性，如图 33 所示。图 33 商品信息图3.4 数据库设计数据库设计是支撑一个项目的根本。数据库设计涉及到系统设计的许多方面，甚至可以影响到一个系统的设计是否成功。购物网站系统的数据库设计要包含如下几方面：1）明确数据库设计的需求，是数据库设计的第一步。只有明确了系统需求、用户需求，才能把握好数据库设计的方向。 2）数据建模。进行数据库的建模，需要使用到相应的数据建模工具。 3）数据结构设计。结构设计是对数据模型进行转化的必要过程，能够将数据模用户信息用户编号商品信息商品编号用户名密码商品名称商品简介图片现价原价
