【程序源代碼】微信商城-前端開發(fā)最佳實踐

       1、概述

      微信商城類小程序基礎框架分類幾大塊，設計前要先考慮清楚

      從軟件設計的角色考慮，一般商城類小程序項目應該是具有一定手機展示能力和后端服務能力的一套完整的、合理的銷售、支付型軟件工程。它一般都會包括兩個主要的部分：小程序（前端）+服務端（后端）。另外在前后端中間有必要的業(yè)務數(shù)據(jù)服務單元（服務接口），主要用于數(shù)據(jù)傳輸、業(yè)務服務響應等。用一句話說：小程序、服務端、接口、數(shù)據(jù)庫存儲；

      這里補充說明下：目前一些小程序是基礎微信云開發(fā)框架開發(fā)的，這塊的服務端就是云開發(fā)平臺提供的服務函數(shù)或者服務。但實際上也是服務端的一種形式。只是不需要開發(fā)人員獨立再考慮開發(fā)后端了。

02

—

       從前端功能的角度說一說：前端功能主要有哪些。

      微信商城類小程序基礎功能都有哪些，在開發(fā)前一定要有概念。小程序功能模塊主要包括：移動端商品瀏覽展示、用戶注冊和登錄，移動端購物車管理、個人訂單信息查詢和管理、以及一些其它功能如：優(yōu)惠券、商品評價、用戶等級維護。其它商城類的小程序基本功能都差不多。實際開發(fā)中可以找到許多可以參考的實例：淘寶、京東。

       2、1 首頁

    客戶打開系統(tǒng)主頁后，可以在主頁進行商品信息的瀏覽或著商品分類信息的瀏覽及商品搜索。在公司推出新產(chǎn)品或者做活動時，及時把商品設計到的信息發(fā)布在資訊欄中，以便用戶第一時間了解到商品。在商品搜索時可以以圖識圖進行查找

       2、2 我的

      若是第一次使用可以使用微信登錄的功能進行登錄，登錄完成后就可以進行購買操作。

       2、3  購物車

        用戶可一次購買多件商品，在瀏覽時加入購物車，然后進入購物車模塊即可進行購物車的管理。在購物車模塊中，用戶可以查看購物車商品、刪除商品、修改商品數(shù)量、購物車結算等操作。群人購買，會進入購買頁面。

        2、4個人訂單管理

       注冊用戶確認購買商品后，可以生成此次購物的訂單，隨后用戶可以登錄系統(tǒng)查看訂單信息的管理，其功能包括：查看訂單詳細信息、查看歷史訂單信息、查看訂單狀態(tài)，申請取消訂單，對訂單進行確認收貨。交易成功后可以對于購買的商品進行評價，再次評價或刪除評價登操作。

        2、5 用戶信息維護

      登錄用戶可以完善個人資料、查看個人注冊信息、修改個人信息等操作。

03

—

       主要的功能截圖和原型圖。如下參考

      一、首頁

      二、商品分類

      三、優(yōu)惠券

04

—