项目描述和演示

基础页面

部分技术选型

小程序端

整个项目使用ES6的语法开发整体功能使用小程序提供的api实现复制代码

项目开发过程遇到的部分问题和解决方案

1 首页布局采用全部浮动的方式

问题：

如果使用全部浮动的方法，由于每个电影条目的高度不同，导致不能依此排开。

解决办法：

将数据进行分组，每两个一组，用一个 view 标签包裹。所以在处理数据的时候，需要将一维的数据转化为二维的，然后在分别遍历。 2 在获取数据的时候，控制台会警告域名安全问题。

解决办法：

在开发过程由于开始没有 ssl 证书，所以需要在小程序的 ide 中设置忽略验证请求的接口安全性。在拿到 ssl 证书之后，那么需要到小程序后台添加和设置信任的接口。注意每个月只能修改5次，所以一定要慎重设置。

3 抽取公共文件（很多页面都具有同样的列表样式，那么代码会有很多重复的）

解决办法：

使用小程序提供的模版功能，开发的过程也是学习的过程，发现这个模版功能尤为好用，可以复用大量的代码。同时css样式也可以分离出来，使用像是 scss 那样 import 的语法进行导入。

详细用法可参考小程序官方文档说明：

4 在获取小程序二维码的时候，小程序接口返回的是一个流对象，而不是一个图片的地址，导致服务端无法直接返回正常的数据。

解决办法：

实际上 ctx.body 可以直接 = 流对象，但是最后还是将获取的数据先建立一个完整的图片文件，然后直接使用nginx代理静态资源就可以了。

项目总结

这是第一次开始尝试小程序项目，所以在网上找到了妙味的一个小程序作品，就按照他的方式自己动手试了一下，详情可跳转学习