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