前面了解了小程序開發(fā)的準(zhǔn)備工作,提一點(diǎn)崎坊,如果有vue語法的基礎(chǔ)對于閱讀小程序而言會(huì)更加容易上手备禀。我是因?yàn)橹白詫W(xué)過一段時(shí)間vue,使用vue在本機(jī)做過一些項(xiàng)目奈揍,所以當(dāng)看到小程序的“helloworld”(習(xí)慣性稱為helloworld)曲尸,還算是比較熟悉的。
選型
只簡單描述
UI:ColorUI + Vant Webapp
ColorUI是純樣式引用男翰,它會(huì)提供公共的wxss樣式包供你引用另患,在熟悉它的情況下使用class屬性便可以達(dá)到想要的樣式效果,它也有它的官方演示小程序蛾绎,可以在開發(fā)者工具中進(jìn)行打開昆箕,來做代碼拷貝(我一般都是拷貝鸦列,有部分會(huì)根據(jù)自身的需求進(jìn)行調(diào)整,畢竟UI我真的很為難鹏倘,前端的css方面看來要認(rèn)真的學(xué)習(xí)笆磬汀);
Vant Webapp它屬于組件形式的引用纤泵,它里面提供了一些便捷的動(dòng)態(tài)操作骆姐,類似于左滑選項(xiàng);
后臺(tái):springboot
使用springboot是因?yàn)樽罱ぷ鞫际情_始漸漸使用springboot夕吻,自己私下可以作為個(gè)人項(xiàng)目來進(jìn)行知識(shí)鞏固诲锹;后臺(tái)作為商品管理系統(tǒng),用作商品發(fā)布涉馅、活動(dòng)管理归园、素材管理等操作;其實(shí)后臺(tái)管理程序已經(jīng)做了一版了稚矿,開始做小程序的時(shí)候庸诱,發(fā)現(xiàn)后臺(tái)增刪改查的東西都欠缺了好多,包括表結(jié)構(gòu)的設(shè)計(jì)晤揣。后來心想干脆先完全做小程序桥爽,接口給個(gè)公共調(diào)用方法,數(shù)據(jù)全部mock昧识,settimeout模擬請求加載钠四,這樣,當(dāng)我小程序開發(fā)完了跪楞,在去想我需要后臺(tái)給我提供哪些數(shù)據(jù)和操作缀去。當(dāng)然,現(xiàn)在騰訊小程序開發(fā)提供了有云開發(fā)可以作為后臺(tái)甸祭,但是考慮到維護(hù)便捷性(圖片的上傳還需要手動(dòng)入庫缕碎,來供接口讀取)池户,另外云服務(wù)的資源流量收費(fèi)咏雌,相比較下來當(dāng)初優(yōu)惠下來買的騰訊云就劃算很多。
云服務(wù):騰訊云
阿里云和騰訊云都用過校焦,本著窮逼原則赊抖,哪里便宜買哪里,當(dāng)時(shí)阿里云的剛剛到期寨典,發(fā)現(xiàn)騰訊云正在做活動(dòng)熏迹,果斷買它。
文件存儲(chǔ):騰訊云對象存儲(chǔ)
主要用于商城里的素材存儲(chǔ)凝赛,例如視頻圖片注暗,當(dāng)然坛缕,這個(gè)后面開發(fā)后臺(tái)管理的時(shí)候才會(huì)開始用到,前期的mock數(shù)據(jù)都用url(網(wǎng)上隨便找些對應(yīng)規(guī)格的圖片)
新建工程
打開微信開發(fā)者工具 > 小程序 > 新建小程序
- 項(xiàng)目名稱:項(xiàng)目名
- 目錄:你的項(xiàng)目將保存在本地哪個(gè)位置
- AppID:上一篇說道的申請的小程序開發(fā)AppID捆昏,進(jìn)入微信公眾平臺(tái)可查看
- 開發(fā)模式:小程序/插件赚楚,插件類似于遠(yuǎn)程組件,插拔式的調(diào)用骗卜,類似于商城會(huì)用到的地圖選點(diǎn)插件
- 后端服務(wù):選擇是否使用云開發(fā)宠页,我這里選擇的是不使用;若選擇使用寇仓,則可使用云開發(fā)中的云函數(shù)举户、數(shù)據(jù)庫、對象存儲(chǔ)等遍烦;
項(xiàng)目結(jié)構(gòu)
其實(shí)這個(gè)東西在微信公眾平臺(tái)中已經(jīng)有了詳細(xì)的說明俭嘁,可以前往查看。
項(xiàng)目搭建了服猪,但是肯定不能夠直接進(jìn)行開發(fā)供填,畢竟沒有需求的開發(fā)工作只能讓自己煩不勝煩、越往后工作量幾何倍的增長罢猪。
下次說明自身的需求以及前端(小程序)對于UI模塊及功能的設(shè)計(jì)近她。