基于微信云开发实现电影推荐小程序

一、项目背景

项目名称为柚子电影，此小程序的目的是为了给大家推荐电影，与其他的售票等小程序不同。

二、性能需求

我的影单的增加、删除和查询。电影详情页面的完整实现。对小程序的各个方面：电影推荐、电影详情、用户授权、影院查询、影院位置、用户登录、我的影单等方面都大体实现，实现了基本要求。系统运行应该快速、稳定、高效和可靠。在结构上应具有很好的可扩展性，便于将来的功能扩展和维护。

三、功能模块

 四、详细设计

1、首页

用户打开小程序后会直接进入电影推荐首页界面。页面上半部分轮播图，将轮播图的数据库存放在云端数据库中，页面使用时直接从云端数据库中进行获取。下半部分是电影推荐，电影数据库使用微信开发者工具中的云端数据库。将豆瓣评分大于等于六的电影筛选出来，作为推荐的电影。

2、 电影详情界面

用户点击电影推荐页面中推荐的电影，跳转到电影详情页面。在电影推荐页面中使用navigator组件实现跳转，同时将点击的电影云数据库中的_id传递给电影详情页面。在电影详情页面中，从云端数据库中查找指定_id的其他字段，渲染到页面，展示电影的基本信息。点击右上角的加号，能够将该电影添加到我的影单，点击之后，返回到我的影单页面就可以看到。

3、 用户界面

用户点击用户标签，能够进入用户登录界面，实现微信授权登录。使用同步获取的方法，实现用户登录界面。用户在登录页面点击个人资料详情，能够跳转到个人资料详情页，只要包含用户的头像、昵称和性别。用户的头像可以根据自身的情况进行修改。

4、我的影单界面

用户在个人页面中点击我的影单，就可以跳转到我的影单页面，就可以查询用户自己的影单，方便用户查找。当对象内文本溢出是显示省略标记的方式，使得排版更加优化，符合现代审美。显示电影的宣传页、上映时间和电影名称。

在我的歌单页面，点击电影你好李焕英的右侧的红色按钮，可以将该电影从我的歌单里删除。当对象内文本溢出是显示省略标记的方式，使得排版更加优化，符合现代审美。

5 、影院界面

(1).授权位置界面

用户进入影院页面之后，点击获取位置信息之后，系统会跳出一个弹框，提示授权小程序定位功能，授权之后就能够在页面中看到附近的电影院。

(2).获取影院界面

用户授权位置之后，页面会根据用户位置显示出附近的电影院。页面中影院信息包含影院的名称和位置，以及用户位置与该影院之间的距离。

（附近影院使用云端数据库。）

（3）获取影院信息界面

用户通过点击影院的位置图标，跳转到影院信息界面。此处使用了高德地图API实现影院位置在高德地图上的位置显示。

（资源详情在自己的博客资源）