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