微信小程序开发博客项目-篇幅《一》
2016-10-15 10:11
561 查看
原先博客写了微信小程序的开发资料:《打开微信小程序资料汇总》
微信最近更新了开发者工具,即不用破解也能使用了,下载地址:《小程序开发工具免破解下载》
相关开发文档:《官方开发文档》
刚好这几天空闲时间比较多,就来记录下开发一个小程序,粗略版博客(这个是零基础入门篇幅,比较繁琐,若已经入门,请忽略)
1、新建项目
选择无AppID模式
进入项目初始化
2、文件讲解
小程序里面一个文件夹就是一个页面,包含四个文件。
.js结尾的是脚本文件。
.wxml是页面标签文件,即类似我们原先使用的html标签一样。
.wxss是样式文件,即是我们原先使用的css3.
3、开始开发
打开文件app.json,page对象表示每添加一个页面,就需要往里面加一条路由,名称必须和文件夹和文件一致。
4、路由导航
由于小程序默认首页是index,在首页触发事件后我们需要进行处理
编辑blog文件夹下面blog.wxml,里面添加“<view>这个是我个人博客</view>”,编辑index文件里面的index.js文件,添加路由,完成后保存文件(一定要保存),点击开发工具左侧菜单栏“编译”,然后就进入页面
进入主页后,点击下,触发我们刚刚绑定的函数,跳转到我们的页面
由于篇幅过长,所以分为两篇,敬请期待。
微信最近更新了开发者工具,即不用破解也能使用了,下载地址:《小程序开发工具免破解下载》
相关开发文档:《官方开发文档》
刚好这几天空闲时间比较多,就来记录下开发一个小程序,粗略版博客(这个是零基础入门篇幅,比较繁琐,若已经入门,请忽略)
1、新建项目
选择无AppID模式
进入项目初始化
2、文件讲解
小程序里面一个文件夹就是一个页面,包含四个文件。
.js结尾的是脚本文件。
.wxml是页面标签文件,即类似我们原先使用的html标签一样。
.wxss是样式文件,即是我们原先使用的css3.
3、开始开发
打开文件app.json,page对象表示每添加一个页面,就需要往里面加一条路由,名称必须和文件夹和文件一致。
4、路由导航
由于小程序默认首页是index,在首页触发事件后我们需要进行处理
编辑blog文件夹下面blog.wxml,里面添加“<view>这个是我个人博客</view>”,编辑index文件里面的index.js文件,添加路由,完成后保存文件(一定要保存),点击开发工具左侧菜单栏“编译”,然后就进入页面
进入主页后,点击下,触发我们刚刚绑定的函数,跳转到我们的页面
由于篇幅过长,所以分为两篇,敬请期待。
相关文章推荐
- 微信小程序开发博客项目-篇幅《一》
- 微信小程序开发博客项目-篇幅《一》
- 微信小程序开发博客项目-篇幅《一》
- 微信小程序开发手记之一:项目的代码结构
- 第二弹:微信小程序开发思考总结—“文章阅读器和电影信息”项目实践---配置、首页面开发
- 微信小程序开发项目——笑话大全API
- 微信小程序开发工具 下载,安装,创建新项目和如何导入项目整个过程教程
- 【腾讯Bugly干货分享】微信小程序开发思考总结——腾讯“信用卡还款”项目实践
- 微信小程序入门与实战 常用组件 API 开发技巧 项目实战
- 微信小程序开发个人博客高级篇
- 微信小程序开发<一>工具安装及项目结构介绍
- 开发一个微信小程序项目教程
- 微信小程序开发个人博客高级篇
- 第五弹:微信小程序开发思考总结—“文章阅读器和电影信息”项目实践---电影详请开发
- 构建快速开发web项目的php框架 完成楼盘微信小程序后台
- 微信小程序开发学习笔记008--微信小程序项目02
- (转)微信小程序开发项目——笑话大全
- 【腾讯Bugly干货分享】微信小程序开发思考总结——腾讯“信用卡还款”项目实践
- 微信小程序开发—项目实战之聊天机器人
- 微信小程序开发—项目实战之聊天机器人