微信小程序豆瓣电影及其基本API源码结构分析
直接新建无APPID工程,将项目导入即可(若是有APPID工程,因为服务器配置问题,豆瓣接口将无法请求数据)
主要有八个页面index,movie,search,mine,systemInfo,audio,map,compass,其中index,movie,search实现电影展示和搜索功能,其他页面展示微信几大基本API用法;
- index(首页,调去豆瓣借口获取推荐电影列表)
- movie(电影详情页,点击电影列表进入)
- search(搜索页面,搜索关键词,展现相关电影)
- mine(个人页面,用于展现微信功能API用法)
首页onLoad()方法显示loading,然后调取豆瓣接口获取movies存在data里面,成功获取数据之后取消loading,页面通过scroll-view展示每条movie相关信息;通过j将所点击的id传到电影详情页面,电影详情更具id获取指定电影对象,然后页面展示;搜索页面通过input获取用户输入关键词,与豆瓣搜素接口拼接,获取电影列表展示。个人页面主要是微信几个基本API用法入口。关于布局,有四个点,纵向和横向使用flex布局,电影列表文字覆盖在图标之上使用相对和绝对布局,个人页面控件使用第三方wa-uiWiki提供的控件
##项目结构图
##效果图
- 晓丶离乡,做小程序之前从事安卓开发工作两年,微信小程序推出之后转移阵地,目前专注于微信小程序开发,微信公众号后台接口开发,及其微信相关产品设计运维等工作。 联系方式:手机同微信:18516292849,邮箱:akatsuki091311@gmail.com。