基于Web的校園裝機App的設計與實現(xiàn)

王賀 王彤彤 姚曉玲

摘要：為了解決大學生購買電腦的性價比不高的問題，開發(fā)設計了校園裝機App。該系統(tǒng)主要用于大學生網(wǎng)上購買計算機組裝機，大學生可以根據(jù)其需求在App上選擇電腦配件、組裝計算機，從而實現(xiàn)購機裝機的一體化。該文簡述校園裝機App的設計和實現(xiàn)過程。

關鍵詞： Web開發(fā)；校園裝機；軟件設計開發(fā)；混合開發(fā)模式

中圖分類號：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 背景

隨著社會的發(fā)展，計算機已經(jīng)成為大學生日常生活學習中不可缺少的電子設備，給生活和學習帶來極大的方便。由于學生的經(jīng)濟能力有限，在購買品牌電腦時往往存在價格與性能間的問題：性能較差的品牌機器很可能無法滿足學生的學習需求，而對于高性能品牌機，其昂貴的價格讓大多數(shù)學生承擔不起。

這種情況下，對于經(jīng)濟能力有限的學生來說，選擇有可靠售后保障服務的計算機組裝機，可以解決計算機價格和性能之間的矛盾。校園裝機APP正是通過廣泛的調研用戶需求分析后開發(fā)出的專門針對高校學生購買組裝機的移動終端應用程序。校園裝機APP以高等學校為平臺，提供計算機各種配件的選擇以及校園代理裝機的模式，為大學生提供高性價比的產(chǎn)品。另外，校園代理提供售后保障服務，保證電腦的及時維修以及退換貨問題。

2 系統(tǒng)分析

該系統(tǒng)基于Web平臺進行開發(fā)設計實現(xiàn)，通過調研，確定系統(tǒng)用戶分為普通用戶和管理員兩種用戶類型，針對兩種用戶、分別分析其需求。

2.1 面向用戶的功能模塊

通過的需求分析，設計并實現(xiàn)了5個功能模塊，見圖1：

2.1.1 用戶信息模塊

為了使得購物交易更加安全、高效，程序需要提供用戶注冊、登錄等功能。用戶在注冊時設置密碼，只有賬號和密碼一致時才能登錄成功。登錄后根據(jù)功能進行相應的操作。另外，用戶可根據(jù)需要重置個人信息。

2.1.2 產(chǎn)品信息模塊

為了滿足不同用戶的需求，程序按照不同的標準，分類展示產(chǎn)品信息。首先，按照電腦的不同需求給出了“經(jīng)濟實惠型”、“家用學習型”、“網(wǎng)吧游戲型”、“商務辦公型”等七種裝機方案，用戶可根據(jù)需求選擇其中一種，還可根據(jù)需要自主選擇配件。

2.1.3 購物信息模塊

購物信息模塊包括加入購物車、加入收藏、下單、訂單狀態(tài)查詢等功能。這些功能使得用戶記錄用戶的感興趣的商品，也可以讓用戶隨時隨地查看訂單配送狀態(tài)。

2.1.4 搜索模塊

用戶在自主選擇配件時，可根據(jù)機型、配件種類、廠商等信息進行搜索，以選擇合適的產(chǎn)品，加快查找效率。

2.1.5 客服模塊

在購買商品中有疑問，用戶可以通過客服模塊與客服進行溝通交流。

2.2 面向管理員的功能模塊

管理員的功能分為4個功能模塊，見圖2：

2.2.1 管理員信息模塊

管理員為公司工作人員，培訓合格后可成為管理員，每個管理員都有自己的賬號和密碼，登錄后根據(jù)功能權限進行相應的操作。

2.2.2 管理商品模塊

商品的采購和購買工作由專門的工作人員完成，管理員負責在App上商品信息的添加、修改和刪除。

2.2.3 管理訂單模塊

