Abstract

This paper mainly discusses how to use node Js language is used to develop an online game store based on vue. This system will strictly follow the software development process in all stages of work. The database used in this system is MySQL, using node Js koa technology to build a management system to achieve all the functions of the system. In the introduction, the author will discuss the current background of online game mall and the purpose of system development, and the following chapters will strictly follow the software development process to analyze and design the system at each stage.

The main users of online game stores are divided into administrators, users, and sellers. The implementation functions include administrators: home page, site management (broadcast map, bulletin board), user management (administrators, ordinary users, sellers), content management (game information, information classification list), store management (game stores, classification list, order list) More management (complaint feedback, order delivery, report statistics, store management); Users: home page, mall management (game mall), more management (complaint feedback, delivery details); Seller: Home page, mall management (order list, game mall), more management (order delivery, report statistics, store management) and other functions. Due to the comprehensive design of the functional modules of this website, the information management process of the entire online game mall can be realized.

The use of this system can realize the informatization of the online game store management, facilitate the administrator to conduct more convenient and fast management, and improve the management efficiency of the online game store.

 近年来，人民生活水平不断在提升，人们对于非物质的游戏体验也日益剧增，这也使得很多网络公司大力开发新游戏来满足人们对游戏的需求量。随着网络技术的不断发展，越来越多人喜欢上游戏商城查看游戏信息，将自己喜欢的游戏收藏，方便自己进行购买。游戏商城对用户、卖家和管理员都有很大帮助，游戏商城通过和数据库管理系软件协作来实现用户与卖家与管理员之间的一个很好的操作平台，基于这一点，设计了一个基于vue网上游戏商城是时代必不可少的时代产物。

经过对以上的情况进行分析，我们对用户的实际需求进行了详细的分析，指定出了相应的开发计划，为了方便用户在线进行查看游戏信息以及可以在线进行游戏购买方面的管理操作，帮助游戏管理员节省很多的管理时间以及可以减少工作量，使得管理工作更加快捷顺利的进行，因此开发设计了该系统。

随着计算机的不断发展，已经融入到我们生活工作的每一个领域中，网络带给我们的生活和工作都有很多的便利，因此，希望可以通过该系统的开发也能使游戏商城管理实现信息化管理，减轻管理员的工作负担，提高销售的效率。

在国外他们的信息技术的发展是我国的许多倍，从1946年诞生在美国的世界上第一台计算机开始，国外的信息技术就一直在飞速地发展，一些计算机应用软件也纷纷出现，软件技术也一直在不断完善和更新。软件行业早已遍布各个地方。

在国内，我国信息技术发展起步比较晚，后期慢慢的不断地进行优化和改革，才让我们的信息技术上升到新的阶段。在现在软件开发的技术经过大量研究和生活实践基本能够达到独立开发系统应用的水平，生活中的各个行业也把软件操作替换成传统的记录模式。软件行业正是现在比较热门的行业。

随着游戏的不断增多，游戏平台系统也在随着增加，由于游戏资讯的增多，网上游戏商城能够对游戏进行完整的规划和管理，而且商家也通过网络系统来完成日常管理信息中的各种需求，所以游戏平台系统的开发给人们带来了足够的便利，人们通过系统来查看游戏资讯，因此，由于信息的增加，信息处理系统也随之增加，通过网络来满足现代人群需求。此次开发设计主要是实现网上游戏商城，结合node.js技术以及MYSQL数据库进行设计，弥补目前网上游戏商城中的不足，来开发出一款即方便又实用的网上游戏商城，并且设计的程序具有界面整洁、功能强大等特性，从全局来说，网上游戏商城的设计解决了信息零散的问题，该系统实现，可以投入到真实环境中，这样不仅能解决以上提及的问题，让信息管理更准则。

