使用微信开发者工具制作的关于电影订购的微信小程序;主要技术包括:getUserProfile获取授权用户信息、onReachBottom实现懒加载效果、WeUI组件库、wxqrcode.js支持二维码的生成、json-server实现前后端分离等。实现存储用户信息和用户操作,对用户操作信息进行修改与查看等功能。
json-server,微信开发者工具
本项目使用json-server存储数据,一个在前端本地运行,可以存储json数据的server;通俗来说,就是模拟服务端接口数据。一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,自己产生测试数据。
第一步:打开命令提示符,使用npm命令:npm install -g json-server全局安装json-server 第二步:在文件夹myserver中打开命令提示符使用:json-server --watch db.json命令打开server 第三步:打开微信开发者工具,导入MovieApp文件
注意:myserver文件夹不与其他文件共同放置,myserver文件夹打开后cmd启动json-server, 没有json-server的自行前往下载(需电脑已安装好node),微信开发者工具导入文件
首页-正在热映部分:
==============================================
首页-附近影院部分:
==============================================
首页-新片预告部分:
==============================================
视频部分:
==============================================
详情页部分:
==============================================
购票部分:
==============================================
个人页面(未登录):
==============================================
个人页面(登录):
==============================================
以上页面仅为主要页面,不代表所有页面展示
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。