微信小程序电影订票系统+SpringBoot后台完整版
在网上有很多关于电影订票的小程序，但是很多都只是有前端页面，没有后台项目源码，还有的就是用别人家的数据，比如：仿猫眼的，然后说他们限制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
<import src="../../common/template/head.wxml" />
<template is="head" data="{ {...head}}"/>
<swiper style="height:300rpx;" autoplay="true" interval="5000" circular="true">
<block wx:for="{ {indexData.swiperImg}}" wx:key="*this">
<swiper-item>
<image src="{ {item}}" style="height:100%;width:100%;"></image>
</swiper-item>
</block>
</swiper>
<block wx:for="{ {indexData.moviesList}}">
<navigator url="./detail/detail?id={ {item.id}}">
<view style="height:216rpx;" class="movie">
<image src="{ {item.filmurl}}" mode="aspectFill" style="height:202rpx;width:152rpx;"></image>
<view class="intro-warp">
<view style="font-size:12px" class="intro">
<view style="font-size:30rpx; color:#222222">{ {item.filmname}}</view>
<view style="font-size:24rpx; color:#686868">{ {item.filmtype}}</view>
<view style="font-size:24rpx;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#686868">主演:{ {item.filmman}}</view>
<!-- <view style="font-size:24rpx; color:#A3A3A3;" wx:if="{ {item.onsale}}">今天{ {item.counts[0]}}家影院放映{ {item.counts[1]}}场</view> -->
<view style="font-size:24rpx; color:#A3A3A3;" >上映地区:{ {item.filmloc}}</view>
</view>
<view class="buy">
<view class="rating" >
<text>{ {item.cusmark}}</text>
<text style="font-size:18rpx;">分</text>
</view>
<!-- <view class="rating" wx:else>
<text>{ {item.numbers}}</text>
<text style="font-size:18rpx;">人想看</text>
</view> -->
<navigator url="../theaterList/theaterList?title={ {item.filmname}}&id={ {item.id}}" class="buy-nav">购票</navigator>
<!-- <navigator url="../theaterList/theaterList?title={ {item.title}}&id={ {item.id}}" class="buy-nav pre" wx:else>预售</navigator> -->
</view>
</view>
</view>
</navigator>
</block>
项目演示地址：
小程序演示地址：
链接：https://pan.baidu.com/s/19-VRYcrOPAZ2eVYVcWCevA 提取码：70mk
后台管理系统演示地址：
链接：https://pan.baidu.com/s/1bc1HGXVVPfqhOa9RzRzWig 提取码：7afo