前言
這幾天公司做了一些調整,暫停了移動端,以小程序爲主
所以轉戰一段時間微信小程序開發,這幾天會總結一些關於小程序的知識…
項目搭建
1.開發工具
微信配備了自己的小程序開發工具
下載地址:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
安裝成功後會創建項目需要APPID, 這需要我們去申請小程序開發賬號, 申請網址:
https://mp.weixin.qq.com/wxopen/waregister?action=step1
申請成功後在 設置–>開發–>開發設置 可以找到APPID
然後直接創建就好了
2.小程序代碼結構
我們創建完項目,在項目外層有四種非常重要的文件:
.json
後綴的JSON
配置文件.wxml
後綴的WXML
模板文件.wxss
後綴的WXSS
樣式文件.js
後綴的JS
腳本邏輯文件
下面具體說一下:
(1).app.json
app.json
是當前小程序的全局配置,包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部 tab 等。
(2).wxml模板
從事過網頁編程的人知道,網頁編程採用的是 HTML + CSS + JS 這樣的組合,其中 HTML 是用來描述當前這個頁面的結構,CSS 用來描述頁面的樣子,JS 通常是用來處理這個頁面和用戶的交互。
(3).wxss
WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些擴充和修改。
這些全局的配置, 我們在app.json文件中—>pages中添加具體的頁面路徑
(3).js
負責邏輯交互,一個服務僅僅只有界面展示是不夠的,還需要和用戶做交互:響應用戶的點擊、獲取用戶的位置等等。在小程序裏邊,我們就通過編寫 JS 腳本文件來處理用戶的操作。
輸入完成後直接保存(ctrl+s),會自動生成對應的路徑文件夾與基礎的json,wxss等文件
3.運行
(1).直接保存(ctrl+s)就可以運行,左側就會有對應的預覽
(2). 可以點擊菜單中的真機調試, 可以掃碼真機調試與自動真機調試
今天就講到這裏,希望對大家有所幫助…
大家可以關注我的微信公衆號:「秦子帥」一個有質量、有態度的公衆號!