最近在公司實習,經理要求做一個微信小程序,晚上閑時來寫一下。

  微信小程序問世沒多久,但毋庸置疑的是在不久的將來,它可以替代掉很多的APP。個人認為它的優(yōu)勢在于占用資源少,可以做到即用即走,對于一些使用頻率不是很高的APP來說,使用相應的小程序會方便很多。

  要進行微信小程序的開發(fā):

  1.首先得注冊一個開發(fā)者的賬號,可以到微信公眾平臺進行注冊,選擇注冊的賬號類型為小程序,進行相應的注冊后即可進行以后的操作

  2.下載微信Web開發(fā)者工具,進行相應的安裝,具體的安裝過程在這兒就不詳細說了

  打開微信Web開發(fā)者工具,可以用手機掃描二維碼進行登錄

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  登錄后有以下兩種選項,在這兒我選擇本地小程序項目

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  可以添加項目,也可以打開以前的項目,在這兒我添加一個項目

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  AppID的話可以填寫,也可以不填寫,但不填寫部分功能可能會受到限制,項目目錄可以選擇一個已有的項目,如果沒有,可以新建一個空的目錄,如果是空的目錄,會出現“在當前目錄中創(chuàng)建 quick start 項目”這一句話,會默認創(chuàng)建quick start項目,然后添加項目。

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  這就是開發(fā)工具的整體布局

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  下面來講一講小程序的結構,每個小程序包含pages、app.js、app.json、app.wxss。

  pages中包含若干個page,一個page代表一個頁面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss類似于html和css,分別為頁面結構文件和樣式表文件,*.js為腳本文件,*.json為配置文件。當然這四個文件中只有*.js文件和*.xml文件是必須的,其它兩個可有可無。

  app.js為小程序的入口,是小程序的腳本代碼,可以監(jiān)聽并處理小程序的生命周期函數,以及聲明全局變量等。

  app.json為小程序的全局配置文件,可以配置小程序是由哪些頁面組成,窗口背景色,導航欄樣式等等,每個頁面都要在app.json的pages中注冊,例如在這兒有兩個頁面,一個是index,另外一個是logs,注冊信息如下

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  app.wxss是小程序的公共樣式表,為小程序定義相應的樣式。

  小程序的框架的核心是一個數據綁定系統(tǒng),分為視圖層和邏輯層,即將數據層和邏輯層進行綁定,只在邏輯層修改數據,視圖層便會進行相應的更新。

  要學習微信小程序,開發(fā)文檔必不可少,在簡易教程中,我們可以進行相應組件和API的學習,小程序封裝了許多API,也為開發(fā)帶來了許多便利。

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

 

 http://www.cnblogs.com/cppeterpan/p/7208706.html