微信小程序入門開發總結(傻瓜式教程)
給小程(cheng)序零(ling)基礎的開發者(zhe)的傻瓜式(shi)教程(cheng),新(xin)人初(chu)來乍到,望大家(jia)喜歡。
開發小程序基礎:HTML、CSS、JavaScript。不過本(ben)文暫不考慮這些,我(wo)們(men)來大體介(jie)紹一下
首先,要(yao)開發小程序你需(xu)要(yao)申請一個(ge)微信公眾平臺(tai)賬號,在微信公眾平臺(tai)用自己(ji)的微信號直接申請就可以(yi)了(le)。
然后就(jiu)要下載開發者工具來寫代碼、上傳、預(yu)覽(lan)。微信公眾平臺有提供
登錄。
項目目錄是(shi)你的代碼存放(fang)地;AppID是(shi)小(xiao)程(cheng)序的賬號,需要申(shen)請,且每(mei)個郵箱只能申(shen)請一個,我們可(ke)以先(xian)體驗小(xiao)程(cheng)序來跳過輸入AppID(遠程(cheng)調試(shi)等功能會不(bu)能使用(yong),但不(bu)影響(xiang)我們寫和(he)(he)編(bian)譯);項目名(ming)稱是(shi)在開發(fa)工具(ju)上顯示(shi)的名(ming)字,和(he)(he)小(xiao)程(cheng)序內容無關,就是(shi)個昵稱。
快(kuai)速(su)啟動(dong)模(mo)板是微信為了讓使(shi)用(yong)者快(kuai)速(su)入門提供的(de)(de)一個簡(jian)單的(de)(de)Hello World!程序,內容代碼包含很多注釋,可以快(kuai)速(su)上手。
打開以后(hou)長(chang)這樣。開發(fa)工(gong)具(ju)(ju)的(de)具(ju)(ju)體各種功(gong)能都(dou)是傻瓜式的(de),與一些開發(fa)工(gong)具(ju)(ju)差別不大,自己(ji)探究(jiu)吧!
可以(yi)看(kan)到快速啟動模(mo)板上有(you)兩個文(wen)件(jian)夾和(he)四個文(wen)件(jian):pages和(he)utils,app.js、app.json、app.wxss、project.config.json。
pages文(wen)件夾(jia)里面(mian)(mian)存放的(de)文(wen)件是要(yao)顯示的(de)各頁面(mian)(mian),每個(ge)子文(wen)件夾(jia)就是一個(ge)頁面(mian)(mian)的(de)內(nei)容,子文(wen)件夾(jia)又(you)包含4個(ge)文(wen)件,.js、.json、.wxss、.wxml。
.wxml文件是界面文件;
.js是事件交互文件,用于進(jin)行邏輯處(chu)理;
.wxss為界面美化(hua)文件(jian),控制界面格式;
.json為每(mei)頁配置文(wen)件,可以修改導航欄顯示(shi)樣式;
其實整個(ge)小(xiao)程序就(jiu)是由這(zhe)四種文(wen)件構成的各個(ge)頁面(mian)。
utils文(wen)件(jian)夾(jia) 主要用于存放一些全局調用的(de).js文(wen)件(jian),比如需要用到的(de)外部API等。
在(zai)根目(mu)錄下的app.js、app.json、app.wxss等文件主要功能也如上面所說,但(dan)app文件主要負責(ze)全局調控(kong)。
app.js : 方(fang)法處(chu)理(li)文(wen)件,進行(xing)程序(xu)(xu)剛(gang)開始(shi)運行(xing)時事件處(chu)理(li),處(chu)理(li)小程序(xu)(xu)的生命周期函(han)數(shu);
app.json : 全局配(pei)置(zhi)文件,配(pei)置(zhi)小(xiao)程序的所(suo)(suo)有頁面(所(suo)(suo)有頁面必須(xu)先在這里聲明),小(xiao)程序背景(jing)色,導航條樣(yang)式,標題(注意該文件不(bu)可添加任(ren)何(he)注釋);
app.wxss : 全(quan)局的界(jie)面(mian)(mian)美化,配置頁面(mian)(mian)默認樣式,當加載其他頁面(mian)(mian)時(shi),當前頁面(mian)(mian)的wxss文(wen)件會覆蓋app.wxss文(wen)件;
由于名字叫小程序,所以程序一定(ding)要小,官方規定(ding)代碼不可以超(chao)過2M。
這篇文章我在其(qi)他(ta)地(di)方發過,但絕對(dui)是原(yuan)創,對(dui)零(ling)基礎(chu)的同學挺有(you)用,大(da)家可以(yi)看(kan)(kan)看(kan)(kan),大(da)佬不要嫌棄