该网上游戏商城的开发和设计施根据用户的实际情况出发，对系统的需求进行了详细的分析，然后进行系统的整体设计，最后通过测试使得系统设计的更加完整，可以实现系统中所有的功能，在开始编写论文之前亲自到图书馆借阅node.js书籍，MYSQL数据库书籍等编程书籍，然后针对开发的网上游戏商城，去网上查找了很多别人做好的系统，参照他们的设计结果，来对自己的系统进行更加详细的系统的设计，将系统中所有的功能结果一一列举出来，然后进行需求分析，最后对所有的功能模块进行编码，最后完成系统的整体测试，实现系统的正常运行。

这次编写的论文包含了6个部分的内容，具体内容如下：

第一部分绪论：文章主要从课题背景以及研究现状综合阐述了开发此系统的必要性。

第二部分相关技术：系统开发用到的各种技术都大致做出了简介。

第三部分系统分析：对系统的可行性分析以及对所有功能需求进行详细的分析，来查看该系统是否具有开发的可能。

第四部分系统设计：功能模块设计和数据库设计这两部分内容都有专门的表格和图片表示。

第五部分系统实现：进行系统主要功能模块的界面展示。

koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写Web应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架，并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

在系统开发之初要进行系统可行分析，这样做的目的就是使用最小成本解决最大问题，一旦程序开发满足用户需要，带来的好处也是很多的。下面我们将从技术上、操作上、经济上等方面来考虑这个系统到底值不值得开发。

（1）系统响应效率：页面响应时问应该在3秒以内，最长不能超过4秒，并支持至少10000人同时在线所有系统。

（2）界面简洁清晰：系统界面要求简单明了，容易操作，符合用户操作习惯。

（3）储存性高：因为网上游戏商城中有很多的信息需要存储，因此对于系统的存储量有很大的要求，需要有一个强大的数据库的支持才能确保所有的信息都能安全稳定的进行存储。

（4）易学性：该系统在操作上必须简单好上手，没有很多复杂的操作，只需要简单的进行学习就能操作该系统。

（5）稳定性需求：开发的网上游戏商城要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。

（6）稳定性：开发的网上游戏商城要求运行稳定，运行过程中无界面不清楚、字体模糊等现象。

本网上游戏商城主要包括三大功能模块，即管理员功能模块、用户模块和卖家模块。（1）管理员模块：首页、站点管理（轮播图、公告栏）、用户管理（管理员、普通用户、卖家）、内容管理（游戏资讯、资讯分类列表）、商城管理（游戏商城、分类列表、订单列表）、更多管理（投诉反馈、订单发货、报表统计、店铺管理）等功能。管理员用例图如图3-1所示。

图3-1　管理员用例图

（2）用户：首页、商城管理（游戏商城）、更多管理（投诉反馈、发货详情）等功能，用户用例图如图3-2所示。

图3-2 用户用例图

（3）卖家：首页、商城管理（订单列表、游戏商城）、更多管理（订单发货、报表统计、店铺管理）等功能，卖家用例图如图3-3所示。

图3-3 卖家用例图

登录模块主要满足管理员以及用户的权限登录，用户登录流程图如图3-4所示。

图3-4 登录流程图

未有账号的用户可进入注册界面进行注册操作，用户注册流程图如图3-5所示。

图3-5注册流程图

用户在添加信息时，信息编号自动生成，系统会对添加的信息进行验证，验证通过则添加至数据库，添加信息成功，反之添加失败。添加信息流程如图3-6所示。

图3-6添加信息流程图

用户可选择要删除的信息进行信息删除操作，在删除信息时系统提示是否确定删除信息，是则删除信息成功，系统数据库将信息进行删除。删除信息流程图如图3-7所示。

本网上游戏商城选择B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式。适合在互联网上进行操作，只要用户能连网，任何时间、任何地点都可以进行系统的操作使用。系统工作原理图如图4-1所示：

图4-1 系统工作原理图

整个系统是由多个功能模块组合而成的，要将所有的功能模块都一一列举出来，然后进行逐个的功能设计，使得每一个模块都有相对应的功能设计，然后进行系统整体的设计。

本网上游戏商城结构图如图4-2所示。

图4-2 系统功能结构图

登录模块主要满足了管理员以及用户的权限登录，登录模块顺序图如图4-3所示。

图4-3 登录顺序图

