中山試播領(lǐng)樣平臺(tái)
濟(jì)寧火鋪找店
需求對(duì)接
原型設(shè)計(jì)
UI交互
開(kāi)發(fā)調(diào)試
全面測(cè)試
交付維護(hù)
火鋪找店小程序設(shè)計(jì)開(kāi)發(fā)淺談

濟(jì)寧小墨匠智能科技有限公司-軟件定制行業(yè)前行者。
一.項(xiàng)目總結(jié):
項(xiàng)目人員投入:產(chǎn)品經(jīng)理(對(duì)接需求、確認(rèn)需求、原型規(guī)劃、出原型圖)
設(shè)計(jì)師(設(shè)計(jì)交互、根據(jù)原型圖出高清設(shè)計(jì)圖)
后端工程師(數(shù)據(jù)庫(kù)設(shè)計(jì)、api接口開(kāi)發(fā)、后端管理系統(tǒng)開(kāi)發(fā))
前端工程師(小程序界面開(kāi)發(fā))
測(cè)試工程師(接口測(cè)試、流程測(cè)試、出測(cè)試用例)
預(yù)計(jì)開(kāi)發(fā)周期:三周
工具和框架: 產(chǎn)品經(jīng)理(xiaopiu產(chǎn)品原型設(shè)計(jì)與團(tuán)隊(duì)實(shí)時(shí)協(xié)作平臺(tái))
設(shè)計(jì)師(ps上傳設(shè)計(jì)圖共享平臺(tái)藍(lán)湖)
后端工程師(eladmin框架、公司服務(wù)器部署eoLinker接口文檔)
測(cè)試工程師 (bug管理平臺(tái) Tracup )
版本控制(git+碼云)
二.工具展示:
1.xiaopiu -原型圖設(shè)計(jì)平臺(tái)

2.藍(lán)湖 -設(shè)計(jì)圖共享平臺(tái)

3.eoLinker -接口管理平臺(tái)

4.Tracup -bug管理平臺(tái)

三.開(kāi)發(fā)流程
1.需求確定
了解到甲方現(xiàn)在的情況是,在本地有一家在營(yíng)的中介公司,但對(duì)人員、店鋪資源的管理、展示、推廣都是傳統(tǒng)的模式,極不方便。尤其是推廣,資料不能統(tǒng)一管理,不方便展示,大大降低了效率。
產(chǎn)品經(jīng)理基于以上對(duì)該產(chǎn)品的定位是,店鋪資源的管理、篩選、展示、及店鋪出租線下流程搬到線上來(lái),包括店鋪信息上傳、預(yù)約、vip服務(wù)等。
在溝通數(shù)次之后,概括功能為:
客戶及員工管理:用戶角色分為客戶和員工,員工有上傳管理店鋪的權(quán)限
vip服務(wù)及訂單管理:用戶可充值成為會(huì)員,會(huì)員有截止時(shí)間,可查看vip專屬信息
店鋪資源管理:店鋪篩選信息如區(qū)域、行業(yè)、費(fèi)用、配套設(shè)施等等
運(yùn)營(yíng)管理:首頁(yè)banner圖、熱詞區(qū)域、其他功能模塊一站式服務(wù)
用戶行為分析管理:用戶的瀏覽記錄、收藏記錄、預(yù)約記錄等,根據(jù)這些信息可簡(jiǎn)單 判斷用戶的購(gòu)買欲望。
2.原型設(shè)計(jì)、UI設(shè)計(jì)
根據(jù)用戶使用習(xí)慣和功能的提取,產(chǎn)品經(jīng)理將所有功能分成三大模塊,以底部tab的形式排列。
首頁(yè)頂部是banner圖,排放要推廣的店鋪或者廣告,功能列表放公司其他業(yè)務(wù)作為快速入口,底部是根據(jù)地理位置和用戶習(xí)慣推薦的商鋪列表。
預(yù)約記錄是客戶預(yù)約記錄,快速查看,快速聯(lián)系。
我的中包括個(gè)人信息、會(huì)員信息、店鋪的瀏覽收藏、員工操作


3.數(shù)據(jù)庫(kù)設(shè)計(jì)

為了方便客戶拓展業(yè)務(wù),專門建了一個(gè)地區(qū)表,存放了全國(guó)省市區(qū)名稱和編碼,可打開(kāi)關(guān)閉用來(lái)管理業(yè)務(wù)區(qū)域。店鋪篩選條件包括位置、面積、行業(yè)、租金、轉(zhuǎn)讓費(fèi)等,所有的篩選字段全部用字典的形式維護(hù),可彈性增刪,一勞永逸。

