接着上一篇微信应用号,小程序开发(上)
这里是一篇实例
- 新建一个项目,打开一个
HelloWorld
- 看一下项目目录的文件。
-
这个项目目录中,
app.js
是小应用的基本入口,包含了对于登录接口的调用,获得用户数据
-
app.json
这个文件是对于这个应用外观的一些配置项,包括字体和导航菜单等样式的配置以及对于路由页面的配置
-
在说一下对于一个完整的页面而言,其实小程序就是对于node和react的打包实现所以基本的一个页面也是采用HTML+CSS得实现方式,那么对于一个页面而言,比如说
index
页面部分,.wxml
,.xss
就是包装版的HTML(XML)或是CSS。
那么尝试些一个小的应用
- 先在
app.json
中进行配置,新增一个新的页面,就直接丢到index下
- 新建一个
hello.wxml
和一个hello.js
,因为不做特别的用处,所以直接将index.js
的代码copy过来就好了
- 同样操作
hello.wxml
为了区别它和index的不同,给它加上一个<image>标签,随便丢张图片
- 再在配置文件
app.json
中加上一个list作为一个导航链接
- 切换到调试界面点击重启,观看效果
暂时就到这里吧,可以还不能在真机上进行测试~唉
参考文档