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

2021-02-25    分類: 微信小程序

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

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

首先,要開發(fā)小程序你需要申請一個微信公眾平臺賬號,在微信公眾平臺用自己的微信號直接申請就可以了。

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


項目目錄是你的代碼存放地;AppID是小程序的賬號,需要申請,且每個郵箱只能申請一個,我們可以先體驗小程序來跳過輸入AppID(遠程調試等功能會不能使用,但不影響我們寫和編譯);項目名稱是在開發(fā)工具上顯示的名字,和小程序內容無關,就是個昵稱。


快速啟動模板是微信為了讓使用者快速入門提供的一個簡單的Hello World!程序,內容代碼包含很多注釋,可以快速上手。

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

可以看到快速啟動模板上有兩個文件夾和四個文件:pages和utils,app.js、app.json、app.wxss、project.config.json。


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

.wxml文件是界面文件;

.js是事件交互文件,用于進行邏輯處理;

.wxss為界面美化文件,控制界面格式;

.json為每頁配置文件,可以修改導航欄顯示樣式;

其實整個小程序就是由這四種文件構成的各個頁面。

utils文件夾 主要用于存放一些全局調用的.js文件,比如需要用到的外部API等。

在根目錄下的app.js、app.json、app.wxss等文件主要功能也如上面所說,但app文件主要負責全局調控。

app.js : 方法處理文件,進行程序剛開始運行時事件處理,處理小程序的生命周期函數;

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

app.wxss : 全局的界面美化,配置頁面默認樣式,當加載其他頁面時,當前頁面的wxss文件會覆蓋app.wxss文件;

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

當前標題:微信小程序傻瓜式入門教程與開發(fā)
新聞來源:http://www.muchs.cn/news24/102974.html

網站建設、網絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有微信小程序

廣告

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

微信小程序開發(fā)