微信小程序傻瓜式入門教程與開發(fā)

給小程序零基礎(chǔ)的開發(fā)者的傻瓜式教程。

開發(fā)小程序基礎(chǔ)：HTML、CSS、JavaScript。不過本文暫不考慮這些，我們來大體介紹一下

首先，要開發(fā)小程序你需要申請(qǐng)一個(gè)微信公眾平臺(tái)賬號(hào)，在微信公眾平臺(tái)用自己的微信號(hào)直接申請(qǐng)就可以了。

然后就要下載開發(fā)者工具來寫代碼、上傳、預(yù)覽。微信公眾平臺(tái)有提供登錄。

項(xiàng)目目錄是你的代碼存放地；AppID是小程序的賬號(hào)，需要申請(qǐng)，且每個(gè)郵箱只能申請(qǐng)一個(gè)，我們可以先體驗(yàn)小程序來跳過輸入AppID（遠(yuǎn)程調(diào)試等功能會(huì)不能使用，但不影響我們寫和編譯）；項(xiàng)目名稱是在開發(fā)工具上顯示的名字，和小程序內(nèi)容無關(guān)，就是個(gè)昵稱。

快速啟動(dòng)模板是微信為了讓使用者快速入門提供的一個(gè)簡(jiǎn)單的Hello World！程序，內(nèi)容代碼包含很多注釋，可以快速上手。

打開以后長(zhǎng)這樣。開發(fā)工具的具體各種功能都是傻瓜式的，與一些開發(fā)工具差別不大，自己探究吧！

可以看到快速啟動(dòng)模板上有兩個(gè)文件夾和四個(gè)文件：pages和utils，app.js、app.json、app.wxss、project.config.json。

pages文件夾里面存放的文件是要顯示的各頁面，每個(gè)子文件夾就是一個(gè)頁面的內(nèi)容,子文件夾又包含4個(gè)文件，.js、.json、.wxss、.wxml。

.wxml文件是界面文件；

.js是事件交互文件，用于進(jìn)行邏輯處理；

.wxss為界面美化文件，控制界面格式；

.json為每頁配置文件，可以修改導(dǎo)航欄顯示樣式；

其實(shí)整個(gè)小程序就是由這四種文件構(gòu)成的各個(gè)頁面。

utils文件夾 主要用于存放一些全局調(diào)用的.js文件，比如需要用到的外部API等。

在根目錄下的app.js、app.json、app.wxss等文件主要功能也如上面所說，但app文件主要負(fù)責(zé)全局調(diào)控。

app.js : 方法處理文件，進(jìn)行程序剛開始運(yùn)行時(shí)事件處理，處理小程序的生命周期函數(shù)；

app.json : 全局配置文件，配置小程序的所有頁面（所有頁面必須先在這里聲明），小程序背景色，導(dǎo)航條樣式，標(biāo)題(注意該文件不可添加任何注釋)；

app.wxss : 全局的界面美化，配置頁面默認(rèn)樣式，當(dāng)加載其他頁面時(shí)，當(dāng)前頁面的wxss文件會(huì)覆蓋app.wxss文件；

由于名字叫小程序，所以程序一定要小，官方規(guī)定代碼不可以超過5M。

文章題目：微信小程序傻瓜式入門教程與開發(fā)
文章起源：http://www.muchs.cn/news/102974.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有微信小程序等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)