微信小程序項(xiàng)目總結(jié)《一》序言、準(zhǔn)備工作、項(xiàng)目構(gòu)架
|
作者：Tong_T，來(lái)自授權(quán)地址 序言：微信之父張小龍說(shuō)：“小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或者搜一下即可打開(kāi)應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不關(guān)心是否安裝太多應(yīng)用的問(wèn)題。應(yīng)用將無(wú)處不在，隨時(shí)隨地可用，但又無(wú)需安裝卸載。” 我個(gè)人覺(jué)得張小龍是一個(gè)十分有情懷的互聯(lián)網(wǎng)人士，2017年3月27日微信終于向個(gè)人開(kāi)發(fā)者提供開(kāi)發(fā)賬號(hào)和平臺(tái)，對(duì)于計(jì)算機(jī)專業(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)版，也并不希望能上線，畢竟創(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)意的小程序上線玩玩。實(shí)戰(zhàn)項(xiàng)目就得有成果，在序言這塊先把效果圖放上來(lái)：
第一章：準(zhǔn)備工作一個(gè)軟件開(kāi)發(fā)項(xiàng)目的開(kāi)發(fā)第一步必然都是尋找平臺(tái)，自然要尋找代碼編輯器（IDE），框架，代碼編寫語(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ā)官方文檔中查詢） 第二章：項(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)類似于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ò)封裝微信客戶端提供的文件系統(tǒng)、網(wǎng)絡(luò)通信、任務(wù)管理、數(shù)據(jù)安全等基礎(chǔ)功能，對(duì)上層提供了一套完整的Javascript Api，使得開(kāi)發(fā)者能夠非常方便的使用到微信客戶端提供的各種基礎(chǔ)功能，快速構(gòu)建一個(gè)應(yīng)用?？蚣茉O(shè)計(jì)如下：
框架提供了自己的視圖層描述語(yǔ)言 WXML（類似Html）和 WXSS（類似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)目骨架：
慕課網(wǎng)視頻可以通過(guò)參與這個(gè)活動(dòng)獲得：最新免費(fèi)視頻分享活動(dòng) |
