1.相关技术:
微信小程序的MINA框架、MySQL数据库
2.编程语言:
JavaScript,WXML,WXSS
3.开发环境:
vscode(后端接口开发),node.js运行服务器,微信开发者工具,Navicat(数据库可视化),express,MySQL,npm
4.部分效果图
5.界面设计:
- 登录页面:用户首次进入系统后,点击获取用户信息,获取用户登录权限,用户允许获取,显示用户头像信息,用户输入手机号,判断手机号格式,绑定手机号,进入微信小程序的首页。如果不是首次,已经有用户的信息,就直接进入首页。
首页界面:通过轮播形式,展示最新上映电影信息,显示上映电影列表,显示电影的基本内容,以及其他功能入口;用户可通过搜索框,对电影进行搜索。
电影礼包界面:主要展示有优惠的电影票信息,进行特惠购票。
口碑趋势界面:展示热榜排名前两个,可查看影评排名赛的电影信息。
影城特惠界面:展示特惠影片的海报,活动规则,可进行购买或详情查看。
热榜列表界面:显示热榜完整榜单,可进行购票、查看详情等操作。
影院界面:根据获取用户的地理位置,或者选择地理位置,进行电影院的选择,可根据综合排序,特色等进行电影院的选择。
场次选择界面:可选择观影的日期和场次,可滑动选择电影。
选座界面:根据选择的场次和日期,以及位置的个数计算总价,点击支付进行模拟购票。
我的界面:显示用户头像和昵称,可进入订单界面,查看想看和看过的电影。
电影详情界面:显示电影的详细信息,包括剧情内容、上映时间、时长、类型、导演、演员等,以及剧照,视频,和观影后的评论等。