夜夜躁日日躁韩国精品
400-800-9385
網站建設資訊詳細

社區團購微信小程序的設計與實現

發表日期:2022-06-07 09:06:10   作者來源:藍明基   瀏覽:915   標簽:社區團購    微信小程序設計    
1.1 選題背景

坐擁12億的用戶基數[1]的微信可以說是行業龍頭,這些年來,傳統電商形式的網上購物飛速發展,電商形式的購物以及該融入人們生活當中。而社區團購,則是基于傳統電商的基礎,新發展出的網購模式,并且十分有前景,適合當下這個時期,發展迅速。社區團購對于傳統的電商模式來說,并不是在新的APP上或者PC端網站上進行購物,而是在微信里發展客戶,通過每一個微信群里發展一個團長,以家庭為單位,每一戶可以在小程序里把想要購買的商品加入購物車,第二天由團長統一配送。為了順應線上購物的形式以及當下的這樣的一個疫情時期,還有每家每戶對日常用品的需要和對生鮮產品的剛需,實現便民快捷實惠的社區團購微信小程序是非常有必要的。小程序對于用戶最大的優勢在于無須安裝,用完即走,節省內存,且從微信入口直接下單無需跳轉方便快捷,甚至登錄信息獲取和喚起微信支付都很順暢,小程序的體驗已經幾乎接近APP了,很大程度上解放了用戶的手機內存,手機內存是有限的,就算有1T的內存,總有用完的時候,所以很多用戶都愿意下滑微信使用小程序而不是再下載一個APP,通過小程序來實現自身的需求。至今,很多商家不僅上線了APP,同時APP也與小程序同步,商家逐漸開始擁抱微信小程序。
第二,由于疫情原因,對于各地區的影響也是十分巨大,防疫期間,盡量避免人與人的接觸是很也必要的,同時也為用戶帶來了極大的便利,既實惠又方便,也有助于全民防疫。

三,團購享受方便實惠的同時,更有折上折的優惠,使得商家的商品方便別銷售,也讓用戶享受到更大的優惠。[3]

1.2 研究前身、現狀及發展趨勢

在整合、微商、移動支付成熟的基礎上,2016年湖南長沙地區誕生了第一個社區團購集團。初期階段,社區團購的運營模式是團長和微信團購等運營商一起推廣和展示產品。最常見的是接龍拼團,通過手動會計的方式記賬,預倉庫模型出現。貨款也由團長統一收齊交給供應商。在這個初期階段,社區集體采購庫存量有限,經營收入難以增加。2017年,微信小程序問世。與傳統的電子商務網站和APP相比,具有更強的社會屬性,具有方便客戶接觸、傳遞共享、內容營銷等特點,迅速成為電子商務的寵兒。小程序的發布有利于提高交易效率的社區團購,對于增加企業采購庫存和減輕社會負擔,一些企業采購負責人的社會中心逐漸轉向小程序。2018年,微信小程序快速發展,社區團購通常使用小程序作為主要的操作工具。與此同時,微信群、微信支付等的成熟,商業集團內部的以微信小程序為主的社區團購在2018年夏天登場,與無人貨架相比更受資本追捧。2019年,由于供應鏈的脆弱性、秋季潮流、資金鏈斷裂等因素,產業開始交叉整合,許多平臺倒閉破產、一體化融合的社區團購退出江湖。從2020年下半年開始,幾乎消失的社區團購將重新登場并活躍起來。城市先發制人的產品種類繁多,經濟發展迅速,已經達到上限,收入差距難以找到。此后,主要電子商務平臺開始關注市場崩潰,尋找利潤。傳統的電子商務平臺在服裝、食品、醫藥、電器、護理等領域已經具有很高的滲透率。但在食品生鮮市場領域,滲透率很低,發展空間巨大。一旦搶先占領了市場,將優先獲得一大比的利潤。生鮮的市場領域成為各大型電子商務平臺的競爭平臺。如今,從百團大戰到”拼美淘”三分天下,均預示著社區團購在未來會成為人們日常生活的一部分,至少在疫情期間的當下,是一個比較安全且方便的購物方式。

1.3 系統開發意義和目標

