做為碼農相信大家最近肯定都會聽到微信小程序,雖然現階段還沒有正式開放注冊,但大家可以還是可以開發測試。
到微信的WIKI(http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN)上
進行獲取關於微信小程序的開發說明文檔,開發文檔還是比較詳細和簡單的,如果使用過如ReactJs,VueJs等框架的經驗會很容易上手的。
如何開發微信小程序,首先需要下載微信小程序開發工具。
1、打開開發工具,創建項目。(使用自己的微信進行掃描登錄。)
在添加項目時大家也許會注意到AppID這一項。因為微信還沒有開放注冊,
哪里去獲取AppID呢,其實微信這一次還是比較人性化的。點擊無AppID.
此處需要勾選(在當前目錄中創建quick start項目),當勾選了會在項目中生成
簡單的項目文件。
添加項目成功后。
項目目錄
文件說明:wxss(樣式文件),wxml(視圖文件),app.wxss(全局樣式文件),app.json(全局配置文件),
app.json:
pages節點包含小程序中的頁面,pages節點中的第一項為小程序默認頁。
windows節點可以配置navigationBar等樣式。
現在對默認生成的程序進行添加一個按鈕,並注冊一個tap事件。打開Index.wxml和index.js。
修改后要重新啟動才可以看到效果。
其他的操作(如include,import templete,數據綁定,判斷,循環等)大家自行探索吧,很簡單。
再添加一個調用API進行上傳照片,修改用戶圖片。
修改按鈕tap事件。