張倩 李旭英 林華焜 茍睿 石睿

摘要：近年來，我國網(wǎng)民數(shù)量大幅增加，酒類網(wǎng)購用戶規(guī)模逐年擴(kuò)大，在認(rèn)真分析各酒類電商模式現(xiàn)狀的基礎(chǔ)上，研究開發(fā)出一款基于Vue.js+Koa框架的酒類文化交流與電子商務(wù)平臺(tái)。該平臺(tái)靈活運(yùn)用大數(shù)據(jù)分析、Vue.js+Koa等框架，滿足用戶利用移動(dòng)平臺(tái)進(jìn)行白酒購物、白酒文化交流等需求，有效地將電商與內(nèi)容相結(jié)合，彌補(bǔ)了傳統(tǒng)酒類購物APP所缺失的社交功能，實(shí)現(xiàn)了社區(qū)內(nèi)容向電商流量的轉(zhuǎn)化。

關(guān)鍵詞：移動(dòng)端信息交流;大數(shù)據(jù);酒類電子商務(wù);Vue.js框架;Koa框架

中圖分類號(hào)：TP311.5? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A ? ? 文章編號(hào)：2096-4706（2021）07-0063-05

Design and Implementation of APP Platform Based on Vue.js+Koa Framework

——Take Wine Cultural Exchange and E-commerce as an Example

ZHANG Qian，LI Xuying，LIN Huakun，GOU Rui，SHI Rui

（School of Computer Sciences and Engineering，Sichuan University of Science & Engineering，Zigong? 643000，China）

Abstract：In recent years，the number of internet users in China has increased significantly，and the scale of online wine shopping users has expanded year by year. On the basis of careful analysis of the current situation of wine e-commerce mode，a wine culture exchange and e-commerce platform based on Vue.js+Koa framework was researched and developed. The platform flexibly applies big data analysis，Vue.js+Koa and other frameworks to meet the needs of users in Baijiu shopping and Baijiu cultural exchange，share shopping experience and other needs. It effectively combines the e-commerce with content，making up for the social functions of traditional Baijiu shopping APP，and realizes the transformation of community content to the e-commerce flow.

Keywords：information exchange on mobile terminal;big data;wine e-commerce;Vue.js framework;Koa framework

收稿日期：2021-03-07

基金項(xiàng)目：四川省大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目（S202010622053）

0? 引? 言

早在2017年底，中國便已發(fā)展成為世界上規(guī)模最大的酒類生產(chǎn)與消費(fèi)大國，如今，國內(nèi)白酒市場供給已達(dá)到相對飽和階段，要變革產(chǎn)供銷模式，大量白酒企業(yè)都需要通過互聯(lián)網(wǎng)進(jìn)行轉(zhuǎn)型?！盎ヂ?lián)網(wǎng)”為酒業(yè)流通帶來了巨大變革，相較于酒業(yè)傳統(tǒng)的營銷模式，電商模式則具備渠道鏈條短、進(jìn)入成本低等顯著優(yōu)勢[1]。酒類新零售行業(yè)發(fā)展迅猛，2021年市場規(guī)模預(yù)計(jì)將突破1 360億元[2]。

如何挖掘線上潛力，拓展白酒消費(fèi)群體成為當(dāng)前白酒市場所面臨的一大困境;隨著我國酒類市場的不斷開放，對酒類產(chǎn)品的防偽技術(shù)也提出了更高的要求。同時(shí)，白酒產(chǎn)品附加值低，中國豐富的酒文化在市場發(fā)展中漸漸消逝，這為酒企在酒文化的發(fā)揚(yáng)與傳承上賦予了更多的責(zé)任。如今白酒線上APP處于未完全開放的狀態(tài)，根據(jù)上述現(xiàn)狀，開發(fā)了基于Vue.js、Koa框架的酒類文化交流與電子商務(wù)平臺(tái)，為其取名為“交酒”平臺(tái)。

1? “交酒”平臺(tái)的開發(fā)工具

“交酒”平臺(tái)是集交流、文化傳播、大數(shù)據(jù)分析、酒類直銷、防偽為一體的綜合性創(chuàng)新型電子商務(wù)項(xiàng)目。

1.1? 開發(fā)環(huán)境Visual Studio Code

Visual Studio Code是一個(gè)運(yùn)行于Windows、OSX和Linux之上的跨平臺(tái)編輯器。同時(shí)，Visual Studio Code也可在桌面上運(yùn)行，它為開發(fā)者們提供了對多種編程語言的內(nèi)置支持，同時(shí)也會(huì)為這些語言提供豐富的代碼補(bǔ)全和導(dǎo)航功能。

1.2? 編程語言JavaScript

