基于Web的校园装机App的设计与实现

2018-12-22 10:55王贺王彤彤姚晓玲

电脑知识与技术 2018年33期

王贺王彤彤姚晓玲

摘要：为了解决大学生购买电脑的性价比不高的问题，开发设计了校园装机App。该系统主要用于大学生网上购买计算机组装机，大学生可以根据其需求在App上选择电脑配件、组装计算机，从而实现购机装机的一体化。该文简述校园装机App的设计和实现过程。

关键词： Web开发；校园装机；软件设计开发；混合开发模式

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2018）33-0072-03

Abstract： To solve the problem that computers can't meet the needs of college students， I developed and designed the campus installed App. This system is mainly used for college students to purchase computer sets on the Internet and install them. College students can select computer accessories and assemble computers on the App according to their needs， so as to realize integration of machine purchase and installation. This paper briefly describes the design and implementation process of the campus installed App.

Key words： web development； assembling computer on campus； software design and development； mixed development mode

1 背景

隨着社会的发展，计算机已经成为大学生日常生活学习中不可缺少的电子设备，给生活和学习带来极大的方便。由于学生的经济能力有限，在购买品牌电脑时往往存在价格与性能间的问题：性能较差的品牌机器很可能无法满足学生的学习需求，而对于高性能品牌机，其昂贵的价格让大多数学生承担不起。

这种情况下，对于经济能力有限的学生来说，选择有可靠售后保障服务的计算机组装机，可以解决计算机价格和性能之间的矛盾。校园装机APP正是通过广泛的调研用户需求分析后开发出的专门针对高校学生购买组装机的移动终端应用程序。校园装机APP以高等学校为平台，提供计算机各种配件的选择以及校园代理装机的模式，为大学生提供高性价比的产品。另外，校园代理提供售后保障服务，保证电脑的及时维修以及退换货问题。

2 系统分析

该系统基于Web平台进行开发设计实现，通过调研，确定系统用户分为普通用户和管理员两种用户类型，针对两种用户、分别分析其需求。

2.1 面向用户的功能模块

通过的需求分析，设计并实现了5个功能模块，见图1：

2.1.1 用户信息模块

为了使得购物交易更加安全、高效，程序需要提供用户注册、登录等功能。用户在注册时设置密码，只有账号和密码一致时才能登录成功。登录后根据功能进行相应的操作。另外，用户可根据需要重置个人信息。

2.1.2 产品信息模块

为了满足不同用户的需求，程序按照不同的标准，分类展示产品信息。首先，按照电脑的不同需求给出了“经济实惠型”、“家用学习型”、“网吧游戏型”、“商务办公型”等七种装机方案，用户可根据需求选择其中一种，还可根据需要自主选择配件。

2.1.3 购物信息模块

购物信息模块包括加入购物车、加入收藏、下单、订单状态查询等功能。这些功能使得用户记录用户的感兴趣的商品，也可以让用户随时随地查看订单配送状态。

2.1.4 搜索模块

用户在自主选择配件时，可根据机型、配件种类、厂商等信息进行搜索，以选择合适的产品，加快查找效率。

2.1.5 客服模块

在购买商品中有疑问，用户可以通过客服模块与客服进行沟通交流。

2.2 面向管理员的功能模块

管理员的功能分为4个功能模块，见图2：

2.2.1 管理员信息模块

管理员为公司工作人员，培训合格后可成为管理员，每个管理员都有自己的账号和密码，登录后根据功能权限进行相应的操作。

2.2.2 管理商品模块

商品的采购和购买工作由专门的工作人员完成，管理员负责在App上商品信息的添加、修改和删除。

2.2.3 管理订单模块

用户下单后，管理员统计用户信息，并安排相应的工作人员发货，管理员负责订单号的录入等工作。

2.2.4 管理用户模块

管理员负责整理用户信息。

3 系统设计与实现

根据用户功能的需求，确定系统的整体架构，并确定程序的开发环境和开发条件。

3.1 系统的整体架构

该系统分为服务器端和App端。用户通过手机APP浏览信息、完成订单，其订单等数据通过互联网发送给服务器，服务器处理并将数据返回给用户。管理员通过计算机对后台信息进行管理，用户和管理员使用同一数据库，从而实现数据的共享，使得整个系统有序、高效的运行下去。系统的整体架构图及App端和服务器端的功能模块图如图3、4、5所示：

3.2 系统的实现

根据系统设计，系统开发在Window10下i5cpu8G内存计算机上进行，服务器端使用Node.js，数据库开发软件使用MySql完成开发。

系统App端使用混合开发模式，高性能的MUI框架、使用html5、javaScript、Angularjs技术完成开发，最后通过HBuilder将Web页面打包为App。使用方式开发的系统，性能和效果接近原生开发，运行占用内存较少；系统响应速度快而且可以运行在Andriod和IOS手机上。

图6为校园装机APP系统首页的效果图，首页提供了上述七种装机方案，可查看每种方案中每个配件的详细配置。

3.4 系统特色与创新

1）产品面向大学生，目标明确，提供给大学生高性价比的产品。

2）系统采用混合式开发方式，开发效率高，可以同时运行与Andriod和Ios两种手机平台。

3）采用线上下单和线下代理模式。用户网上下单，收到货物之后联系专业的校园代理，由校园代理组装机器。如果用户在使用过程中，遇到任何问题都可联系校园代理解决。这种模式使得操作更加高效，售后安全问题更有保障。

4 结束语

经过调研及用户需求分析得出软件的功能及其他需求，在此基础上设计软件系统结构并划分相应功能模块，最终使用Web开发完成。该系统采用混合开发模式，具有研究时间短、开发效率搞等优点。由于团队成员软件开发能力有限，将在产品的开发过程中不断发现问题且不断地解决问题，使系统得到进一步优化完善。

参考文献：

[1] 朴灵. Node.Js[M]. 北京：人民邮电出版社， 2013.