基于node.js和Vue的运动装备网上商城

Love The Way You Lie 2023-10-03 20:56 19阅读 0赞

**摘 要**

21世纪的今天，随着社会的不断发展与进步，人们对于信息科学化的认识，已由低层次向高层次发展，由原来的感性认识向理性认识提高，管理工作的重要性已逐渐被人们所认识，科学化的管理，使信息存储达到准确、快速、完善，并能提高工作管理效率，促进其发展。

论文主要是对运动装备网上商城进行了介绍，包括研究的现状，还有涉及的开发背景，然后还对系统的设计目标进行了论述，还有系统的需求，以及整个的设计方案，对系统的设计以及实现，也都论述的比较细致，最后对运动装备网上商城进行了一些具体测试。

本文以Node.js为开发技术，实现了一个运动装备网上商城。运动装备网上商城的主要使用者分为管理员；首页、个人中心、用户管理、商品类型管理、商品信息管理、管理员管理、留言板管理、系统管理、订单管理，前台首页；首页、商品信息、体育资讯、留言反馈、个人中心、后台管理、购物车，用户；首页、个人中心、我的收藏管理、留言板管理、订单管理等功能。通过这些功能模块的设计，基本上实现了整个运动装备网上商城的过程。

具体在系统设计上，采用了B/S的结构，同时，也使用Node.js技术在动态页面上进行了设计，后台上采用Mysql数据库，是一个非常优秀的运动装备网上商城。

关键词 ：运动装备网上商城；Node.js技术；Mysql数据库；B/S结构

**Abstract**

Today in the 21st century, with the continuous development and progress of society, people's understanding of information science has developed from low level to high level, from the original perceptual knowledge to rational knowledge, and the importance of management has been gradually recognized by people. Scientific management can make information storage accurate, fast and perfect, and improve the efficiency of work management, Promote its development.

This paper mainly introduces the online shopping mall of sports equipment, including the current situation of research and the development background involved. Then it discusses the design objectives of the system, the requirements of the system and the whole design scheme. It also discusses the design and implementation of the system in detail. Finally, it carries out some specific tests on the online shopping mall of sports equipment.

In this paper, node.js is used as the development technology to realize an online sports equipment mall. The main users of sports equipment online mall are administrators; Home page, personal center, user management, commodity type management, commodity information management, administrator management, message board management, system management, order management, front page; Home page, commodity information, sports information, message feedback, personal center, background management, shopping cart, users; Home page, personal center, my collection management, message board management, order management and other functions. Through the design of these functional modules, the whole process of online shopping mall of sports equipment is basically realized.

Specifically in the system design, using the B / S structure, at the same time, also using node.js technology in the dynamic page design, the backstage using MySQL database, is a very excellent sports equipment online mall.

Key words: sports equipment online mall; Node.js technology; Mysql database; B / S structure

**目 录**

1 概述

1.1课题背景及意义

1.2 国内外研究现状

1.3 本课题主要工作

2 系统开发环境

2.1 Node.js介绍

2.2 Mysql数据库

2.3 B/S结构

2.4 SSM三大框架

3 系统分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2操作可行性

3.1.3 经济可行性

3.1.4 法律可行性

3.2系统流程分析

3.2.1系统开发流程

3.2.2 用户登录流程

3.2.3 系统操作流程

3.2.4 添加信息流程

3.2.5 修改信息流程

3.2.6 删除信息流程

3.3系统用例分析

3.3.1管理员用例图

3.3.2用户用例图

4 系统设计

4.1 系统概述

4.2 系统结构设计

4.3数据库设计

4.3.1 数据库设计原则

4.3.2 数据库实体

4.3.3 数据库表设计

5统详细设计

5.1前台首页功能模块

5.2用户功能模块

5.3管理员功能模块

6系统测试

6.1系统测试的意义

6.2 测试方法

6.3测试分析

结 论

致 谢

参考文献

## **1 概述** ##

### **1.1课题背景及意义** ###

