預(yù)約小程序開發(fā)筆記一:背景與技術(shù)方案的選型

一 業(yè)務(wù)背景介紹

?很多企業(yè)的業(yè)務(wù)都需要通過服務(wù)預(yù)約來完成藻丢,比如酒店馍佑、美容问慎、家政等等。

但很多商家因缺少合適的服務(wù)預(yù)訂工具挤茄,而不知道如何讓客戶盡快預(yù)約如叼。

這種情況下,制作一個(gè)自己的預(yù)約小程序穷劈,客戶只需要掃碼或者在微信里搜索你的小程序名字笼恰,就能通過小程序來快速預(yù)約服務(wù)。


二? 前端技術(shù)方案選型


原生:對(duì)性能特別苛刻 or 追求穩(wěn)定 or 要用最新功能翎碑,請(qǐng)記住任何時(shí)刻原生都是最穩(wěn)定性能最好的選擇D鹫āA蹬摹R该睢!

KBone:kbone 是一個(gè)致力于微信小程序和 Web 端同構(gòu)的解決方案唁桩,微信小程序的底層模型和 Web 端不同捏肢,我們想直接把 Web 端的代碼挪到小程序環(huán)境內(nèi)執(zhí)行是不可能的一睁。kbone 的誕生就是為了解決這個(gè)問題育八,它實(shí)現(xiàn)了一個(gè)適配器儒喊,在適配層里模擬出了瀏覽器環(huán)境,讓 Web 端的代碼可以不做什么改動(dòng)便可運(yùn)行在小程序里渴频。

MPVue:是美團(tuán)點(diǎn)評(píng)開源的一個(gè)使用 Vue.js 開發(fā)小程序的前端框架逛万∏好浚框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn),使其可以運(yùn)行在小程序環(huán)境中,從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗(yàn)。

WePY:騰訊團(tuán)隊(duì)開源的一款類vue語法規(guī)范的小程序框架,借鑒了Vue的語法風(fēng)格和功能特性,支持了Vue的諸多特征妄呕,比如父子組件舅巷、組件之間的通信羔味、computed屬性計(jì)算、wathcer監(jiān)聽器钠右、props傳值赋元、slot槽分發(fā),還有很多高級(jí)的特征支持:Mixin混合飒房、攔截器等;

Taro:京東凹凸實(shí)驗(yàn)室開源的一款使用 React.js 開發(fā)微信小程序的前端框架搁凸。它采用與 React 一致的組件化思想,組件生命周期與 React 保持一致狠毯,同時(shí)支持使用 JSX 語法护糖,讓代碼具有更豐富的表現(xiàn)力,使用?Taro?進(jìn)行開發(fā)可以獲得和 React 一致的開發(fā)體驗(yàn)嚼松。,同時(shí)因?yàn)槭褂昧藃eact的原因所以除了能編譯h5, 小程序外還可以編譯為ReactNative;

Uni-app:使用 Vue.js 開發(fā)小程序嫡良、H5、App的統(tǒng)一前端框架惜颇。開發(fā)者使用 Vue 語法編寫代碼皆刺,uni-app 框架將其編譯到 小程序(微信/支付寶/百度/字節(jié)跳動(dòng)/QQ/釘釘)、App(iOS/Android)凌摄、H5等多個(gè)平臺(tái)羡蛾,保證其正確運(yùn)行并達(dá)到優(yōu)秀體驗(yàn)。

Chameleon:滴滴跨端解決方案锨亏。不是很了解痴怨,歡迎大家補(bǔ)充

選擇結(jié)論:預(yù)約小程序功能點(diǎn)不多(前臺(tái)大概20個(gè)左右功能點(diǎn)忙干,后臺(tái)大概50個(gè)功能點(diǎn)),沒有復(fù)雜的業(yè)務(wù)關(guān)系浪藻,且沒有跨端的需求捐迫,要求是簡單高效,這里的簡單高效既是開發(fā)的簡單高效爱葵,也是管理發(fā)布的簡單高效施戴,