用戶下單后，管理員統(tǒng)計用戶信息，并安排相應的工作人員發(fā)貨，管理員負責訂單號的錄入等工作。

2.2.4 管理用戶模塊

管理員負責整理用戶信息。

3 系統(tǒng)設計與實現(xiàn)

根據(jù)用戶功能的需求，確定系統(tǒng)的整體架構，并確定程序的開發(fā)環(huán)境和開發(fā)條件。

3.1 系統(tǒng)的整體架構

該系統(tǒng)分為服務器端和App端。用戶通過手機APP瀏覽信息、完成訂單，其訂單等數(shù)據(jù)通過互聯(lián)網(wǎng)發(fā)送給服務器，服務器處理并將數(shù)據(jù)返回給用戶。管理員通過計算機對后臺信息進行管理，用戶和管理員使用同一數(shù)據(jù)庫，從而實現(xiàn)數(shù)據(jù)的共享，使得整個系統(tǒng)有序、高效的運行下去。系統(tǒng)的整體架構圖及App端和服務器端的功能模塊圖如圖3、4、5所示：

3.2 系統(tǒng)的實現(xiàn)

根據(jù)系統(tǒng)設計，系統(tǒng)開發(fā)在Window10下i5cpu8G內存計算機上進行，服務器端使用Node.js，數(shù)據(jù)庫開發(fā)軟件使用MySql完成開發(fā)。

系統(tǒng)App端使用混合開發(fā)模式，高性能的MUI框架、使用html5、javaScript、Angularjs技術完成開發(fā)，最后通過HBuilder將Web頁面打包為App。使用方式開發(fā)的系統(tǒng)，性能和效果接近原生開發(fā)，運行占用內存較少；系統(tǒng)響應速度快而且可以運行在Andriod和IOS手機上。

圖6為校園裝機APP系統(tǒng)首頁的效果圖，首頁提供了上述七種裝機方案，可查看每種方案中每個配件的詳細配置。

3.4 系統(tǒng)特色與創(chuàng)新

1）產(chǎn)品面向大學生，目標明確，提供給大學生高性價比的產(chǎn)品。

2）系統(tǒng)采用混合式開發(fā)方式，開發(fā)效率高，可以同時運行與Andriod和Ios兩種手機平臺。

3）采用線上下單和線下代理模式。用戶網(wǎng)上下單，收到貨物之后聯(lián)系專業(yè)的校園代理，由校園代理組裝機器。如果用戶在使用過程中，遇到任何問題都可聯(lián)系校園代理解決。這種模式使得操作更加高效，售后安全問題更有保障。

4 結束語

經(jīng)過調研及用戶需求分析得出軟件的功能及其他需求，在此基礎上設計軟件系統(tǒng)結構并劃分相應功能模塊，最終使用Web開發(fā)完成。該系統(tǒng)采用混合開發(fā)模式，具有研究時間短、開發(fā)效率搞等優(yōu)點。由于團隊成員軟件開發(fā)能力有限，將在產(chǎn)品的開發(fā)過程中不斷發(fā)現(xiàn)問題且不斷地解決問題，使系統(tǒng)得到進一步優(yōu)化完善。

參考文獻：

[1] 樸靈. Node.Js[M]. 北京： 人民郵電出版社， 2013.

[2] 劉增杰. MySQL 5.7從入門到精通[M]. 北京： 中國鐵道出版社， 2014.

[3] 中國網(wǎng)絡購物用戶調研報告簡版[C]. 艾瑞咨詢系列研究報告， 2015（4）.

[4] 周穎. 基于B2C的電子商務平臺開發(fā)和設計[J]. 現(xiàn)代電子技術， 2018， 41（4）： 37-40.

[5] 姚玉閣. 基于Web的網(wǎng)上商城購物系統(tǒng)的設計與實現(xiàn)[J]. 現(xiàn)代電子技術， 2016， 39（1）： 125-128， 132.

【通聯(lián)編輯：謝媛媛】