編程語言采用JavaScript，它是一種基于原型編程、多范式的動(dòng)態(tài)腳本語言，同時(shí)也是一種廣泛應(yīng)用于Web應(yīng)用開發(fā)的高級腳本語言，常用于為網(wǎng)頁添加各式各樣的動(dòng)態(tài)功能，使得網(wǎng)頁更加流暢美觀，使用戶獲得更好的瀏覽體驗(yàn)[3]。

1.3? 數(shù)據(jù)庫MySQL

采用阿里云的云服務(wù)、Nginx服務(wù)器技術(shù)和MySQL數(shù)據(jù)庫進(jìn)行數(shù)據(jù)存儲(chǔ)，在目前可行的技術(shù)條件下最大限度保證了平臺(tái)的信息安全。

2? “交酒”平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

基于Vue.js+Koa框架的交酒APP平臺(tái)包括用戶注冊與登錄、商品購買、實(shí)時(shí)聊天、論壇發(fā)帖、掃碼識(shí)別真?zhèn)蔚榷喾N功能模塊?！敖痪啤盇PP架構(gòu)如圖1所示，APP主界面如圖2所示。

2.1? 白酒文化交流功能

在白酒交流論壇中，平臺(tái)會(huì)定期發(fā)布白酒的制法、品法、歷史文化等相關(guān)內(nèi)容，以傳播白酒文化中的精神內(nèi)涵。同時(shí)，每一位通過平臺(tái)認(rèn)證的用戶可以隨時(shí)隨地在論壇中發(fā)表動(dòng)態(tài)，用戶可以通過圖文、短視頻、直播等多種形式創(chuàng)造并分享購物心得、對酒文化的見解等內(nèi)容，同時(shí)還可以對其他用戶發(fā)布的內(nèi)容進(jìn)行收藏、點(diǎn)贊與評論。根據(jù)用戶發(fā)帖的質(zhì)量情況，平臺(tái)將為用戶授予不同等級的頭銜，如“白酒小白”等，對于高質(zhì)量的“精品貼”進(jìn)行積分獎(jiǎng)勵(lì)，以鼓勵(lì)更多的用戶參與到論壇中來，增加論壇的活躍度。

2.2? 白酒購物功能

用戶在平臺(tái)上完成注冊和登錄后，可以通過搜索框或商品類目來導(dǎo)航挑選心儀商品，將其收藏或是加入購物車，在選定心儀商品、填寫收貨地址并支付貨款后，即可在平臺(tái)上查詢訂單狀態(tài)。

2.3? 商品推薦功能

平臺(tái)利用協(xié)同過濾算法，進(jìn)行商品信息收集、數(shù)據(jù)處理、信息分析后，根據(jù)用戶已產(chǎn)生的購買相關(guān)行為（如對商品的點(diǎn)擊、收藏、評論），對顧客的購買意向進(jìn)行預(yù)測[4]，在海量的商品數(shù)據(jù)中形成信息推薦模型。同時(shí)提供精確的篩選條件和精準(zhǔn)的商品推薦，為顧客選擇商品提供便利。平臺(tái)可以提升用戶信息的準(zhǔn)確性與有效性，針對每位用戶的喜好提供一個(gè)更精確的定位，縮短用戶的選品時(shí)間，優(yōu)化用戶的購買體驗(yàn)，從而有效地提高用戶滿意度。

2.4? 消息推送功能

實(shí)時(shí)推送酒類行業(yè)相關(guān)資訊、活動(dòng)信息，比如新品上線、酒業(yè)動(dòng)態(tài)、商品促銷等信息，方便用戶第一時(shí)間知曉此類信息，這也是防止部分用戶流失，提高留存率的方法之一。

2.5? 溯源防偽功能

平臺(tái)采用“一物一碼”的原則，為每個(gè)產(chǎn)品賦予一個(gè)身份標(biāo)識(shí)，通過APP掃描平臺(tái)產(chǎn)品的二維碼，消費(fèi)者便能獲得該產(chǎn)品從生產(chǎn)到銷售的全過程信息。

2.6? 大數(shù)據(jù)分析功能

系統(tǒng)可以追蹤客戶從點(diǎn)擊APP到購買商品的完整行為，規(guī)范并結(jié)構(gòu)化用戶行為，對用戶行為進(jìn)行建模分析，對用戶拉新與留存進(jìn)行實(shí)時(shí)監(jiān)控，并進(jìn)行可視化分析。圖3為系統(tǒng)對某商品的每月訂單數(shù)、銷售總金額的可視化分析。

3? “交酒”平臺(tái)的創(chuàng)新點(diǎn)

3.1? 實(shí)現(xiàn)內(nèi)容與電商相結(jié)合

