在网上有很多关于电影订票的小程序，但是很多都只是有前端页面，没有后台项目源码，还有的就是用别人家的数据，比如：仿猫眼的，然后说他们限制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>
项目演示地址：
需要源码的小伙伴可以加qq:3083155908,相互交流学习技术，提供技术支持
小程序演示地址：
链接：https://pan.baidu.com/s/19-VRYcrOPAZ2eVYVcWCevA
提取码：70mk
后台管理系统演示地址：
链接：https://pan.baidu.com/s/1bc1HGXVVPfqhOa9RzRzWig
提取码：7afo
请发表评论