搭建小程序

前面了解了小程序開發(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í)笆磬汀);


3942行樣式

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ā)者工具 > 小程序 > 新建小程序


點(diǎn)擊空白塊新建

編輯項(xiàng)目
  • 項(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ì)近她。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市膳帕,隨后出現(xiàn)的幾起案子粘捎,更是在濱河造成了極大的恐慌,老刑警劉巖危彩,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件攒磨,死亡現(xiàn)場離奇詭異,居然都是意外死亡恬砂,警方通過查閱死者的電腦和手機(jī)咧纠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進(jìn)店門蓬痒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來泻骤,“玉大人晤柄,你說我怎么就攤上這事厌衔」吕铮” “怎么了拴疤?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵庇谆,是天一觀的道長醇坝。 經(jīng)常有香客問我氢伟,道長酷宵,這世上最難降的妖魔是什么惦蚊? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任器虾,我火速辦了婚禮讯嫂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘兆沙。我一直安慰自己欧芽,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布葛圃。 她就那樣靜靜地躺著千扔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪库正。 梳的紋絲不亂的頭發(fā)上曲楚,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機(jī)與錄音褥符,去河邊找鬼龙誊。 笑死,一個(gè)胖子當(dāng)著我的面吹牛属瓣,可吹牛的內(nèi)容都是我干的载迄。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼抡蛙,長吁一口氣:“原來是場噩夢啊……” “哼护昧!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起粗截,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤惋耙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后熊昌,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绽榛,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年婿屹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了灭美。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,716評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡昂利,死狀恐怖届腐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蜂奸,我是刑警寧澤犁苏,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站扩所,受9級特大地震影響围详,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜祖屏,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一助赞、第九天 我趴在偏房一處隱蔽的房頂上張望买羞。 院中可真熱鬧,春花似錦雹食、人聲如沸哩都。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽漠嵌。三九已至,卻和暖如春盖呼,著一層夾襖步出監(jiān)牢的瞬間儒鹿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工几晤, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留约炎,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓蟹瘾,卻偏偏與公主長得像圾浅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子憾朴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評論 2 350