本課題主要研究目的有三:其一,在互聯網與電商盛行的時代里,對當下社區團購發展的新情況進行了解是具有一定必要性的。其二,不斷優化商家,提高流量、曝光率、增加用戶的依賴性。其三,從實際出發,為了讓用戶方便、更實惠地體驗享受在家躺著的同時又能進行社區購物,提出針對性建議以及優化的方案也是此次設計的目標。

社區團購與傳統電商相比:社區團購是在團長所在區域范圍一公里內,用戶以家庭為單位,向團長訂購所需的生活必需品,以團購的方式,用更加實惠的方式購買所需物品。團長會在訂購的第二天將物品送到每家門口。長是社區團購中極其重要的角色,因為團長要負責組隊,接受訂單,收取貨款,移動平臺上統一下單,等到所有貨品到了小區,團長應通知參與團購的人員到指定地點提貨,或者送貨上門。另外,團長還負責商品咨詢和售后服務。由于團長的存在,解決了傳統的電子商務平臺的客戶服務、配送和售后服務人員的角色,為企業減少了不必要的人力支出,是社區團購平臺上每個社區的“靈魂人物”。和其他網購平臺莫時相比,社區團購是預售模式,省去了中間囤貨的環節,是商家避免了不必要的產品上的損失,并且價格與效率上,相比于傳統電商來說,更具有優勢。

社區團購最重要的一點是回頭客,給顧用戶便利,快捷,高效的使用體驗。社區團購與傳統電商相比,是一種進步。首先,社區團購起源于長沙,其發展時間并不長,不過四年多。社區團購是傳統電商不斷探索和反復實踐的產物。近年來,中國大部分學者開始關注社區團購,并在相關理論研究中取得一定成果,分析了它的運營模式和成功原因。但是大部分人分析了社區團購的運營模式和消費者的需求。本文章將在前人的基礎上,對社區團購微信小程序主要對用戶體驗的影響研究,對小程序的功能和使用環境的優化及通過小程序之間的交互作用增強用于對社區團購微信小程序的依賴,為社區團購的國內快速發展的理論打下了基礎。

1.4 系統可行性分析

系統可行性的研究目的為的就是為了在系統研發前期,通過對市場、用戶、技術手段等方面的調研,制定出一套可行的研發方案。發現問題,并以最低成本確定解決問題的方案。
客源成本:坐擁12億的用戶基數的微信是一個超級客源流量入口。而小程序是一個橋梁,直接連接的企業與用戶,利用熟人關系,快速傳播,擴大群規模,然后團長在微信群里推廣商品,分享鏈接,回答客戶的問題以及與客戶互動和討論,客戶最終通過小程序鏈接下單。
人力成本低:社區團購的團長一般又在家的寶媽擔任,其職責包括客服,推廣,配送和售后.
資金周轉速度快,物流成本低:社區團購實行預售的方式,客戶下單付款,商家拿到貨款訂購后,統一時間發貨。這樣就降低了庫存成本,也減少物流倉庫消耗的成本。
技術可行性:本小程序使用微信開發者工具開發,通過小程序開發框架所提供的自己的視圖層描述語言 WXML 和 WXSS,以及基于 JavaScript 的邏輯層框架,小程序自身提供的組件、接口和API,并在視圖層與邏輯層間提供了數據傳輸和事件,為用戶提供良好的操作體驗。
商品性價比高:直接向源頭的生產基地或工廠采購,既保證了產品質量,又降低了產品最終銷售價格。1.5 創新之處

1.用戶可以通過拼團享團購價。
2.對于傳統電商APP,本系統是在微信小程序中使用,讓用戶的使用更加方便快捷,實惠,高效。
3.運用到新的wxml(WeiXin Markup Language)、wxss(WeiXin Style Sheets)的小程序專屬開發語言。[2]

1.6 工作基礎及條件

需求基礎:了解微信小程序社區團購的流程;老師指導;圖書館或者網上查閱資料
知識條件:熟悉社區團購購物流程,微信小程序操作;熟悉微信小程序系統的開發流程
應用平臺:IOS、安卓
開發工具:微信開發者工具
開發語言: WXML(WeiXin Markup Language)、WXSS(WeiXin Style Sheets)、 基于 JavaScript 的邏輯層框架 

系統開發相關技術簡介本文闡述的系統重點在于小程序前端的設計與交互,主要是在微信開發者工具上進行開發。運用了小程序自身的開發框架,框架提供了自己的視圖層描述語言 WXML 和 WXSS,以及基于 JavaScript 的邏輯層框架,并在視圖層與邏輯層之間,邏輯層將數據進行處理,然后傳輸給視圖層,視圖層再將事件反饋給邏輯層??梢愿奖愕木劢褂跀祿c邏輯上。[7]