展示出來(lái)的篩選列表如下:
4.接口設(shè)計(jì)
接口設(shè)計(jì)基于Restful 設(shè)計(jì)規(guī)范,統(tǒng)一請(qǐng)求和返回格式。請(qǐng)求時(shí),獲取數(shù)據(jù)用form格式,比如banner列表、商鋪列表、預(yù)約列表、個(gè)人信息等。上傳數(shù)據(jù)用json格式,如上傳商鋪信息。返回?cái)?shù)據(jù)格式統(tǒng)一為
{
"errno":200,
"data":{json對(duì)象 }
"errmsg":"執(zhí)行成功"
}
或
{
"errno":200,
"data":[對(duì)象數(shù)組]
"errmsg":"執(zhí)行成功"
}
返回碼為200時(shí),為正確輸出,其他時(shí)候?yàn)殄e(cuò)誤碼。遍歷整個(gè)功能,需要處理的異常大致有:
a.請(qǐng)求值(空值、范圍、長(zhǎng)度、類型等)錯(cuò)誤,errno值在5000-6000之間定義。
b.權(quán)限不足(此項(xiàng)目有角色權(quán)限,如用戶不能有員工權(quán)限,普通用戶不能有vip會(huì)員權(quán)限)錯(cuò)誤,errno值在6000-7000之間定義。
c.余額不足
d.邏輯錯(cuò)誤 ,errrno值在7000-8000之間定義。
e.數(shù)據(jù)狀態(tài)(如商品狀態(tài)的限制、訂單狀態(tài)、數(shù)據(jù)上下假、邏輯刪除等)錯(cuò)誤,errno值在8000-9000之間定義。
5.測(cè)試重點(diǎn)
由于本項(xiàng)目側(cè)重于vip會(huì)員推廣,在測(cè)試的時(shí)候一定要測(cè)試好充值和會(huì)員權(quán)限。
字段比較多的是商鋪的錄入和詳情,在錄入的時(shí)候測(cè)試好空值提示、極端值輸入、輸入框的長(zhǎng)度、范圍、類型等錯(cuò)誤,顯示的時(shí)候測(cè)試好圖片的寬高比、文本的寬度和高度。篩選條件要結(jié)合幾個(gè)不同的條件去看篩選的數(shù)據(jù)是否正確,搜索的時(shí)候能否根據(jù)輸入關(guān)鍵字查詢出相應(yīng)的內(nèi)容。
到目前為止,bug平臺(tái)總結(jié)出來(lái)的bug來(lái)看,商鋪的上傳和詳情顯示是出錯(cuò)最多的地方,前端工程師一定要和后臺(tái)接口工程師溝通好,接口一定要限制好輸入值,考慮到各種情況的可能性,以防惡意輸入對(duì)數(shù)據(jù)造成損害。
四.成果展示
1.小程序端展示
有對(duì)公寓、商鋪、寫字樓等有需求的,可以掃碼根據(jù)自己的需求篩選。
2.后端管理系統(tǒng)展示
管理系統(tǒng)是整個(gè)項(xiàng)目的數(shù)據(jù)維護(hù)、統(tǒng)計(jì)查看的端口,從該項(xiàng)目中提取出
用戶模塊:角色管理、用戶管理、客戶管理
字典模塊:字典管理、行業(yè)管理、配套設(shè)施管理
vip模塊:vip商品管理、訂單管理
商鋪模塊:店鋪管理
用戶分析模塊:用戶足跡、用戶收藏、用戶預(yù)約、
運(yùn)營(yíng)模塊:熱詞設(shè)置、輪播圖設(shè)置
角色管理:超級(jí)管理員設(shè)定后臺(tái)用戶角色及權(quán)限;
用戶管理:新增后臺(tái)管理用戶,選定角色;
客戶管理:小程序端用戶,有員工和用戶兩種角色,可以自由切換身份;
字典管理:一些靈活可擴(kuò)展的基礎(chǔ)信息,可在字典表里進(jìn)行維護(hù);
行業(yè)管理:可對(duì)行業(yè)進(jìn)行多級(jí)管理;
配套設(shè)施:常用配套設(shè)施管理,供錄入商鋪信息的時(shí)候進(jìn)行多選;
vip商品管理:可以自定義增加vip的時(shí)長(zhǎng)、價(jià)格,購(gòu)買產(chǎn)品會(huì)員時(shí)長(zhǎng)自動(dòng)延時(shí);
訂單管理:查看用戶購(gòu)買會(huì)員訂單,對(duì)接掃唄支付,比小程序更低的手續(xù)費(fèi);
商鋪管理:條件篩選、詳情查看、數(shù)據(jù)修改、商鋪下架;
用戶足跡:只要用戶看過(guò),就會(huì)留下足跡;
用戶收藏:
用戶預(yù)約:
熱詞設(shè)置:首頁(yè)熱詞,快速定位商業(yè)圈;













————————————————
版權(quán)聲明:本文為CSDN博主「四角天空」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_26944753/article/details/111581407