网络的快速发展从根本上更改了世界各组织的管理方式，自二十世纪九十年代开始，我国的政府、企事业等单位就设想可以通过互联网系统来进行管理信息。由于以前存在各方面的原因，比如网络普及度低、用户不接受、互联网的相关法律法规也不够完善、开发技术也不够成熟等，阻碍了互联网在各大机构中的发展速度。进入二十一世纪以后，我国经济有了快速的发展，限制机构管理的各个难题逐一被解决，国内各大机构都加入到了电子信息化的管理模式中来。

以往的运动装备网上商城相关信息管理，都是工作人员手工统计。这种方式不但时效性低，而且需要查找和变更的时候很不方便。随着科学的进步，技术的成熟，计算机信息化也日新月异的发展，社会也已经深刻的认识，计算机功能非常的强大，计算机已经进入了人类社会发展的各个领域，并且发挥着十分重要的作用。本系统利用网络沟通、计算机信息存储管理，有着与传统的方式所无法替代的优点。比如计算检索速度特别快、可靠性特别高、存储容量特别大、保密性特别好、可保存时间特别长、成本特别低等。在工作效率上，能够得到极大地提高，延伸至服务水平也会有好的收获，有了网络，在线运动装备网上商城的各方面的管理更加科学和系统，更加规范和简便。

### **1.2 国内外研究现状** ###

随着计算机网络的不断渗透，人们的生活与工作、学习的方式也在慢慢发生变化。传统的用户相关信息管理方式一般都采取人工的方式，信息的获取、整理、修改、存储等工作还停留在人工阶段。这种方式一方面需要花费大量的人力、物力和金钱，交互起来比较困难，而且会浪费时间；另一方面对用户等信息的管理，特别是随着用户数量的递增，查询、修改起来特别困难；最后由于用户等其他信息的不断增加，信息的存储也成为了难题。

一些发达国家，网络发展比较快，已经很大程度上完成了从人工到计算机管理的转变。我国计算机应用起步比较晚，而且发展区域不平衡，还有很多地区或单位使用传统的方式进行管理，但是目前计算机发展较快，包括网络也已经普及，很多单位和用户也开始慢慢接触网络管理系统。纵观这些系统主要有以下几个特点：

(1)先进性：实现网络化管理。

(2)通用性：同一行业基本都能使用。

(3)方便性：通过网络就能完成管理工作。

(4)及时性：信息更新及时。

(5)可扩展性：可根据需要进行模块的增加。

(6)安全性：对单位、用户等信息进行加密。

截至如今，互联网已经深入人们的生活，智能手机、笔记本电脑等已经是人们获取信息的主要工具，这是一个沟通无限的时代，因此，利用网络来进行在线运动装备网上商城的管理也成为大势所趋，所以，开发一个运动装备网上商城是必须的。

### **1.3 本课题主要工作** ###

一开始，本文就对系统内谈到的基本知识，从整体上进行了描述，并在此基础上进行了系统分析。为了能够使本系统较好、较为完善的被设计实现出来，就必须先进行分析调查。基于之前相关的基础，在功能上，对新系统进行了细致的分析。然后通过详细的分析，进行系统设计，其次，系统在实施的可行性上，我选择了Node.js技术来进行开发设计，在数据存储上，采用 Mysql数据库来进行设计。由于Node.js 和Mysql都已经非常成熟，因此无论在各个方面，都非常可靠安全实用。最后对系统进行测试完善并发布。

## **2 系统开发环境** ##

### **2.1** **Node.js 介绍** ###

### Node.jsScript 这门语言的设计虽然被很多人诟病，但是因为其占据了浏览器而且容易上手所以广泛流行。后来随着 Node.js 的出现，npm 包管理带来的强大生态更是如虎添翼（截止到 2017 年 3 月 npm 共有 43 万个包)。但是这也造成了 JS 社区变态的快速迭代，大家都直呼赶不上，框架太多，选择太多，眼花缭乱。 ###

