微信小程序項(xiàng)目總結(jié)《一》序言、準(zhǔn)備工作、項(xiàng)目構(gòu)架

序言:

微信之父張小龍說(shuō):“小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用。也體現(xiàn)了“用完即走”的理念,用戶(hù)不關(guān)心是否安裝太多應(yīng)用的問(wèn)題。應(yīng)用將無(wú)處不在,隨時(shí)隨地可用,但又無(wú)需安裝卸載?!?/p>

我個(gè)人覺(jué)得張小龍是一個(gè)十分有情懷的互聯(lián)網(wǎng)人士,2017年3月27日微信終于向個(gè)人開(kāi)發(fā)者提供開(kāi)發(fā)賬號(hào)和平臺(tái),對(duì)于計(jì)算機(jī)專(zhuān)業(yè)的我,也是在忍不住想體驗(yàn)一下這個(gè)未來(lái)將取代原生App的應(yīng)用(自己開(kāi)發(fā)一段時(shí)間后才慢慢發(fā)現(xiàn),未來(lái)不會(huì)大面積取代,而是兩者有機(jī)結(jié)合,準(zhǔn)確點(diǎn)說(shuō):小程序是一種介于原生app、和web app的hybrid);

于是在慕課網(wǎng)上學(xué)習(xí)小程序的開(kāi)發(fā),也跟著教程實(shí)戰(zhàn)開(kāi)發(fā)了一個(gè)“文章閱讀器和電影信息”的項(xiàng)目,并取名《回憶與電影》,這個(gè)小程序目前只是體驗(yàn)版,也并不希望能上線(xiàn),畢竟創(chuàng)意不是自己的,而是自己在學(xué)習(xí)過(guò)程中的認(rèn)識(shí)和理解,所以在博客中記錄從4月1日到4月10 日,這十天的開(kāi)發(fā)過(guò)程和心得。未來(lái)規(guī)劃在一個(gè)月之內(nèi)開(kāi)發(fā)一個(gè)自己創(chuàng)意的小程序上線(xiàn)玩玩。實(shí)戰(zhàn)項(xiàng)目就得有成果,在序言這塊先把效果圖放上來(lái):

第一章:準(zhǔn)備工作

一個(gè)軟件開(kāi)發(fā)項(xiàng)目的開(kāi)發(fā)第一步必然都是尋找平臺(tái),自然要尋找代碼編輯器(IDE),框架,代碼編寫(xiě)語(yǔ)言,配置環(huán)境變量等等。 小程序也不例外,AppID也就是微信開(kāi)發(fā)賬號(hào),網(wǎng)上也有很多關(guān)于此的申請(qǐng)步驟,再此不多贅述,其實(shí)把微信公共平臺(tái)(https://mp.weixin.qq.com/)中小程序這一欄里面的信息都填好后,跟著步驟一步步就可以完成。

接下來(lái)那就是IDE的下載,官方給的IDE就是“微信web開(kāi)發(fā)者工具”,和webstorm,pycharm都差不多(這里我個(gè)人真的很高興,我們中國(guó)終于有自己封裝的開(kāi)發(fā)工具,可能是我孤陋寡聞,在研究生學(xué)習(xí)階段中,用的編輯器都是國(guó)外的),雖然這個(gè)IDE名字很low,版本管理,還有使用情況的確值得改善,但是起碼有,而且用的是自己的框架封裝,作為中國(guó)人,真的很驕傲。(創(chuàng)建項(xiàng)目方法自行摸索)

慕課網(wǎng)上說(shuō):學(xué)習(xí)小程序,其實(shí)是在學(xué)習(xí)MINA框架。對(duì)的,MINA框架就像Jquery一樣為開(kāi)發(fā)提供了豐富的組件和API。(具體框架中的各種API,組件和方法都在微信開(kāi)發(fā)官方文檔中查詢(xún))

第二章:項(xiàng)目構(gòu)架

1、MINA和jquery不一樣,jquery是典型的操作DOM,獲取節(jié)點(diǎn)后實(shí)現(xiàn)js操作,而小程序從操作 DOM 轉(zhuǎn)為操作數(shù)據(jù),基于微信提供的一個(gè)過(guò)橋工具實(shí)現(xiàn)很多H5很難實(shí)現(xiàn)的功能,有點(diǎn)類(lèi)似于hybrid開(kāi)發(fā),不同于 hybrid開(kāi)發(fā)的方式是:微信開(kāi)放的接口更為嚴(yán)謹(jǐn),結(jié)構(gòu)必須采用他提供給我們的組件,外部的框架和插件都不能在這里使用上,讓開(kāi)發(fā)者完全脫離操作 DOM,開(kāi)發(fā)思想轉(zhuǎn)變很大。

2、小程序的實(shí)現(xiàn)機(jī)制

小程序的開(kāi)發(fā)是基于MINA框架進(jìn)行開(kāi)發(fā)的。微信通過(guò)封裝微信客戶(hù)端提供的文件系統(tǒng)、網(wǎng)絡(luò)通信、任務(wù)管理、數(shù)據(jù)安全等基礎(chǔ)功能,對(duì)上層提供了一套完整的Javascript Api,使得開(kāi)發(fā)者能夠非常方便的使用到微信客戶(hù)端提供的各種基礎(chǔ)功能,快速構(gòu)建一個(gè)應(yīng)用??蚣茉O(shè)計(jì)如下:

框架提供了自己的視圖層描述語(yǔ)言 WXML(類(lèi)似Html)和 WXSS(類(lèi)似CSS)基于 JavaScript 的邏輯層框架,并在視圖層與邏輯層之間通過(guò)單向數(shù)據(jù)綁定進(jìn)行數(shù)據(jù)傳輸,使開(kāi)發(fā)者更加聚焦于數(shù)據(jù)與邏輯上。

3、開(kāi)發(fā)此項(xiàng)目要有Html5和CSS3和javascript的基礎(chǔ)。

4、整個(gè)項(xiàng)目的項(xiàng)目骨架:


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,036評(píng)論 25 709
  • 微信小程序相關(guān)的文檔、教程、開(kāi)源項(xiàng)目等資源的整理,以便于開(kāi)發(fā)學(xué)習(xí)使用。 —— —— 收錄僅作個(gè)人學(xué)習(xí)使用,涉及侵權(quán)...
    Anyers閱讀 35,151評(píng)論 2 53
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評(píng)論 19 139
  • 11:23,2017年6月27 又不想去上班了,最終還是掙扎著洗了澡換了衣服,去了。日子終究還是要過(guò)。 服用米氮平...
    塤子閱讀 260評(píng)論 0 1
  • 片名:未知死亡 Ghajini 導(dǎo)演:A.R. Murugadoss 編劇:A·R·拉曼 主演:阿米爾·汗 / 緹...
    抽屜電影閱讀 493評(píng)論 1 0

友情鏈接更多精彩內(nèi)容