Skip to content

微信小程序豆瓣电影及其基本API源码结构分析

Notifications You must be signed in to change notification settings

xiechunming/Small-program-douban

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Small-program-douban

微信小程序豆瓣电影及其基本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提供的控件

##项目结构图

##效果图

Author

  • 晓丶离乡,做小程序之前从事安卓开发工作两年,微信小程序推出之后转移阵地,目前专注于微信小程序开发,微信公众号后台接口开发,及其微信相关产品设计运维等工作。 联系方式:手机同微信:18516292849,邮箱:akatsuki091311@gmail.com

About

微信小程序豆瓣电影及其基本API源码结构分析

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published