现如今越来越多的人开始注重锻炼。运动商品就是迈出运动大门的第一步。但是选择什么样的运动产品，什么样的产品受欢迎对于很多人来说是个头疼的问题。本网站是基于Vue框架开发的运动产品销售的网站。且与java web做连接。数据大屏的UI显示主要采用了Vue框架。并且使用了MySQL数据库技术做后台数据的连接，采用Java语言编写功能。解决了用户购买心仪的商品难，得不到确切的数据等问题。并且数据的直观展示可以帮助他们做出相对的最优解，给予用户最良好的服务效果。
Key words：sports goods, data visualization, login, order processing，Data acquisition目录
一、 引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
（四）开发环境 1
二、 系统功能需求分析与设计 2
（一）系统功能分析 2
（二）系统整体框架设计 3
（三）业务逻辑架构设计 4
（四) 网站页面设计 5
（五) 数据库设计 6
1. ER图设计 7
2.数据库表设计 10
（六）业务逻辑架构设计 11
三、 系统实现 16
（一）首页登录界面 16
（二）大屏的显示 10
（三）商品购买模块 11
（四）商品订单模块 12
（五）后台管理登录 13
（六）后台界面管理 14
（七）显示在线用户 15
（八）商品信息添加 16
（九）商品销量排行 17
（十）发货 18
四、系统测试 19
（一）测试目的 20
（二）测试单元 21
（三）测试评价 22
总结 23
致谢 24
参考文献 25一、引言
（一）开发背景
人们对于运动的观念一直没有断过，现如今对于运动尤为的热烈。对于需要购买什么样的运动产品，什么样的运动产品是最近的 *51今日免费论文网|www.51jrft.com +Q: @351916072@ 
热销产品，人们大多只是得到一个简单的数据，不够直观。如果有一个关于运动商品的平台，不仅含有原有的商品处理，还有一个运动商品销售数据的可视化结构大屏，动态的显示数据的最直观的变化，不仅给予视觉上的冲击而且还让那些急需运动产品的人得到最想要的数据。
（二）选题意义
生活水平的提高使得人们对于运动的越来愈加的重视。舒适的运动需要合适的装备，对于那些想要去运动的人来说选择一个什么样的运动产品是关键的一步，而市场上的运动产品五花八门，各式的产品对于有选择困难症的人来说就是一个难题，选择什么样的装备，什么样的装备最近受欢迎是一大问题。而现在万物互联的时代，通过网络就可以查询到大部分的产品信息，在网上实现商品的购买，消费者就不需要再去线下实体店铺，省去不少时间，且数据通过动态变化的表现形式就又能省去消费者查询信息的大部分时间。运动商品数据可视化平台就可以快速的实现这些，消费者在购买商品的同时可以查看最近一段时间的热销产品情况，做出最直观的判断，选择最符合自己的商品。并且，网上的商品销售节约的实体店铺的成本，减小了开支，最大程度上的增加利润。
（三）设计目标
本平台主要包括运动产品的前端后端，主要实现是商品的简单交易与订单管理，与数据的动态展示。前端的内容主要包括商品数据可视化，用户的在线购买商品，发货，查看订单的信息。用户必须先登录才能购买，如果没有账号，可以先注册。后端可以实现订单的删除，修改添加，发货的信息并且查看在线的用户。
（四）开发环境
Web服务器:tomcat7.0
开发软件:Myeclipse(4.4.2) visual studio code( 1.47.3)
框架:Node.js: 12.8.1 数据库:navicat for mysql(11.1.12)
系统功能需求分析与设计
（一）系统功能分析
本网站主要是一个用Java技术开发的运动网站。根据用户的需求，选择相对应的产品。网站主要分为两个模块，一个是关于用户的，另一个是面向管理员的。用户可以根据自己的需求去选择商品添加到列表之中。而管理员可以对商品进行增删改查等一系列的基本操作。下面将这两个模块的主要功能简单的概况一下。
1.用户功能
此功能针对浏览网页的所有角色，无论要做何种操作都要先进行登录，才能进一步进行网站的各种操作。则要先进行注册才能登录。登录之后可以看见商品的信息，然后单击商品进行购买等一系列操作。
用户登录、注册，浏览商品信息，浏览可视化商品信息等功能，如用例图如图21所示。
图21用户功能用例图
/
2.管理功能
此模块主要针对的是管理员，主要功能包括不仅可以对商品的信息与订单的信息进行增删改查，还可以根据商品的售出信息对商品进行排序处理。
管理员登录与注册、订单的管理、商品的管理、在线用户的管理等功能，如用例图如图22所示。
/
图22管理功能用例图
系统整体框架设计
系统总体框架功能，如图23所示。
/图23系统功能框架图
（三）业务逻辑架构设计
本网站是在线的商品购物，所以采用服务器浏览器也就是B/S来部署。当客户想要购买运动产品时候，只需要访问相对应的网址便可。后端采用servlet框架，该框架规定了较为友好的代码规范。实体层主要为项目的类所组成。数据访问层记录的都是对数据库的操作，负责对实体类进行相对应的增删改查等最为常见的一些操作，并且最后这些操作都由数据访问层进行。业务逻辑层则起到了较为关键的连接作用,先接收上层的用户指令，再将指令进行下一步的操作。最后的视图层，也就是用户所能看到的界面。如图24所示。
/图24系统业务逻辑架构图
（四）网站页面设计
（1）网站LOGO的设计理念
LOGO的采用的理念：运动两个字用类似云状的图标包围，给人一种自由的向往。整体采用蓝色的基调，看起来更加的舒适。

原文链接：http://www.jxszl.com/jsj/rjgc/608212.html