基于JS技术的电子商品管理系统设计及实现

陈春雨，王福成，解国粱

（1.大庆师范学院 机电工程学院，黑龙江 大庆 163712；2.黑龙江八一农垦大学 工程学院，黑龙江 大庆 163000）

基于JS技术的电子商品管理系统设计及实现

陈春雨1，王福成2＊，解国粱2

（1.大庆师范学院 机电工程学院，黑龙江 大庆 163712；2.黑龙江八一农垦大学 工程学院，黑龙江 大庆 163000）

电商行业想要通过高效的互联网络提高办事效率、降低开销成本、方便管理人员管理，利用软件工程的设计方法和先进的软件开发框架来实现电子商务管理势在必行。文章主要对JS下电商管理系统的设计及实现进行了探讨，以期为电商管理系统的建设提供参考。

JS；电商管理系统；设计；实现

JS（JavaScript）是一类前台的编程语言，类似C语言一样，也有变量、循环、函数，除此之外还有对象、DOM操作、事件等[1]。在JS下进行电商管理系统的设计、建设，具有很高的优势和可行性，且在当前的各类系统设计中都较为常见。

1 开发工具

1.1 PhpStorm软件

PhpStorm是本次开发的主要工具，是一种商业的PHP集成开发工具。PhpStorm的主要功能是进行PHP程序编辑，同时也可以进行JavaScript程序编辑，能够为设计人员提供一个便捷的工作环境，可以自动地补全代码，甚至进行语法、关键词、变量方面的正确性检测，可以提高程序设计的质量和效率[2]。

1.2 XAMPP Control Panel软件

XAMPP是Apache+MySQL+PHP+PERL的缩写。在本次开发中充当本地服务器的角色，没有它，程序将无法运行。从本质上来讲，XAMPP是一个集成性的软件包，在多种操作系统之下均可运行使用，例如常用的Windows，Linux以及Solaris。另外，其具有丰富的语言支持功能，可以在日语、俄语以及英语之间做出切换，而且其功能允许开发人员轻松地在自己的计算机上构建Web服务器。

1.3 Navicat for MySQL软件

Navicat for MySQL是一套专门为MySQL设计的数据库管理和开发的工具。它的出现，降低了开发成本，为开发者带来了更高的开发效率[3]。

2 系统设计思想

2.1 实用性

系统以电子商品管理者需求为目的，方便电商管理者为原则。根据实际需要，量身定制一个便捷的工作环境，尽可能方便电子商品管理者使用，以满足其基本要求，成为一个方便管理者使用的软件。

2.2 先进性

本系统以XAMPP Control Panel+PhpStorm+Navicat for MySQL为主要开发环境。运用成熟的框架是此系统的强力支柱[4]。

2.3 高可靠性

本系统采用先进的开发环境、流行的开发框架，保证了数据传输的正确性。

3 系统设计及实现

3.1 系统主界面设计

本软件系统主界面由CSS+DIV布局，嵌入iframe框架，整体结构是左右结构，左侧为导航栏，告诉使用者可对商品进行搜索、增加、删除和搜索操作。右侧为工作窗口，进行具体操作并展示页面效果。下面简单展示了商品列表界面（见图1）和商品搜索界面，界面中的商品均为虚拟，无实质意义。

图1 商品列表

3.2 数据库设计

3.2.1 MySQL数据库简介

MySQL是一个关系型数据库。MySQL数据库由于其出色的性能，可以与PHP，Linux和Apache形成良好的开发环境，所以在业内很受欢迎并被广泛应用。

一个MySQL数据库包含表、视图、触发器、存储过程等对象，数据库中每一行叫作记录，每一列叫作字段。

3.2.2 数据库设计概念

数据库的设计是建立数据库和应用系统的技术，是信息系统开发的重要部分，具体来说，数据库的设计就是运用给定的环境，构造出最优的信息要求和处理要求，这也是软件开发阶段主要要解决的问题。多年来，开发人员一直没有停止探索。

3.2.3 数据库的详细设计

设计数据库时，应注意以下几项：（1）数据库的应用，是要创建一个与应用相符的数据库；（2）数据库应符合规则，更要规范，以免发生数据库的设计出现错误；（3）通过设计字段是否允许为空等，对数据进行完整性的保护。

在数据库商品列表中，通过定义字段来体现商品的各种性质，如：商品编号、商品名称、商品价格等，完成了商品的详细规定，在商品分类表中通过字段限制了商品的种类。数据库通过cid字段为两表建立关联，完善了商品的详细信息，这样数据库可以完美地实现商品搜索、编辑、增加删除的功能。如果不为两表建立关联，商品分类将无法加载，页面就无法显示商品分类功能。

