微信小程序开发之豆瓣电影

商品功能介绍:

• 在学习微信小程序开发过程中，一部分的难点是前端逻辑的处理，也就是对前端JS的代码编辑；一部分的难点是前端界面的设计展示；本篇随笔基于一个豆瓣电影接口的小程序开源项目进行重新调整，把其中遇到的相关难点和改进的地方进行讨论介绍，希望给大家提供一个参考的思路，本篇随笔是基于前人小程序的项目基础上进行的改进，因此在开篇之前首先对原作者的辛劳致敬及感谢。
  

  1、豆瓣电影接口的小程序项目情况

  豆瓣电影接口提供了很多相关的接口给我们使用，豆瓣电影接口的API地址如下

  

  在GitHub的开源库里面，可以搜索到很多关于豆瓣电影接口的小程序，我本篇随笔是基于 weapp-douban-movie 这个小程序进行的改造处理，后来找到了原作者的项目地址： wechat-weapp-movie ，原作者对版本做了一次升级，后来我对照我的调整和作者最新版本的源码，发现有些地方改造的思路有些类似，如对于URL地址外放到统一的配置文件中的处理，不过还是有很多地方改造不同。

  本篇随笔的改造方案是基于小程序项目 weapp-douban-movie 的，因此对比的代码也是和这个进行比较，不知道这个版本是不是原作者的旧版本，不过这个版本对文件目录的区分已经显得非常干净利落了，对电影信息的展示也统一到了模板里面，进行多次的重复利用，整体的布局和代码都做的比较好，看得出是花了不少功夫进行整理优化的了。

  小程序主界面效果如下所示：

  

• 电影榜单列表
•  电影搜索
• 电影条目信息
•  影人条目信息
•