管理员以及用户登录后均可进行添加信息操作，添加信息模块顺序图如图4-4所示。

图4-4 添加信息顺序图

本网上游戏商城采用的是MYSQL数据库，数据存储快，因为网上游戏商城，主要的就是对信息的管理，信息内容比较多，这就需要好好的设计一个好的数据库，分类要清楚，不能添加信息的时候，造成信息太过混乱，设计好的数据库首先就需要先把各个实体之间的关系表达明确，系统的E-R图如下图所示：

1、用户注册实体图如图4-5所示：

图4-5 用户注册管理实体图

2、订单列表实体图如图4-6所示：

图4-6订单列表实体图

3、游戏商城实体图如图4-7所示：

图4-7游戏商城实体图

网上游戏商城，在系统首页可以查看首页、游戏资讯、游戏商城、投诉反馈等内容，如图5-1所示。

图5-1系统首页界面图

    用户注册，在用户注册页面通过填写账号、设置密码、确认密码、昵称、邮箱、手机号、身份、用户编号、性别等信息完成用户注册，如图5-2所示。

图5-2用户注册界面图

用户注册成功，在系统登录界面输入注册账号以及密码进入系统。如图5-3所示。

图5-3 系统登录界面图

用户界面，用户登录系统后台界面。如图5-4所示。

图5-4个人中心界面图

投诉反馈，在游戏购买页面可以查看用户编号、姓名、标题、日期、详情描述、附件图片、备注、审核状态、审核回复等操作，根据详情进行添加或者删除。如图5-5所示。

图5-5投诉反馈界面图

5.2管理员功能模块

管理员功能界面，在管理员功能页面中可以查看首页、站点管理（轮播图、公告栏）、用户管理（管理员、普通用户、卖家）、内容管理（游戏资讯、资讯分类列表）、商城管理（游戏商城、分类列表、订单列表）、更多管理（投诉反馈、订单发货、报表统计、店铺管理）等功能，并可根据需要进行修改或删除等操作，如图5-6所示。

图5-6管理员功能界面图

用户管理，在用户界面可以查看账号、密码、昵称、手机号码、邮箱、手机认证、邮箱认证、状态、姓名、用户编号、性别等信息进行提交，并可根据需要进行查看评论、修改或删除等操作，如图5-7所示。

图5-7用户管理界面图

游戏资讯，在游戏资讯界面可以查看到封面图、标题、分类、标签、描述、等详情，并可根据需要进行修改或删除等操作，如图5-8所示。

图5-8游戏资讯界面图

订单发货，在订单发货页面可以查看到封面商家编号、店铺名称、订单编号、商品详情、发货时间、快递公司、快递单号、买家编号、收货地址、备注等详情，并可根据需要进行修改或删除等操作，如图5-9所示。

图5-9订单发货界面图

5.3卖家功能模块

卖家功能界面，在卖家功能页面中可以查看首页、商城管理（订单列表、游戏商城）、更多管理（订单发货、报表统计、店铺管理）等功能，并可根据需要进行修改或删除等操作，如图5-10所示。

图5-10卖家功能界面图

报表统计，在报表统计页面可以查看到标题名称、月份、月销量、订单数量、统计时间、备注等详情，并可根据需要进行修改或删除等操作，如图5-11所示。

图5-11报表统计界面图

店铺管理，在店铺管理页面可以查看到商家编号、店铺名称、商家姓名、联系电话、地址等详情，并可根据需要进行修改或删除等操作，如图5-12所示。

图5-12店铺管理界面图

测试不仅是系统开发的开始，而且应该贯穿整个系统的整个生命周期。评估系统质量的方法不局限于系统编码和过程，应该与软件设计工作和历史需求分析密切相关。系统错误，不一定是代码错误，可能是阶段的设计摘要和设计细节存在问题，问题也可能出现在需求分析阶段。从实际情况来看，最初的问题很可能是一个小错误，根据按钮的原理，按钮后的按钮位错将是所有位错。该系统的原因也同样适用，随着后续的开发工作，误差将越来越严重。因此就应该对系统进行测试，在一开始就发现系统中存在的问题，就能保证以后系统能够正常稳定的运行。在测试系统中，开发人员应该站在客户的角度来处理测试工作，而现在主要的测试方法是黑盒测试。测试的目的可以概括为以下几点:首先，用户界面和客户需求是一致的，设置界面和设计风格统一;第二，创新设计接口规范设计标准，具有独特的审美特征;最后，人类传统的接口以满足审美需求，不能盲目地追求一种独特的，合理的规划布局，符合审美标准。

