微信小程序初探

作爲碼農相信你們最近確定都會聽到微信小程序,雖然現階段尚未正式開放註冊，但你們能夠仍是能夠開發測試。

到微信的WIKI（http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN）上

進行獲取關於微信小程序的開發說明文檔，開發文檔仍是比較詳細和簡單的，若是使用過如ReactJs，VueJs等框架的經驗會很容易上手的。

如何開發微信小程序，首先須要下載微信小程序開發工具。

一、打開開發工具，建立項目。（使用本身的微信進行掃描登陸。）

在添加項目時你們也許會注意到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事件。