更新记录

1.0.0（2025-10-02）

星云电影购票

项目介绍

星云电影购票是一个基于uni-app和uniCloud开发的移动端电影购票应用，专注于为用户提供便捷的电影票购买服务，支持多平台部署（微信小程序、H5、APP）。

主要功能

核心功能

电影展示系统：支持电影列表浏览、详情查看、预告片播放等功能
影院查询系统：支持附近影院搜索、影院详情查看、排片信息展示
在线选座系统：支持实时座位选择、价格计算、订单确认
订单管理系统：支持订单创建、支付、查看、退票等操作
用户系统：注册、登录、个人资料管理、会员中心
优惠券系统：优惠券领取、使用、管理功能
积分系统：积分获取、兑换商品、任务完成
收藏功能：电影收藏、影院收藏管理

购票功能模块

首页：展示热门电影、即将上映、推荐影院
电影列表：按类型、地区、年份筛选电影
电影详情：电影信息、剧情简介、演员表、预告片、用户评价
影院列表：附近影院、按地区筛选、影院特色展示
影院详情：影院信息、影厅介绍、今日排片、交通信息
选座页面：座位图展示、实时选座、价格计算
订单确认：订单信息确认、优惠券选择、支付方式
订单列表：历史订单、订单状态跟踪
支付页面：多种支付方式、支付结果展示

技术栈

前端技术

框架：uni-app (Vue.js跨平台框架)
UI组件库：vk-uview-ui
状态管理：Vuex
样式预处理：SCSS

后端技术

云开发：uniCloud (阿里云)
数据库：NoSQL数据库
用户系统：uni-id
云函数框架：vk-unicloud-router
支付系统：vk-uni-pay

项目结构

├── App.vue              # 应用入口文件
├── main.js              # 应用入口JS
├── app.config.js        # 应用配置文件
├── pages.json           # 页面路由配置
├── manifest.json        # 应用配置文件
├── common/              # 公共资源
│   ├── css/             # 公共样式
│   └── function/        # 公共函数
├── pages/               # 页面文件
│   ├── index/           # 首页
│   ├── movie/           # 电影相关页面
│   ├── cinema/          # 影院相关页面
│   ├── seat/            # 选座页面
│   ├── order/           # 订单相关页面
│   ├── user/            # 用户相关页面
│   └── login/           # 登录注册页面
├── static/              # 静态资源
│   ├── logo.png         # 应用Logo
│   └── tabbar/          # 底部导航栏图标
├── store/               # Vuex状态管理
├── uni_modules/         # uni-app模块
│   ├── uni-config-center/ # 配置中心
│   ├── uni-id/          # 用户系统
│   ├── vk-unicloud/     # 云开发框架
│   ├── vk-uview-ui/     # UI组件库
│   └── vk-uni-pay/      # 支付模块
└── uniCloud-aliyun/     # uniCloud云开发资源
    ├── cloudfunctions/  # 云函数
    └── database/        # 数据库配置

安装指南

前置条件

安装HBuilderX编辑器
注册DCloud开发者账号
创建uniCloud云服务空间

项目导入

克隆或下载项目代码
在HBuilderX中导入项目
关联uniCloud云服务空间

云开发环境配置

右键点击uniCloud目录，选择运行云服务空间初始化向导
根据提示完成初始化配置
上传common模块和router云函数

前端开发配置

main.js已配置uView UI引入

import uView from './uni_modules/vk-uview-ui';
Vue.use(uView);

App.vue已引入基础样式

<style lang="scss">
@import "./uni_modules/vk-uview-ui/index.scss";
</style>

uni.scss已引入全局变量

@import "@/uni_modules/vk-uview-ui/theme.scss";

功能页面说明

首页 (pages/index/index.vue)

应用的首页，展示热门电影、即将上映、推荐影院和快捷功能入口。

电影列表 (pages/movie/list.vue)

展示所有电影列表，支持按类型、地区、年份筛选和搜索功能。

电影详情 (pages/movie/detail.vue)

展示电影详细信息，包括剧情简介、演员表、预告片、用户评价和相关推荐。

影院列表 (pages/cinema/list.vue)

展示附近影院和全部影院列表，支持按地区、特色筛选和距离排序。

影院详情 (pages/cinema/detail.vue)

展示影院详细信息，包括影厅介绍、今日排片、交通信息和用户评价。

选座页面 (pages/seat/select.vue)

提供座位图展示和实时选座功能，支持价格计算和座位推荐。

订单确认 (pages/order/confirm.vue)

确认订单信息，选择优惠券，确认支付方式和配送信息。

订单列表 (pages/order/list.vue)

展示用户的历史订单，支持订单状态跟踪和详情查看。

支付页面 (pages/order/payment.vue)

提供多种支付方式选择，处理支付流程和结果展示。

用户中心 (pages/user/index.vue)

用户个人中心，展示用户信息、会员等级、积分余额和快捷功能入口。

数据库设计

核心数据表

movies：电影信息表
cinemas：影院信息表
halls：影厅信息表
schedules：排片信息表
orders：订单信息表
users：用户信息表
coupons：优惠券信息表
favorites：收藏记录表
reviews：评价信息表
points：积分记录表

开发说明

云函数调用方式

项目使用vk-unicloud-router框架，通过统一的云函数入口调用各业务逻辑：

vk.callFunction({
    url: 'service路径',
    data: { /* 请求参数 */ },
    success: (res) => { /* 成功回调 */ }
});

数据库操作

使用vk.baseDao API简化数据库操作：

支持增删改查基本操作
提供连表查询、分页查询等高级功能
内置权限控制和数据过滤

发布部署

微信小程序

在manifest.json中配置微信小程序信息
选择发行 -> 小程序-微信
按照提示完成发布流程

H5

选择发行 -> H5
配置相关参数后生成H5包
部署到Web服务器

APP

选择发行 -> App云端打包
配置应用信息和证书
等待打包完成并下载安装包

注意事项

开发环境和生产环境需要分别配置
敏感信息如AppID、密钥等应配置在安全的地方
云函数修改后需要重新上传才能生效
数据库 schema 修改后需要同步更新
支付功能需要配置商户号和支付密钥
地图功能需要配置地图API密钥

更新日志

2025.10.02: 完成基础框架搭建和项目配置
2025.10.02: 实现电影展示系统和影院查询功能
2025.10.02: 添加在线选座和订单管理系统
2025.10.02: 完善用户系统和支付功能
2025.10.02: 添加优惠券系统和积分功能

License

Apache 2.0

平台兼容性

云端兼容性

阿里云	腾讯云	支付宝云
√	√	√

uni-app(4.36)

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
√	√	√	√	√	√	√	√	√

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
√	√	√	√	√	√	√	√	√	√	√

其他

多语言	暗黑模式	宽屏模式
√	×	×

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+