微信小程序初探


做為碼農相信大家最近肯定都會聽到微信小程序,雖然現階段還沒有正式開放注冊,但大家可以還是可以開發測試。

到微信的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事件。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM