火鋪找店小程序設計開發淺談

濟寧小墨匠智能科技有限公司-軟件定制行業前行者。

一．項目總結：

項目人員投入：產品經理（對接需求、確認需求、原型規劃、出原型圖）

  設計師（設計交互、根據原型圖出高清設計圖）

  后端工程師（數據庫設計、api接口開發、后端管理系統開發）

  前端工程師（小程序界面開發）

  測試工程師（接口測試、流程測試、出測試用例）

   預計開發周期：三周

   工具和框架： 產品經理（xiaopiu產品原型設計與團隊實時協作平臺）

設計師（ps上傳設計圖共享平臺藍湖）

后端工程師（eladmin框架、公司服務器部署eoLinker接口文檔）

測試工程師 （bug管理平臺 Tracup ）

版本控制（git+碼云）

二．工具展示：

1.xiaopiu -原型圖設計平臺

2.藍湖 -設計圖共享平臺

3.eoLinker -接口管理平臺

4.Tracup -bug管理平臺

三.開發流程

 1.需求確定

  了解到甲方現在的情況是，在本地有一家在營的中介公司，但對人員、店鋪資源的管理、展示、推廣都是傳統的模式，極不方便。尤其是推廣，資料不能統一管理，不方便展示，大大降低了效率。

產品經理基于以上對該產品的定位是，店鋪資源的管理、篩選、展示、及店鋪出租線下流程搬到線上來，包括店鋪信息上傳、預約、vip服務等。

在溝通數次之后，概括功能為：

客戶及員工管理：用戶角色分為客戶和員工，員工有上傳管理店鋪的權限

vip服務及訂單管理：用戶可充值成為會員，會員有截止時間，可查看vip專屬信息

店鋪資源管理：店鋪篩選信息如區域、行業、費用、配套設施等等

運營管理：首頁banner圖、熱詞區域、其他功能模塊一站式服務

用戶行為分析管理：用戶的瀏覽記錄、收藏記錄、預約記錄等，根據這些信息可簡單 判斷用戶的購買欲望。

2.原型設計、UI設計

根據用戶使用習慣和功能的提取，產品經理將所有功能分成三大模塊，以底部tab的形式排列。

首頁頂部是banner圖，排放要推廣的店鋪或者廣告，功能列表放公司其他業務作為快速入口，底部是根據地理位置和用戶習慣推薦的商鋪列表。

預約記錄是客戶預約記錄，快速查看，快速聯系。

我的中包括個人信息、會員信息、店鋪的瀏覽收藏、員工操作

3.數據庫設計

為了方便客戶拓展業務，專門建了一個地區表，存放了全國省市區名稱和編碼，可打開關閉用來管理業務區域。店鋪篩選條件包括位置、面積、行業、租金、轉讓費等，所有的篩選字段全部用字典的形式維護，可彈性增刪，一勞永逸。

展示出來的篩選列表如下：

4.接口設計

接口設計基于Restful 設計規范，統一請求和返回格式。請求時，獲取數據用form格式，比如banner列表、商鋪列表、預約列表、個人信息等。上傳數據用json格式，如上傳商鋪信息。返回數據格式統一為

{

    "errno":200,

    "data":{json對象 }

    "errmsg":"執行成功"

}

或

 {

    "errno":200,

    "data":[對象數組]

    "errmsg":"執行成功"

}

返回碼為200時，為正確輸出，其他時候為錯誤碼。遍歷整個功能，需要處理的異常大致有：

a.請求值（空值、范圍、長度、類型等）錯誤，errno值在5000-6000之間定義。

b.權限不足（此項目有角色權限，如用戶不能有員工權限，普通用戶不能有vip會員權限）錯誤，errno值在6000-7000之間定義。

c.余額不足 

d.邏輯錯誤 ，errrno值在7000-8000之間定義。

e.數據狀態（如商品狀態的限制、訂單狀態、數據上下假、邏輯刪除等）錯誤，errno值在8000-9000之間定義。

5.測試重點

由于本項目側重于vip會員推廣，在測試的時候一定要測試好充值和會員權限。

字段比較多的是商鋪的錄入和詳情，在錄入的時候測試好空值提示、極端值輸入、輸入框的長度、范圍、類型等錯誤，顯示的時候測試好圖片的寬高比、文本的寬度和高度。篩選條件要結合幾個不同的條件去看篩選的數據是否正確，搜索的時候能否根據輸入關鍵字查詢出相應的內容。

到目前為止，bug平臺總結出來的bug來看，商鋪的上傳和詳情顯示是出錯最多的地方，前端工程師一定要和后臺接口工程師溝通好，接口一定要限制好輸入值，考慮到各種情況的可能性，以防惡意輸入對數據造成損害。

四.成果展示

1.小程序端展示

有對公寓、商鋪、寫字樓等有需求的，可以掃碼根據自己的需求篩選。

2.后端管理系統展示

  管理系統是整個項目的數據維護、統計查看的端口，從該項目中提取出

用戶模塊：角色管理、用戶管理、客戶管理

字典模塊：字典管理、行業管理、配套設施管理

vip模塊：vip商品管理、訂單管理

商鋪模塊：店鋪管理

用戶分析模塊：用戶足跡、用戶收藏、用戶預約、

運營模塊：熱詞設置、輪播圖設置

角色管理：超級管理員設定后臺用戶角色及權限；

用戶管理：新增后臺管理用戶，選定角色；

客戶管理：小程序端用戶，有員工和用戶兩種角色，可以自由切換身份；

字典管理：一些靈活可擴展的基礎信息，可在字典表里進行維護；

行業管理：可對行業進行多級管理；

配套設施：常用配套設施管理，供錄入商鋪信息的時候進行多選；

vip商品管理：可以自定義增加vip的時長、價格，購買產品會員時長自動延時；

訂單管理：查看用戶購買會員訂單，對接掃唄支付，比小程序更低的手續費；

商鋪管理：條件篩選、詳情查看、數據修改、商鋪下架；

用戶足跡：只要用戶看過，就會留下足跡；

用戶收藏：

用戶預約：

熱詞設置：首頁熱詞，快速定位商業圈；

————————————————

版權聲明：本文為CSDN博主「四角天空」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。

原文鏈接：https://blog.csdn.net/qq_26944753/article/details/111581407