微信小程序項目總結《一》序言、準備工作、項目構架
|
作者：Tong_T，來自授權地址 序言：微信之父張小龍說：“小程序是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念，用戶不關心是否安裝太多應用的問題。應用將無處不在，隨時隨地可用，但又無需安裝卸載。” 我個人覺得張小龍是一個十分有情懷的互聯網人士，2017年3月27日微信終于向個人開發(fā)者提供開發(fā)賬號和平臺，對于計算機專業(yè)的我，也是在忍不住想體驗一下這個未來將取代原生App的應用（自己開發(fā)一段時間后才慢慢發(fā)現，未來不會大面積取代，而是兩者有機結合，準確點說：小程序是一種介于原生app、和web app的hybrid）； 于是在慕課網上學習小程序的開發(fā)，也跟著教程實戰(zhàn)開發(fā)了一個“文章閱讀器和電影信息”的項目，并取名《回憶與電影》，這個小程序目前只是體驗版，也并不希望能上線，畢竟創(chuàng)意不是自己的，而是自己在學習過程中的認識和理解，所以在博客中記錄從4月1日到4月10 日，這十天的開發(fā)過程和心得。未來規(guī)劃在一個月之內開發(fā)一個自己創(chuàng)意的小程序上線玩玩。實戰(zhàn)項目就得有成果，在序言這塊先把效果圖放上來：
第一章：準備工作一個軟件開發(fā)項目的開發(fā)第一步必然都是尋找平臺，自然要尋找代碼編輯器（IDE），框架，代碼編寫語言，配置環(huán)境變量等等。 小程序也不例外，AppID也就是微信開發(fā)賬號，網上也有很多關于此的申請步驟，再此不多贅述，其實把微信公共平臺（https://mp.weixin.qq.com/）中小程序這一欄里面的信息都填好后，跟著步驟一步步就可以完成。 接下來那就是IDE的下載，官方給的IDE就是“微信web開發(fā)者工具”，和webstorm，pycharm都差不多（這里我個人真的很高興，我們中國終于有自己封裝的開發(fā)工具，可能是我孤陋寡聞，在研究生學習階段中，用的編輯器都是國外的），雖然這個IDE名字很low，版本管理，還有使用情況的確值得改善，但是起碼有，而且用的是自己的框架封裝，作為中國人，真的很驕傲。（創(chuàng)建項目方法自行摸索） 慕課網上說：學習小程序，其實是在學習MINA框架。對的，MINA框架就像Jquery一樣為開發(fā)提供了豐富的組件和API。（具體框架中的各種API，組件和方法都在微信開發(fā)官方文檔中查詢） 第二章：項目構架1、MINA和jquery不一樣，jquery是典型的操作DOM，獲取節(jié)點后實現js操作，而小程序從操作 DOM 轉為操作數據，基于微信提供的一個過橋工具實現很多H5很難實現的功能，有點類似于hybrid開發(fā)，不同于 hybrid開發(fā)的方式是：微信開放的接口更為嚴謹，結構必須采用他提供給我們的組件，外部的框架和插件都不能在這里使用上，讓開發(fā)者完全脫離操作 DOM，開發(fā)思想轉變很大。 2、小程序的實現機制 小程序的開發(fā)是基于MINA框架進行開發(fā)的。微信通過封裝微信客戶端提供的文件系統(tǒng)、網絡通信、任務管理、數據安全等基礎功能，對上層提供了一套完整的Javascript Api，使得開發(fā)者能夠非常方便的使用到微信客戶端提供的各種基礎功能，快速構建一個應用。框架設計如下：
框架提供了自己的視圖層描述語言 WXML（類似Html）和 WXSS（類似CSS）基于 JavaScript 的邏輯層框架，并在視圖層與邏輯層之間通過單向數據綁定進行數據傳輸，使開發(fā)者更加聚焦于數據與邏輯上。 3、開發(fā)此項目要有Html5和CSS3和javascript的基礎。 4、整個項目的項目骨架：
慕課網視頻可以通過參與這個活動獲得：最新免費視頻分享活動 |