所以選擇了原生框架作為前端方案,當(dāng)然萌丈,小程序在非吃藁快速的更新迭代,就算是原生框架也還是有一些坑的辆雾。


三? 前端UI技術(shù)方案選型

原生:基于WXML肪笋,WXSS,組件度迂,模板構(gòu)建藤乙,基本也就是寫view的彈性布局啦!2涯埂坛梁!

WeUI:騰訊官方UI組件庫WeUI的小程序版,提供了跟微信界面風(fēng)格一致的用戶體驗(yàn)诅妹,感覺比較死板罚勾,中庸毅人,沒有視覺沖擊力

ColorUI:一個(gè)Css類的UI組件庫吭狡!不是一個(gè)Js框架。相比于同類小程序組件庫丈莺,ColorUI更注重于視覺交互划煮!其組件在美觀性方面比較突出。

iView WeApp:? TalkingData發(fā)布的一款高質(zhì)量的基于Vue.js組件庫缔俄,而iView weapp則是它們的小程序版本

ZanUI WeApp:是有贊移動(dòng) Web UI 規(guī)范ZanUI的小程序?qū)崿F(xiàn)版本弛秋,結(jié)合了微信的視覺規(guī)范,為用戶提供更加統(tǒng)一的使用感受

MinUI:蘑菇街前端開發(fā)團(tuán)隊(duì)開發(fā)的基于微信小程序自定義組件特性開發(fā)而成的一套簡潔俐载、易用蟹略、高效的組件庫,適用場景廣遏佣,覆蓋小程序原生框架挖炬,各種小程序組件主流框架等,并且提供了專門的命令行工具状婶。

選擇結(jié)論:WeUI過于平庸意敛,和微信原生組件差不多馅巷,而iView,ZanUI, MinUI學(xué)習(xí)曲線較高草姻,所以選擇了原生+ColorUI作為UI框架



四 后端框架技術(shù)方案選型

ThinkPHP(PHP):國人最引以為自豪的PHP框架钓猬,大概從200X年就開始流行,繁衍了N個(gè)版本撩独,因?yàn)槠渥陨戆说讓蛹軜?gòu)敞曹、兼容處理、基類庫综膀、數(shù)據(jù)庫訪問層异雁、模板引擎、緩存機(jī)制僧须、插件機(jī)制纲刀、角色認(rèn)證、表單處理等常用的組件担平,并且對(duì)于跨版本示绊、跨平臺(tái)和跨數(shù)據(jù)庫移植都比較方便。

Laravel(PHP): 號(hào)稱宇宙中最簡潔暂论、最優(yōu)雅的PHP Web開發(fā)框架面褐。它可以讓你從面條一樣雜亂的代碼中解脫出來;它可以幫你構(gòu)建一個(gè)完美的網(wǎng)絡(luò)APP取胎,而且每行代碼都可以簡潔展哭、富于表達(dá)力。

.NET Core WebAPI:微軟為了通吃Linux/Win平臺(tái)的得意之作闻蛀,長期以來C#+SQLServer組合只活躍于企業(yè)級(jí)應(yīng)用匪傍,或者古董應(yīng)用中,無法飛入尋常百姓家(程序員家)觉痛,為此推出了了.NET Core, 目標(biāo)是跨平臺(tái)

Java SpringBoot:設(shè)計(jì)目的是用來簡化新Spring應(yīng)用的初始搭建以及開發(fā)過程役衡。該框架使用了特定的方式來進(jìn)行配置,從而使開發(fā)人員不再需要定義樣板化的配置

小程序云開發(fā):云開發(fā)為開發(fā)者提供完整的原生云端支持和微信服務(wù)支持薪棒,弱化后端和運(yùn)維概念手蝎,無需搭建服務(wù)器,使用平臺(tái)提供的 API 進(jìn)行核心業(yè)務(wù)開發(fā)俐芯,即可實(shí)現(xiàn)快速上線和迭代棵介,同時(shí)這一能力,同開發(fā)者已經(jīng)使用的云服務(wù)相互兼容吧史,并不互斥邮辽。