中國酒文化源遠(yuǎn)流長，博大精深。論壇為白酒文化提供了一個(gè)具有科普意義的文化宣傳社區(qū)，也為酒類愛好者提供了一個(gè)交流交友與心得共享的“社區(qū)”、口碑庫。同時(shí)，在平臺(tái)上獲得的用戶需求信息將優(yōu)于傳統(tǒng)市場研究收集的用戶數(shù)據(jù)，企業(yè)可以最大限度了解用戶需求，并對用戶需求進(jìn)行科學(xué)分析，合理制定營銷策略，在提升運(yùn)營效率的同時(shí)最大限度滿足用戶需求[5]。

在線評論對消費(fèi)者的購買意愿和市場績效方面的影響較為顯著[6，7]，平臺(tái)內(nèi)用戶優(yōu)質(zhì)的購物心得、好物分享等筆記，將進(jìn)一步引導(dǎo)其余消費(fèi)者產(chǎn)生購買行為[8]，可有效地將內(nèi)容消費(fèi)者轉(zhuǎn)化為產(chǎn)品和服務(wù)消費(fèi)者[9]。使交酒APP不僅僅是一個(gè)購物平臺(tái)，更是一個(gè)內(nèi)容與電商相結(jié)合的共享社區(qū)。平臺(tái)用戶既是消費(fèi)者，更是分享者，實(shí)現(xiàn)了商品與內(nèi)容的協(xié)同，并進(jìn)一步以內(nèi)容塑造電商[10]。以“種草”和交流為主的社區(qū)文化催生用戶消費(fèi)，用戶在交酒APP上“種草”，并在交酒APP上下單，實(shí)現(xiàn)電商閉環(huán)。

3.2? 消費(fèi)者行為分析與大數(shù)據(jù)分析功能

通過對消費(fèi)者行為深度的洞察分析，構(gòu)建精準(zhǔn)、多維的用戶畫像體系，可以讓平臺(tái)或企業(yè)深入了解自己的消費(fèi)者，為企業(yè)產(chǎn)品營銷定位和需求分析提供重要依據(jù)，幫助企業(yè)制定針對性高的客戶參與策略，實(shí)現(xiàn)更精準(zhǔn)的營銷。

同時(shí)，企業(yè)通過對交易訂單等相關(guān)數(shù)據(jù)的可視化分析，可以改進(jìn)現(xiàn)有產(chǎn)品的結(jié)構(gòu)，挖掘用戶的潛在需求，提升客戶生命周期價(jià)值，減少客戶流失率等。

3.3? 溯源防偽功能

系統(tǒng)采用“一物一碼”的原則，借助二維碼為平臺(tái)上的每個(gè)產(chǎn)品建立身份標(biāo)識(shí)，消費(fèi)者通過APP的掃碼功能即可獲得產(chǎn)品真?zhèn)涡畔?，以及該產(chǎn)品從制造、加工、流通、倉儲(chǔ)到銷售的全過程信息。圖4為“交酒”APP溯源防偽功能效果圖。

同時(shí)，運(yùn)用二維碼標(biāo)簽對產(chǎn)品進(jìn)行虛擬化，有助于企業(yè)系統(tǒng)化、批量化地從出產(chǎn)、加工、流通、倉儲(chǔ)到銷售等過程對產(chǎn)品進(jìn)行統(tǒng)一管理。同時(shí)，協(xié)助政府對白酒防偽事宜進(jìn)行監(jiān)督、管理和決策，幫助商家保護(hù)品牌，保障用戶合法權(quán)益，讓用戶買到放心的白酒產(chǎn)品。

3.4? 個(gè)性化推薦功能

為了滿足用戶對商品多樣化的需求，商家不斷推出新的品類，為用戶帶來更多選擇的同時(shí)，也導(dǎo)致了用戶難以在短時(shí)間內(nèi)快速準(zhǔn)確地選擇出自己想要購買的商品，信息過載的問題也隨之而來。

隨著信息技術(shù)的發(fā)展，消費(fèi)需求更趨向于個(gè)性化。為了縮短用戶的選品時(shí)間，優(yōu)化用戶的購買體驗(yàn)，提升信息的準(zhǔn)確性與有效性，平臺(tái)對用戶在平臺(tái)上的檢索記錄、購買記錄等行為數(shù)據(jù)進(jìn)行分析，信息推薦模型基于協(xié)同過濾算法而形成，為用戶推薦當(dāng)前可能會(huì)購買的產(chǎn)品，在滿足用戶購買需求的同時(shí)，也為平臺(tái)的商品增加了更多的買賣機(jī)會(huì)，為平臺(tái)創(chuàng)造更大的經(jīng)濟(jì)效益。

3.5? 集成創(chuàng)新

本產(chǎn)品采用前后端分離思想[11]，基于谷歌v8引擎開發(fā)，集成了vue框架和koa洋蔥模型框架以及各種第三方插件[12，13]。分為前端、后端、接口三個(gè)部分，其中前端基于element-ui開發(fā)，采用了vue框架及第三方插件axios、better-scroll、vuex、vue-router、element-ui等，實(shí)現(xiàn)了商品詳細(xì)頁面、酒友論壇等頁面[14]。其中，前端框架vue中的main.js代碼如圖5所示。

