1.组件的生命周期 对于一个Page的页面生命周期,在官网文档讲解很详细: 官网注册页面链接:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=2017112 2.语巷项目的功能分析: 该项目我主要实现 1.用户欢迎页, 2.列表页, 3.文章详情页, 4.用户中心页 其中: 列表页数据,和文章详情数据需要从服务器端取到,接口为现成接口。 第三方组件和库: font awesome:需要用到里面的图标字体 wxParse:转换html wangEditor:富文本的样式 3.结构搭建: pages文件夹放页面和组件 index:首页 list:列表页 detail:详情页 user:用户中心 plugins放置公共组件 Font-Awesome:字体文件 wangEditor:富文本编辑器样式 wxParse:html转化组件 utils放公共的服务和方法 service:服务器交互方法 resource:放资源文件 images:图片 4.思路引导 01.首先在app.json中配置好页面的样式和tabBar要显示页面链接和文字,由于文章详情页不需要导航,所以没有配置到tabBar里 02.配置好之后,下面就会出现相应的tabBar按钮, 03.对于首页很简单,不讲解 04.列表页较复杂,中间牵涉到服务器分页取值,加载动画,下拉刷新等操作, 在list页面的onLoad方法钟开始去后台请求数据列表加载到前台,请求的方法getPage(),我放在服务模块中,路径为:utils/service/article article.js 在list.js中引入该服务, 然后开始页面的加载操作 中间会牵涉到对加载动效的控制。 为了配合上拉刷新的操作,我做了下面的处理: 05.detail页面就很雷同了。 这个项目大家可以看一下具体的实现以作为小程序开发的入门教材 |
微信小程序开发入门实例——语巷
发布:2018-04-16 10:13浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08