###  Node.js非常适用于Web开发，但是现在无论是一个网站，还是Web App都已经成为包括很多不同部分，如前端、数据库、业务模块、功能模块等等的大型项目，使用Node.js从零开始进行Web开发，也许大中型团队能够 胜任，但对于个人和小型团队来说是不现实的。这时候框架就成为Web开发利器，对于个人开发来说几乎是必不可少。 ###

### **2.2 Mysql数据库** ###

Mysql是一个多用户、多线程的服务器，采用SQL的数据库，数据库管理系统是基于SQL的客户以及服务器模式的关系，它的优点有强大的功能、操作简单、管理方便、可靠安全、运行较快、多线程、跨平台性、完全网络化、稳定性等，非常适合Web站点或者其他应用软件，在数据库后端的开发。此外，利用许多语言，用户可以编写和访问Mysql数据库的程序。Mysql数据库也是开放源代码的，开发者越来越喜欢使用Mysql关系数据库，应用范围也被推而广之。这是由于速度快和易用性， Web站点或应用软件的数据库后端的开发也都在使用它。

mysql 数据库它有很多的优点，例如它在操作上能够让人通俗易懂、功能强大、信息储存量高等优点。所以被人们广泛应用，对于mysql数据库来说它一般主要是对数据进行编码和查询，而且在很多的设计当中都应用到了该数据库，在此过程当中我们可以对常规的数据进行查询和组合，所以我们在进行使用mysql数据库的时候只要对编写一小段的数据就能实现相应的功能。数据库，就是数据存储的储藏室，只不过数据是存储在计算机上的，而不是现实中的储藏室，数据的存放是按固定格式，而不是无序的，则定义就是 ：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要包括数据表的建立，数据存储、修改和增加数据，为了使数据库系统能够正常运行，相关人员进行的管理工作。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。

### **2.3 B/S结构** ###

BROWSER/SERVER程序架构方式是使用电脑中安装的各种浏览器来进行访问和使用的，相比C/S的程序结构不需要进行程序的安装就可以直接使用。BROWSER/SERVER架构的运行方式是在远程的服务器上进行安装一个，然后在任何接入互联网的电脑上访问和使用。BROWSER/SERVER架构的开发方式给用户带来了极大的便利，在任何时间和地点都可以使用开发的程序系统。

在B/S的结构中，用户可以在任何可以上网的地方访问和使用系统网站的功能，没有地域和时间等方面的限制，B/S结构是把程序完整放置到计算机网络的服务器上，通过计算机互联网给用户提供远程的网络服务。在三层体系结构的B/S系统中，通过浏览器，用户可以对很多服务器发出请求， B/S系统会很大程度的降低工作量，用户只需要安装运行较少的客户端即可，大量的工作将由服务器承担，另外，服务器也完成包括访问数据库，执行应用程序的工作等等。

B/S结构主要有三层，分别为数据层、控制逻辑层和视图层。用户通过视图层，让控制层调用数据层的数据，从而达到整个访问过程。三层相互独立，维护方便，使用安全，三层有互相调用，提高效率。

### 2.4 SSM三大框架 ###

1.Spring的优势:  
通过Spring的IOC特性，将对象之间的依赖关系交给了Spring控制，方便解耦，简化了开发。

2.Spring MVC的优势:  
SpringMVC是使用了MVC设计思想的轻量级web框架，对web层进行解耦，使我们的开发更简洁。

3.Mybatis的优势:

数据库的操作(sql)采用xml文件配置，解除了sql和代码的耦合，提供映射标签，支持对象和和数据库orm字段关系的映射，支持对象关系映射标签，支持对象关系的组建提供了xml标签，支持动态的sql。

## **3 系统分析** ##

