微信小程序电影订票系统+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