注册程序与页面

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

现在模拟器上显示的是一个空白的微信小程序,在控制台上会显示一个错误 .. 说没找到入口文件 app.json .. 我们可以先在项目的根目录下面,先给小程序添加一个主要的逻辑文件 .. 文件的名字应该是 app.js ... 在它里面用一下 App 去注册一个小程序 .. 先给它提供一个空白的对象 .. 一会我们会往里面放点东西 ..

再去给小程序创建一个主要的配置文件 .. 文件的名字应该是 app.json .. 一组花括号 ...

现在控制台上提示,在 app.json 里面没定义 pages ... 就是小程序里的页面 .. 在 app.json 里面,添加一个 pages .. 它里面的东西就是小程序里的页面 ... 比如先添加一个 pages/index/index .. 它表示的是页面的路径.. 也就是个 index 页面应该是在 pages 目录下面的 index 这个目录里面 .. 文件的名字是 index .. 这里不需要添加文件的扩展名 .. 小程序框架会自动去加载需要的文件 ..

每个页面都有它的主文件,配置文件,视图,还有样式文件 ..

下面我们再去添加这个页面 .. 创建一个文件 .. 要把它放在 pages/index 的下面,名字是 index.js .. 每个页面都需要一个 js 文件,它里面可以存储页面上需要的主要的逻辑代码 ..

注册一个页面,用一下 Page ... 给它一个空白的对象 .. 页面的界面需要一个 wxml 文件 .. 在 index 下面,创建一个 index.wxml ..

这里的东西跟 html 很像 .. 这里可以使用小程序提供的一些组件 .. 这些组件就像是 html 里的元素,或者叫标签 ..

这里用一个 view 组件,包装一下 text 组件 .. 在这个 text 组件里可以放点文字 .. 比如 hello ~

view 组件就像是 html 里的 div 元素 .. 是一个包装元素 ..

现在我们的小程序的首页上,会显示一个 hello ~ ,显示的内容是小程序里的 index 页面里提供的 ..

注册程序与页面《 微信小程序:框架 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点