在网上有很多关于电影订票的小程序,但是很多都只是有前端页面,没有后台项目源码,还有的就是用别人家的数据,比如:仿猫眼的,然后说他们限制API接口的使用
最后,本人亲自独立写了一套完成的电影小程序源码,包括完成的后台的项目,下面是详细介绍:
1.小程序前端主要实现的功能:
登录、注册、首页电影列表、购票功能,选座,在线支付,地图导航搜索电影院,订单评价,退款等功能
2.后台主要包括用户管理,电影信息管理,文件上传,电影院管理,电影与电影院关联管理,评论管理,订单管理,轮播图管理
后台技术:SpringBoot+Mybatis+js+html+vue+mysql
小程序主要页面实现代码:
app.json
{
"pages": [
"pages/movies/index",
"pages/theater/logs",
"pages/explore/explore",
"pages/profile/profile",
"pages/movies/position/position",
"pages/movies/detail/detail",
"pages/theaterList/theaterList",
"pages/search/search",
"pages/searchcinema/search",
"pages/search/indexsearch/indexsearch",
"pages/shop/shop",
"pages/shop/map/map",
"pages/shop/seat/seat",
"pages/book/book",
"pages/reg/login",
"pages/profile/order/order",
"pages/profile/coupon/coupon",
"pages/profile/vipCard/vipCard",
"pages/profile/wonder/wonder",
"pages/orderList/orderList",
"pages/profile/saw/saw",
"pages/profile/detail/info",
"pages/profile/contact/contact",
"pages/profile/count/count",
"pages/login/login",
"pages/comment/comment",
"pages/buyAlert/buyAlert",
"pages/receivables/receivables"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#D43E37",
"navigationBarTitleText": "电影售票"
},
"tabBar": {
"color": "#6A6767",
"selectedColor": "#D74D4C",
"backgroundColor": "#F5F5F5",
"list": [
{
"pagePath": "pages/movies/index",
"text": "电影",
"iconPath": "img/tab/1.png",
"selectedIconPath": "img/tab/1s.png"
},
{
"pagePath": "pages/theater/logs",
"text": "影院",
"iconPath": "img/tab/2.png",
"selectedIconPath": "img/tab/2s.png"
},
{
"pagePath": "pages/profile/profile",
"text": "我的",
"iconPath": "img/tab/4.png",
"selectedIconPath": "img/tab/4s.png"
}
]
},
"sitemapLocation": "sitemap.json",
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
}
}
index.wxml
项目演示地址:
小程序演示地址:
链接:https://pan.baidu.com/s/19-VRYcrOPAZ2eVYVcWCevA
提取码:70mk
后台管理系统演示地址:
链接:https://pan.baidu.com/s/1bc1HGXVVPfqhOa9RzRzWig
提取码:7afo