后端實(shí)現(xiàn)圖形化管理，分為個(gè)人用戶的查修增刪功能、論壇管理功能、訂單管理功能、修改前端商品圖片及其信息功能、Echart大數(shù)據(jù)分析功能等。后端接口框架koa中的app.js代碼如圖6所示。

接口通過koa洋蔥模型框架開發(fā)，采用第三方插件dotenv、jsonwebtoken等，實(shí)現(xiàn)了個(gè)人信息中的avatar、profile sign等接口。前后端分離postman調(diào)用接口如圖7所示。

4? 結(jié)? 論

在傳統(tǒng)酒類的營銷中，較高的渠道成本及復(fù)雜冗長的銷售渠道是酒類銷售難以避開的問題，本研究構(gòu)建了一個(gè)基于Vue.js、Koa框架的白酒電商平臺(tái)，在去中間化的同時(shí)，借助平臺(tái)特有的白酒文化交流社區(qū)，對酒文化進(jìn)行傳播和發(fā)揚(yáng)，實(shí)現(xiàn)了商品與內(nèi)容的協(xié)同，并進(jìn)一步用內(nèi)容塑造電商，實(shí)現(xiàn)了內(nèi)容向電商流量的轉(zhuǎn)化。通過大數(shù)據(jù)分析可使平臺(tái)或酒企切實(shí)了解用戶需求，洞察市場趨勢，進(jìn)而為市場定位、需求分析和確立核心競爭力提供重要決策依據(jù)，更好地發(fā)展白酒事業(yè)。

參考文獻(xiàn)：

[1] 界面新聞.京東發(fā)布《2017年線上酒業(yè)報(bào)告》 [EB/OL].（2017-03-21）.https：//www.winesinfo.com/html/2017/3/12-71670.html.

[2] 艾媒咨詢.酒類新零售行業(yè)報(bào)告：2021年市場規(guī)模將突破1360億元，未來集中化成方向 [EB/OL].（2021-02-18）.https：//www.sohu.com/na/451242142_533924.

[3] 林信良.JavaScript技術(shù)手冊 [M].北京：清華大學(xué)出版社，2020.

[4] 梁家富.基于協(xié)同過濾的商品個(gè)性化推薦算法應(yīng)用研究 [J].河北軟件職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2020，22（4）：22-25+41.

[5] 尹紅.引入網(wǎng)絡(luò)效應(yīng)的營銷資源分配問題研究 [D].廣州：華南理工大學(xué)，2020.

[6] BERGER J A，SORENSEN A，RASMUSSEN S J. Positive Effects of Negative Publicity：When Negative Reviews Increase Sales [J].Marketing Science，2010，29（5）：815-827.

[7] DUAN W J，GU B，WHINSTON A B. Do Online Reviews Matter：An Empirical Investigation of Panel Data [J].Decision Support Systems，2008，45（4）：1007-1016.

[8] 魏如清，唐方成.用戶生成內(nèi)容對在線購物的社會(huì)影響機(jī)制——基于社會(huì)化電商的實(shí)證分析 [J].華東經(jīng)濟(jì)管理，2016，30（4）：124-131.

[9] 屈冠銀，張哲.內(nèi)容電商發(fā)展及運(yùn)營邏輯思考 [J].北京勞動(dòng)保障職業(yè)學(xué)院學(xué)報(bào)，2016，10（3）：33-35+39.

[10] 張珊珊，朱瑾.內(nèi)容電商平臺(tái)中的價(jià)值共創(chuàng)機(jī)理——基于小紅書的案例研究 [J].現(xiàn)代商業(yè)，2021（8）：76-78.

[11] 朱梟帥.基于混合方法的電商推薦系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [D].西安：西安電子科技大學(xué)，2020.

[12] 朱曉妤，陳思，張愷，等.基于Vue.js前后端分離技術(shù)的問卷調(diào)查系統(tǒng) [J].電腦與電信，2020（10）：49-52.

[13] 胡雅麗.基于Vue.js的“微商城”前端開發(fā)設(shè)計(jì)與實(shí)現(xiàn) [J].電子技術(shù)與軟件工程，2020（20）：34-35.

[14] 宋雅.基于Web的大屏數(shù)據(jù)可視化系統(tǒng)的研究與實(shí)現(xiàn) [D].北京：北京郵電大學(xué)，2020.

作者簡介：張倩（2000—），女，漢族，四川成都人，本科

在讀，研究方向：移動(dòng)應(yīng)用開發(fā)、大數(shù)據(jù)分析;通訊作者：石睿（1988—），男，漢族，四川瀘州人，講師，博士，研究方向：計(jì)算機(jī)應(yīng)用技術(shù)。