一、项目背景
项目名称为柚子电影,此小程序的目的是为了给大家推荐电影,与其他的售票等小程序不同。
二、性能需求
我的影单的增加、删除和查询。电影详情页面的完整实现。对小程序的各个方面:电影推荐、电影详情、用户授权、影院查询、影院位置、用户登录、我的影单等方面都大体实现,实现了基本要求。系统运行应该快速、稳定、高效和可靠。在结构上应具有很好的可扩展性,便于将来的功能扩展和维护。
三、功能模块
四、详细设计
1、首页
用户打开小程序后会直接进入电影推荐首页界面。页面上半部分轮播图,将轮播图的数据库存放在云端数据库中,页面使用时直接从云端数据库中进行获取。下半部分是电影推荐,电影数据库使用微信开发者工具中的云端数据库。将豆瓣评分大于等于六的电影筛选出来,作为推荐的电影。
2、 电影详情界面
用户点击电影推荐页面中推荐的电影,跳转到电影详情页面。在电影推荐页面中使用navigator组件实现跳转,同时将点击的电影云数据库中的_id传递给电影详情页面。在电影详情页面中,从云端数据库中查找指定_id的其他字段,渲染到页面,展示电影的基本信息。点击右上角的加号,能够将该电影添加到我的影单,点击之后,返回到我的影单页面就可以看到。
3、 用户界面
用户点击用户标签,能够进入用户登录界面,实现微信授权登录。使用同步获取的方法,实现用户登录界面。用户在登录页面点击个人资料详情,能够跳转到个人资料详情页,只要包含用户的头像、昵称和性别。用户的头像可以根据自身的情况进行修改。
4、我的影单界面
用户在个人页面中点击我的影单,就可以跳转到我的影单页面,就可以查询用户自己的影单,方便用户查找。当对象内文本溢出是显示省略标记的方式,使得排版更加优化,符合现代审美。显示电影的宣传页、上映时间和电影名称。
在我的歌单页面,点击电影你好李焕英的右侧的红色按钮,可以将该电影从我的歌单里删除。当对象内文本溢出是显示省略标记的方式,使得排版更加优化,符合现代审美。
5 、影院界面
(1).授权位置界面
用户进入影院页面之后,点击获取位置信息之后,系统会跳出一个弹框,提示授权小程序定位功能,授权之后就能够在页面中看到附近的电影院。
(2).获取影院界面
用户授权位置之后,页面会根据用户位置显示出附近的电影院。页面中影院信息包含影院的名称和位置,以及用户位置与该影院之间的距离。
(附近影院使用云端数据库。)
(3)获取影院信息界面
用户通过点击影院的位置图标,跳转到影院信息界面。此处使用了高德地图API实现影院位置在高德地图上的位置显示。
文章来源:https://www.toymoban.com/news/detail-470055.html
(资源详情在自己的博客资源)文章来源地址https://www.toymoban.com/news/detail-470055.html
到了这里,关于基于微信云开发实现电影推荐小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!