選擇結(jié)論:小程序云開發(fā)可以提供前后端的免鑒權(quán)用戶身份獲取,同時(shí)可以直接提供云函數(shù)調(diào)用,也提供了IO存儲(chǔ)空間逆巍,Json數(shù)據(jù)庫及塘,同時(shí)還可以和公眾號(hào)數(shù)據(jù)互通,且避免繁瑣的認(rèn)證授權(quán)锐极,所以Selected IT

五? 數(shù)據(jù)庫方案選型

MySQL:移動(dòng)互聯(lián)網(wǎng)創(chuàng)業(yè)大軍的首選笙僚,免費(fèi),高效灵再,適中

PostgreSQL:是一種特性非常齊全的自由軟件的對(duì)象-關(guān)系型數(shù)據(jù)庫管理系統(tǒng)(ORDBMS)肋层,是以加州大學(xué)計(jì)算機(jī)系開發(fā)的POSTGRES,4.2版本為基礎(chǔ)的對(duì)象關(guān)系型數(shù)據(jù)庫管理系統(tǒng)翎迁。

小程序Json數(shù)據(jù)庫:與小程序云開發(fā)緊密結(jié)合栋猖,而且基礎(chǔ)版是免費(fèi)的,當(dāng)然選擇她巴衾啤F牙!痴腌!

六 綜合結(jié)論

小程序原生+ColorUI+云函數(shù)+云開發(fā)+Json數(shù)據(jù)庫


不管選用那種框架雌团,對(duì)微信小程序的基礎(chǔ)知識(shí),基礎(chǔ)概念還是要花時(shí)間去學(xué)習(xí)的(看官方文檔或者微信小程序全面實(shí)戰(zhàn)士聪,架構(gòu)設(shè)計(jì) && 躲坑攻略)锦援,因?yàn)楹芏鄦栴},采用原生的去解決更好剥悟,組件也是灵寺。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市区岗,隨后出現(xiàn)的幾起案子略板,更是在濱河造成了極大的恐慌,老刑警劉巖躏尉,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蚯根,死亡現(xiàn)場離奇詭異后众,居然都是意外死亡胀糜,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門蒂誉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來教藻,“玉大人,你說我怎么就攤上這事右锨±ǖ蹋” “怎么了?”我有些...
    開封第一講書人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長悄窃。 經(jīng)常有香客問我讥电,道長,這世上最難降的妖魔是什么轧抗? 我笑而不...
    開封第一講書人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任恩敌,我火速辦了婚禮,結(jié)果婚禮上横媚,老公的妹妹穿的比我還像新娘纠炮。我一直安慰自己,他們只是感情好灯蝴,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開白布恢口。 她就那樣靜靜地躺著,像睡著了一般穷躁。 火紅的嫁衣襯著肌膚如雪耕肩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,441評(píng)論 1 310
  • 那天问潭,我揣著相機(jī)與錄音看疗,去河邊找鬼。 笑死睦授,一個(gè)胖子當(dāng)著我的面吹牛两芳,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播去枷,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼怖辆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了删顶?” 一聲冷哼從身側(cè)響起竖螃,我...
    開封第一講書人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎逗余,沒想到半個(gè)月后特咆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡录粱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年腻格,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片啥繁。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡菜职,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出旗闽,到底是詐尸還是另有隱情酬核,我是刑警寧澤蜜另,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站嫡意,受9級(jí)特大地震影響举瑰,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蔬螟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一嘶居、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧促煮,春花似錦邮屁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至绳匀,卻和暖如春芋忿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背疾棵。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來泰國打工戈钢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人是尔。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓殉了,卻偏偏與公主長得像,于是被迫代替她去往敵國和親拟枚。 傳聞我的和親對(duì)象是個(gè)殘疾皇子薪铜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容