2.1 邏輯層(App Service)簡介

小程序開發框架的邏輯層由 JavaScript 編寫。邏輯層將數據進行處理后發送給視圖層,同時接受視圖層的事件反饋。
 App()和 Page() 方法,進行程序和頁面的注冊。App必須在app.js中注冊,并且不允許注冊多個。
Page用來注冊頁面,接受 object 參數,其指定頁面的生命周期函數、事件處理函數、初始數據等。
開發者寫的所有代碼最終將會打包成一份 JavaScript,并在小程序啟動的時候運行,直到小程序銷毀。

2.2 視圖層簡介

框架的視圖層由 WXML 與 WXSS 編寫,由組件來進行展示。將邏輯層的數據反應成視圖,同時將視圖層的事件發送給邏輯層。WXML(WeiXin Markup language) 用于描述頁面的結構。WXSS(WeiXin Style Sheet) 用于描述頁面的樣式。組件(Component)是視圖的基本組成單元。[8]

2.3 WXML簡介

WXML(WeiXin Markup Language)是框架設計的一套標簽語言,結合基礎組件、事件系統,可以構建出頁面的結構。WXML 充當的就是類似 HTML 的角色,具有數據綁定、列表渲染、條件渲染、模板、事件、引用等的功能。

2.4 WXSS簡介

WXSS(WeiXin Style Sheets)是一套樣式語言,用于描述 WXML 的組件樣式。WXSS 用來決定 WXML 的組件應該怎么顯示。為了適應廣大的前端開發者,WXSS 具有 CSS 大部分特性。同時為了更適合開發微信小程序,WXSS 對 CSS 進行了擴充以及修改。

2.5 微信小程序API庫

API(Application Programming Interface,應用程序編程接口)。通俗來講就是一種接口函數,封裝好了各種常用函數給每個開發者,然后開發者只需要調用函數即可。微信小程序利用API基本上可以實現數據存儲、微信支付、用戶信息獲取等功能。

 渲染層與邏輯層關系結構圖
圖2-1  渲染層與邏輯層關系結構圖
 
 
系統需求分析與概要設計

3.1 系統功能需求分析 

需求分析的過程是系統開發與設計的關鍵,整個系統要以需求分析為基礎,是極其重要的第一步。在這個階段,多方調查研究用戶的需求,從而確定系統的功能,并對系統的業務邏輯層進行建模。所以,需求分析是項目開發中必不可少的一環。社區團購微信小程序需要滿足兩類人的使用需求,一種是面向前端用戶使用的客戶端,用戶可以通過小程序進行瀏覽商品,能夠清晰的查看到商品的詳情,選擇客戶需求的商品進購物車下單。還可以通過拼團換取優惠券,方便實惠地完成商品購買,清晰的查看到商家的物流以及團長取貨地址,一切透明化,讓客戶更放心。另一種是商家可以在后臺注冊商品,增刪分類、增刪改查商品、查看管理訂單等,高效率的完成商品的管理。該系統所需功能如下:[9]
首頁banner輪播圖,為商家投放廣告,提高商品曝光。
商家商品按種類分類。
大圖展示全部商品列表,月銷量,讓用戶更清晰一目了然。
用戶能夠自助瀏覽商品下單,加入購物車。
用戶可添加姓名、電話、收貨地址信息,并選擇默認地址。
用戶可以查看購物車,增加或刪除商品。
用戶可以查看訂單。
用戶可以分享自己喜歡的商品給微信好友。
商家可以通過后臺注冊商店,增刪分類,增刪商品信息,下架商品,查看訂單。 
 系統流程圖模型
 
3.2 系統流程圖模型

 社區團購微信小程序前端流程圖如圖3-3所示:

  社區團購微信小程序前端流程圖
 
圖3-3  社區團購微信小程序前端流程圖
 

 社區團購后臺管理系統流程圖如圖3-4所示:

社區團購后臺管理系統流程圖
 
圖3-4  社區團購后臺管理系統流程圖
 
 
如沒特殊注明,文章均為方維網絡原創,轉載請注明來自http://www.manifestmojo.com/news/6436.html