4 软件和系统测试

随着信息技术的飞速发展，软件产品逐渐渗透到社会的方方面面，软件产品的广泛应用让软件使用者不仅关注软件的页面美化，更加关注软件产品的质量。无论软件开发人员还是软件用户，都努力在竞争激烈的环境中生存。为了占有市场，软件开发商就必须保证产品的质量，否则就会在激烈的竞争中被淘汰。为了保证工作的正常进行，必须选择高质量的软件。软件产品质量差不仅会增加维护成本，还会产生其他问题，使企业丧失信誉度，进而打击股市。尤其在一些关键的应用程序软件中使用，一旦出现错误就会导致灾难性的后果。

4.1 软件测试

经过分析、设计和编码后，得到源代码，然后开始进行软件测试。

4.1.1 测试的基本概念

测试的目的是为了能够找到程序中的错误和不足。明确测试的目的是非常重要的，因为在实际应用中人们对测试存在着许多误解，这些误解时刻影响着测试工作的顺利开展。要进行测试，除了需要测试数据外，还要给出测试数据会输出的结果，把它叫作预期的结果。在测试过程中，将实际输出的结果和预期的结果进行对比，如果两者不同，则代表发现了错误。

测试的关键是测试用例的设计，其方法可分成两类：白盒测试和黑盒测试。简单来说，白盒测试就是在透明的环境之下，对程序进行测试，这个时候测试人员对于程序的设计和运行过程等都完全知晓，其主要测试的是路径是否正确，以及逻辑是否有误。相反，黑盒测试则是在不透明的环境下进行测试，测试人员对于程序的内部运作相当于是完全不了解的，是在一种真实的使用环境下对其进行测试，这主要测试的内容是检查程序功能是否能够达到预期的要求。

4.1.2 测试步骤

软件测试的主要步骤包括单元测试、集成测试和验证测试。单元测试（Unit Testing，UT）通常是在编码阶段进行的，单元测试通常使用白盒测试。集成测试（Integration Testing，IT）也叫装配测试，是对每个模块组装在一起的程序的测试，集成测试一般采用黑盒测试。验证测试（Validation Testing，VT）是检查软件的功能、性能和其他功能是否符合用户的需求，黑盒测试通常用于验证测试。

4.2 系统测试

测试过程及结果如表1所示。

表1 测试过程及结果

5 结语

在测试时，发现本系统还有不足之处。在对电子商品进行操作的过程中，如果使用删除功能，在点击确认按钮后，该电子商品虽然在数据库中已经被删除，但是页面中还能看见该商品，需要对网页刷新后才能将该商品从页面中删除。但不影响功能实现，只是页面效果欠佳，尚有待完善。

[1]吴菊华，徐梦，莫赞，等.社会化电子商务平台的设计研究[J].现代情报，2016（5）：117-122.

[2]陈小梅，关南宝.基于电子商务网站设计与管理研究[J].山东工业技术，2014（21）：131-132.

[3]尚芳，吴宾宾.小型电子商务网站规划设计研究[J].计算机光盘软件与应用，2013（21）：37-38.

[4]吕春生，张俊峰.电子商务网站的设计与推广[J].农业网络信息，2006（2）：69-72.

Design and implementation of e-commodity management system based on JavaScript technology

Chen Chunyu1, Wang Fucheng2*, Xie Guoliang2
（1.Mechatronics Engineering School of Daqing Normal University, Daqing 163712, China; 2.Engineering College of Heilongjiang Bayi Agricultural University, Daqing 163000, China）

The e-commodity industry wants to improve ef fi ciency of the service, reduce the cost of overhead, facilitate the management of managers through the efficient interconnection network, using the design method of software engineering and advanced software development framework to implement e-commodity management is imperative. This paper mainly discusses the design and implementation of the e-commerce management system of JavaScript（JS）, so as to provide reference for the construction of e-commerce management system.

JavaScript; e-commodity management system; design; implementation

黑龙江八一农垦大学教学研究课题；项目名称：基于BIM技术的计算机绘图技能的探索与实践研究；项目编号：NDJY1608。

陈春雨（1979— ），女，吉林四平人，博士，讲师；研究方向：测试计量技术及仪器。

＊通信作者：王福成（1979— ），男，吉林四平人，讲师；研究方向：结构力学。