测试的目的在于要对系统的稳定和可操作性能进行对照检查。对于软件的开发利用最终的目的在最后的测试和试用，这是一个不可缺少的重要环节。对于软件开发者而言，在对每一个单独的功能进行编排时候，都要有单独的测试，并通过测试阶段才可以研发多个功能性软件，这样既缩短了研发时间，也可以在的单个的早期测试中发现问题，以免融合后的软件，在查找问题时就很难快速解决或者急速定位问题。

网上游戏商城开发设计完成后，需要对其进行系统测试，测试的主要目的就是发现并找出系统中存在的问题，并及时的进行解决，确保系统可以正常稳定的运行下去，在进行系统测试的时候，在一定要非常的认真、仔细，切记不能粗心，不能放过一个漏洞，测试时候一定不要着急，要按照之前指定好的测试步骤一步一步进行，并且将测试的结果进行详细的记录，我们在进行测试的时候做好选择自动化的测试，这样既可以节省时间而且也能确保测试的准确性，如果采用人工测试的方法就不会这么的方便，由于人工测试有很多不确定的因素，在测试过程中很可能会出现一些问题，用机器测试就不会出现任何的问题，而且机器不会疲惫会一直二等工作下去。在测试的时候一定要非常专注，时刻关注着测试的结果，一但发现异常及时进行修改，最后，测试完之后的文档应该保存下来，方便以后测试时用到。系统测试的方法有很多，对于本网上游戏商城的测试，我们使用了测试用得最多的黑盒测试方法来对该系统进行测试。

对测试计划的把握是测试方案的重中之重。所有的技术难点应该都被包含在这个测试计划之中。而且我们要保证能与目标形成一致性，以至于能够测试出一些主要存在的错误和一些错误的漏洞。可以完美解决这些问题就只有白盒测试或者黑盒测试。

构造测试是白盒测试的另一个名字，了解与分析程序的结构以及性能功用的，从而我们可以得到最终想要的结果并且观察出是不是每一条程序都能得到。

性能测试是黑盒测试别称，程序本身的运作通过程序的进程来观察，主要是看一下程序是不是能够像我们预期的目标那样发展，看一看我们的程序最终能不能完整的得到我们最后想要的功能和储存想得到的数据，到最后看一下我们的这个程序完整性能不能达到要求。

集成测试就是对系统的测试以及对他子系统的一些性能测试，他检查的事系统的包装程序信息。找出其中的问题。他的优势主要有以下这几点：

软件耗费较少。

可以提前发现端口的错误。

更好的地位系统中错误的位置。

终于到了结尾性的工作了。就是为了给用户看一下我们的系统功能是否达到了预期的效果。我采用了性能测试也就是黑盒测试对系统进行测试。

其结果是分别是：

有一定的差异在用户的需求。

再者就是结果与之差不了多少。

到了最后了，我们发现的问题都是与用户的需求存在一定的关联。

本网上游戏商城设计要求基本都可以达到，此系统具有完整的软件功能，良好的用户界面，能够正确的处理错误信息，而且能够准确的提出错误的种类。但是系统测试时也出现了一些系统的不足和缺陷，所以在今后的日子里我会对其视觉上的不足作出修改，其次系统的代码和数据库出现了非常多的冗余现象，都是因为对编程技术的应用不够熟练，在日后我会加强自己的自身学习和能力，减少这样的冗余现象。

经过对上述的测试结果分析，本网上游戏商城无论是在技术方面，还是操作方面，还是经济方面都是完全可以实行的，并且经过测试，该系统操作简单，所有的功能都可以实现，因此该系统可以满足人们的使用需求，值得被推广。