3-微信小程序開發(小程序的目錄結構說明)

https://www.cnblogs.com/yangfengwu/p/10050784.html

 

源碼下載連接:

 

 

 

或者

 

 

 

 

 

 

這節先說一下小程序的目錄結構

自行根據  https://www.cnblogs.com/yangfengwu/p/9992613.html   建一個工程

 

新建一個lesson2的文件夾

 

 

 

 

 

 

 

 

 

 

 

 

 

如今官方作的默認功能是

點擊這個頭像 (用鼠標點擊一下)

 

 

 

跳轉到

 

 

 

 

這個軟件能夠仿真大部分功能,咱也能夠用手機調試

打開手機微信

 

 

 

 

 

 

 

如今說一下整個工程目錄

 

 

 

 

 

 

 

先來看全局的

 

 

 

 

咱讓程序一進來的時候打印點東西

console.log("11111111111111111111");

 

 

整個程序一加載就打印

咱剛纔說 這幾個文件實際上對整個應用的全部頁面都生效

如今看這個 js 

 

 

 

 

再後面加上

onShow:function(){//頁面從後臺顯示到前臺(程序第一次執行,或者用戶按下home鍵之後,又打開了微信,進入下批程序)
    console.log("頁面顯示出來了"); },

 

 

 

 注意:可能有人問爲啥要這樣寫...這是微信規定的哈....

你們能夠去看 

https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

 

保存一下

 

 

 

 

 

 

 

而後寫

 

 

 

onHide() { console.log("用戶按下Home,進入了後臺運行"); },

 

保存下

 

 

 

 

 

 

點擊一下這個

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

固然,這裏還能夠定義全局變量.全部頁面均可以使用

 

 

 

能夠隨意定義哈

 

 

 

下幾節的時候咱再說怎麼在其它頁面使用

接着說

 

 

 

這個下一節咱本身建個頁面的時候會細說,

注意:小程序並不難哈....主要是知道使用方法

 

下面看

注意...這裏面不能夠加註釋........

 

 

 

 

 

 

爲了更好的敘述,改一下Windows裏面的代碼

"backgroundTextStyle": "dark", "navigationBarBackgroundColor": "#ff0", "navigationBarTitleText": "這個頁面的標題哈", "navigationBarTextStyle": "black", "enablePullDownRefresh":true

 

注意....我是先測試好而後運行之後又加的註釋哈...加註釋會報錯.加註釋會報錯.加註釋會報錯.

 

 

 

 

 

是對之後全部頁面生效的 

    

 

 

 

 

 

 

 

不過(我們下一節創建新頁面的時候再測試)

 

 

 

最後說一下 WXSS

其實就至關於 咱作網頁時的 CSS

 

 

 

 

 

 

 

因爲app.wxss全部的頁面均可以用,因此

 

 

 

它本身的佈局方式

 

 

 

 

好了先消化消化

 

https://www.cnblogs.com/yangfengwu/p/11605209.html