所谓系统分析就是，需求人员通过与客户的沟通，所获取的信息，然后把这些信息通过需求说明书的方式展示给用户和开发人员。在软件功能发展的历史长河中，很长时间，特别是最开始的时候，需求分析的重要性并不被人们所认同，例如当时美国IBM公司为英国电信公司开发一套信息管理系统，在需求不明确的情况下开始开发，最初的工期为一年，由于需求获取不清晰导致工期推迟了半年多，造成巨大损失。我们很多软件公司也存在这种情况，边需求，边开发，甚至与客户没有沟通清楚的情况下，直接照搬同类型的项目进行更改，导致到系统验收的时候，重新更改，造成了人力、物力的极大浪费。而导致这一切后果的原因就是需求获取不及时、不清楚、不全面。

### **3.1 可行性分析** ###

运动装备网上商城主要目标是实现网上的相关信息管理服务。在确定了目标后，我们从以下四方面对能否实现本系统目标进行可行性分析。

#### 3.1.1 技术可行性 ####

运动装备网上商城主要采用Node.js技术，基于B/S结构，Mysql数据库，对于应用程序的开发要求具备完整功能，使用简单的特点，并建立一个数据完整安全稳定的数据库。运动装备网上商城的开发技术具有很高可行性，且开发人员掌握了一定的开发技术，所以系统的开发具有可行性。

#### 3.1.2操作可行性 ####

运动装备网上商城的登录界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用Node.js语言开发，基于B/S结构，这些开发环境使系统更加完善。本系统具有易操作、易管理、交互性好的特点，在操作上是非常简单的。因此本系统可以进行开发。

#### 3.1.3 经济可行性 ####

运动装备网上商城是基于B/S模式，采用Mysql数据库储存数据，所要求的硬件和软件环境，市场上都很容易购买，程序开发主要是管理系统的开发和维护。所以程序在开发人力、财力上要求不高，而且此系统不是很复杂，开发周期短，在经济方面具有较高的可行性。

#### 3.1.4 法律可行性 ####

此运动装备网上商城是自己设计的管理系统，具有很大的实际意义。因为无论是软件还是数据库，采用的都是开源代码，因此这个系统的开发和设计，并不存在侵权等问题，在法律上完全具有可行性。

综上所述，运动装备网上商城在技术、经济、操作和法律上都具有很高的可行性，开发此程序是可行的。![75dffc1c26404d22a1277de9165f1d3c.png][]

![61e45564cf3346ab9580a747efa5a07a.png][]

![8f5eae0f3dab4d60a603fcb68201df8e.png][]

![0fe487e5c83d445d925f05da70d7fed9.png][]

![09d49c0c42bc477cb06509cd279fb9b8.png][]

![dcdf7e9005074d6294224d5e35d57d82.png][]

![5a21efe6332a4395b61a46a70e24a1bb.png][]

![c2000a0d65bc411bb8d067221cd966a4.png][]

[75dffc1c26404d22a1277de9165f1d3c.png]: https://img-blog.csdnimg.cn/75dffc1c26404d22a1277de9165f1d3c.png
[61e45564cf3346ab9580a747efa5a07a.png]: https://img-blog.csdnimg.cn/61e45564cf3346ab9580a747efa5a07a.png
[8f5eae0f3dab4d60a603fcb68201df8e.png]: https://img-blog.csdnimg.cn/8f5eae0f3dab4d60a603fcb68201df8e.png
[0fe487e5c83d445d925f05da70d7fed9.png]: https://img-blog.csdnimg.cn/0fe487e5c83d445d925f05da70d7fed9.png
[09d49c0c42bc477cb06509cd279fb9b8.png]: https://img-blog.csdnimg.cn/09d49c0c42bc477cb06509cd279fb9b8.png
[dcdf7e9005074d6294224d5e35d57d82.png]: https://img-blog.csdnimg.cn/dcdf7e9005074d6294224d5e35d57d82.png
[5a21efe6332a4395b61a46a70e24a1bb.png]: https://img-blog.csdnimg.cn/5a21efe6332a4395b61a46a70e24a1bb.png
[c2000a0d65bc411bb8d067221cd966a4.png]: https://img-blog.csdnimg.cn/c2000a0d65bc411bb8d067221cd966a4.png