微信小程序常识——只需4个文件即可构成一个完整的微信小程序项目
2016-11-02 18:06
711 查看
【微信小程序最小系统】搭建操作步骤:
新建一个微信小程序项目,但是注意【在当前目录中创建quick start项目】前的单选框不打钩,如下图
新建如下图的四个文件
打开【app.js】文件,注册小程序,添加如下图代码
打开【index.js】文件,注册页面,添加如下图代码
打开【app.json】文件,配置小程序页面路径和窗口表现,添加如下图代码
这个时候,我们可以发现开发工具不再发出错误提示,同时我们的小程序界面也出现了小程序的导航标题
修改页面导航标题
打开【index.wxml】文件,添加布局页面代码,如下图,这时我们可以看到小程序界面出现【您好,我是初始页面!】文字
本次教程结束,试一试,你也可以的哦!
提示:如果修改代码后页面没有变化,那么可能是在修改文件代码后忘记保存,同时按住【Ctrl+S】键保存文件。
在创建微信小程序项目过程中有遇到任何问题或者不明白的地方,可以添加我的微信进行咨询,感谢支持!微信号:FutureJet
新建一个微信小程序项目,但是注意【在当前目录中创建quick start项目】前的单选框不打钩,如下图
新建如下图的四个文件
打开【app.js】文件,注册小程序,添加如下图代码
打开【index.js】文件,注册页面,添加如下图代码
打开【app.json】文件,配置小程序页面路径和窗口表现,添加如下图代码
这个时候,我们可以发现开发工具不再发出错误提示,同时我们的小程序界面也出现了小程序的导航标题
修改页面导航标题
打开【index.wxml】文件,添加布局页面代码,如下图,这时我们可以看到小程序界面出现【您好,我是初始页面!】文字
本次教程结束,试一试,你也可以的哦!
提示:如果修改代码后页面没有变化,那么可能是在修改文件代码后忘记保存,同时按住【Ctrl+S】键保存文件。
在创建微信小程序项目过程中有遇到任何问题或者不明白的地方,可以添加我的微信进行咨询,感谢支持!微信号:FutureJet
相关文章推荐
- 微信小程序开发教程(三)项目目录及文件构成
- 四周 项目4 扩展3 文件操作 只需在扩展2的基础上增加一些程序即可
- 微信小程序基础之新建的项目文件图解
- 一个完整的java项目ant编译文件
- 微信小程序第一天:创建一个项目
- Python的Django框架完成一个完整的论坛(4.项目所需的其他py文件源码)
- C#.NET常见问题(FAQ)-程序如何把窗体文件从从一个项目中复制到另一个项目
- 一个从EXE、DLL文件中提取、存取图标完整程序
- 微信小程序基础之新建的项目文件图解
- 一个完整的微信小程序demo
- 初临微信小程序-文件复制和项目目录下新建文件问题
- [微信小程序]实现一个自定义遮罩层组件(完整示例代码附效果图)
- [JavaScript] 你相信么,只需一个函数5行JS代码即可在Javascript中实现完整的AOP功能,
- 《jbpm5简单小案例》--环境搭建好,建立新项目只需替换bpmn文件即可
- 开发一个微信小程序项目教程
- mini学生管理系统。。。全部代码,4个java文件放在同一个包下面即可。用JDBC调用数据库取出数据。
- 一个从EXE、DLL文件中提取、存取图标完整程序
- 撸了一个微信小程序项目
- 将一个用myeclipse编写的完整的文件导入javaee编译器中的工程项目中
- C#程序如何把窗体文件从从一个项目中复制到另一个项目