# 基于SpringBoot+Vue的寺院引导宣传寺庙系统 **Repository Path**: springmeng/simiao ## Basic Information - **Project Name**: 基于SpringBoot+Vue的寺院引导宣传寺庙系统 - **Description**: 本系统是寺院寺庙的引导系统，可以进行寺院、寺庙的展示，或者引导系统，系统的界面设计美观大方、功能齐全，整理不易，来个star。 - **Primary Language**: Java - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: https://www.shenxunsoft.com/ - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 1 - **Created**: 2025-11-14 - **Last Updated**: 2025-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: Java, SpringBoot, Vue, H5 ## README
# 🏯寺院引导宣传管理系统
[![Spring Boot](https://img.shields.io/badge/Spring%20Boot-2.1.0-brightgreen.svg)](https://spring.io/projects/spring-boot) [![Vue](https://img.shields.io/badge/Vue.js-2.x%2F3.x-4FC08D.svg)](https://vuejs.org/) [![UniApp](https://img.shields.io/badge/UniApp-跨平台-00B9FF.svg)](https://uniapp.dcloud.io/) [![MySQL](https://img.shields.io/badge/MySQL-5.7%2B-blue.svg)](https://www.mysql.com/) [![License](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE) **一个功能完整、界面美观的寺院管理与宣传系统** 支持多寺院机构独立运营 | 跨平台（小程序/H5/App） | 微信支付集成 [在线体验](#在线体验) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构)
--- ## 📖 项目简介 本系统是一个专为寺院、寺庙设计的综合性引导宣传管理平台，集寺院展示、法会管理、供养服务、商城系统、预约管理等功能于一体。系统采用前后端分离架构，支持多寺院机构独立运营，界面设计庄重典雅，功能齐全实用。 ### ✨ 核心亮点 - 🏛️ **多寺院SaaS架构** - 支持多个寺院机构共用一套系统，数据独立管理 - 📱 **跨平台支持** - 一次开发，支持微信小程序、H5、App、PC Web多端运行 - 💰 **完整支付系统** - 集成微信支付V3接口，支持多商户、支付通知、自动退款 - 🔐 **多种登录方式** - 支持手机号登录、短信验证码、微信扫码、匿名登录 - 🛒 **商城与订单** - 完整的商品管理、购物车、订单流程、物流跟踪 - 📅 **预约系统** - 灵活的预约类型配置，支持在线支付和退款 - 🙏 **供养管理** - 供佛、供灯、供花等多种供养方式，记录功德积分 - 📸 **多媒体展示** - 寺院相册、视频展示，全方位呈现寺院风采 --- ## 🌐 在线体验 ### 📊 后台管理系统 - **访问地址**: http://182.40.102.220:8082/end/page/login.html - **管理员账号**: - 账号: `admin` - 密码: `123456` - **机构账号** (永安寺): - 账号: `永安寺` - 密码: `123456` ### 📱 手机端 (H5版本) - **访问地址**: http://182.40.102.220:81/ ### 💻 平板端 (HD版本) - **访问地址**: http://182.40.102.220:82/ > 💡 **提示**: 建议使用Chrome浏览器或微信内置浏览器访问以获得最佳体验 --- ## 🎯 功能特性 ### 🏛️ 寺院管理 - 寺院信息展示与编辑 - 寺院图片相册管理 - 寺院视频展示 - 寺院公告发布 - 多寺院机构支持（永安寺、石龙寺、普渡寺、药王禅寺、般若寺） ### 🙏 法会系统 - 法会信息发布与管理 - 法会详情展示 - 用户参与法会报名 - 法会功德积分记录 - 法会进度跟踪 ### 💰 供养服务 - 供佛、供灯、供花、供果、供香、供斋等多种供养方式 - 供养项目自定义配置 - 用户供养记录查询 - 功德积分统计 - 供养榜单展示 ### 📅 预约系统 - 预约类型灵活配置 - 在线预约与支付 - 预约状态实时更新 - 预约取消与退款 - 预约记录管理 ### 🛒 商城系统 - 商品分类管理 - 商品详情展示 - 购物车功能 - 订单下单与支付 - 订单状态跟踪 - 退款申请与处理 - 物流信息查询 ### 👤 用户系统 - 手机号注册登录 - 短信验证码登录 - 微信扫码登录 - 匿名登录支持 - 用户信息管理 - 收货地址管理 - 个人中心 ### 💳 支付系统 - 微信支付V3接口集成 - 多商户支付配置 - 支付回调处理 - 支付状态查询 - 自动退款处理 - 支付安全保障 ### 📸 多媒体内容 - 相册分类管理 - 图片批量上传 - 视频播放展示 - 多媒体内容审核 ### 💬 消息互动 - 系统消息推送 - 用户消息通知 - 点赞功能 - 消息已读状态 --- ## 🛠️ 技术架构 ### 后端技术栈 | 技术 | 版本 | 说明 | |------|------|------| | Spring Boot | 2.1.0.RELEASE | 核心框架 | | Java | 1.8 | 开发语言 | | MySQL | 5.7+ | 数据库 | | MyBatis | 1.3.2 | ORM框架 | | tk.mybatis | 4.1.5 | 通用Mapper | | PageHelper | 1.2.10 | 分页插件 | | Hutool | 5.3.7 | Java工具库 | | Apache POI | 4.1.2 | Excel处理 | | ZXing | 3.3.0 | 二维码生成 | | OkHttp3 | 3.4.2 | HTTP客户端 | | WeChat Pay API | v3 (0.2.12) | 微信支付 | | Aliyun SMS | 2.0.24 | 阿里云短信 | | FastJSON | 1.2.7 | JSON处理 | ### 前端技术栈 | 技术 | 说明 | |------|------| | UniApp | 跨平台开发框架 | | Vue.js | 前端MVVM框架（支持2.x/3.x） | | uni-ui | UniApp官方UI组件库 | | SCSS | CSS预处理器 | | HBuilderX | 开发工具 | ### 系统架构 ``` ┌─────────────────────────────────────────────────┐ │ 前端层 │ │ ┌──────────┬──────────┬──────────┬──────────┐ │ │ │ 微信小程序 │ H5网页 │ App应用 │ PC Web │ │ │ └──────────┴──────────┴──────────┴──────────┘ │ └─────────────────────────────────────────────────┘ ↓ HTTP/HTTPS ┌─────────────────────────────────────────────────┐ │ 应用层 │ │ ┌─────────────────────────────────────────┐ │ │ │ Spring Boot (端口: 8082) │ │ │ │ ├─ Controller 层 (75个控制器) │ │ │ │ ├─ Service 层 (业务逻辑) │ │ │ │ ├─ DAO 层 (数据访问) │ │ │ │ └─ AOP 切面 (日志、权限) │ │ │ └─────────────────────────────────────────┘ │ └─────────────────────────────────────────────────┘ ↓ JDBC ┌─────────────────────────────────────────────────┐ │ 数据层 │ │ MySQL 5.7+ (siyuanyindao_multi) │ │ └─ 90+ 张业务数据表 │ └─────────────────────────────────────────────────┘ ↓ ┌─────────────────────────────────────────────────┐ │ 第三方服务 │ │ ├─ 微信支付 (多商户支持) │ │ ├─ 阿里云短信服务 │ │ ├─ 微信登录认证 │ │ └─ 文件存储服务 │ └─────────────────────────────────────────────────┘ ``` --- ## 📂 项目结构 ``` 完整版/ ├── backend_multi/ # 后端项目（Spring Boot） │ ├── src/main/ │ │ ├── java/com/example/ │ │ │ ├── aop/ # AOP切面 │ │ │ ├── common/ # 公共模块 │ │ │ ├── config/ # 配置类 │ │ │ ├── controller/ # 控制器层（75个） │ │ │ ├── dao/ # 数据访问层 │ │ │ ├── entity/ # 实体类（90+个） │ │ │ ├── service/ # 业务逻辑层 │ │ │ ├── util/ # 工具类 │ │ │ └── vo/ # 数据传输对象 │ │ ├── resources/ │ │ │ ├── application.yml # 主配置 │ │ │ ├── application-dev.yml # 开发环境 │ │ │ ├── application-prod.yml # 生产环境 │ │ │ ├── mapper/ # MyBatis映射 │ │ │ └── static/ # 静态资源 │ │ └── test/ # 测试代码 │ └── pom.xml # Maven依赖配置 │ ├── front/ # 前端项目（标准版） │ ├── pages/ # 页面文件（62个） │ │ ├── index/ # 首页 │ │ ├── login/ # 登录 │ │ ├── siyuan_*/ # 寺院相关 │ │ ├── foshi_*/ # 佛事相关 │ │ ├── fahui_*/ # 法会相关 │ │ ├── goods_*/ # 商品相关 │ │ ├── cart/ # 购物车 │ │ ├── order_*/ # 订单相关 │ │ ├── yuyue_*/ # 预约相关 │ │ └── my/ # 个人中心 │ ├── components/ # 自定义组件 │ ├── uni_modules/ # UniApp组件库 │ ├── request/ # HTTP请求封装 │ ├── utils/ # 工具函数 │ ├── static/ # 静态资源 │ ├── App.vue # 应用主组件 │ ├── main.js # 入口文件 │ ├── pages.json # 页面配置 │ └── manifest.json # 应用清单 │ ├── frontHD/ # 前端项目（高清版） │ └── [结构同 front] │ ├── db/ # 数据库文件 │ └── siyuanyindao_multi.sql # 数据库脚本（1.8M） │ └── README.md # 项目说明文档 ``` --- ## 🚀 快速开始 ### 环境要求 - **Java**: JDK 1.8+ - **Maven**: 3.6+ - **MySQL**: 5.7+ (推荐8.0) - **Node.js**: 12.0+ (前端开发) - **HBuilderX**: 最新版 (前端开发工具) ### 后端部署 #### 1. 导入数据库 ```bash # 登录MySQL mysql -u root -p # 创建数据库 CREATE DATABASE siyuanyindao_multi DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; # 导入数据 USE siyuanyindao_multi; SOURCE db/siyuanyindao_multi.sql; ``` #### 2. 修改配置文件 编辑 `backend_multi/src/main/resources/application-dev.yml`: ```yaml spring: datasource: url: jdbc:mysql://localhost:3306/siyuanyindao_multi?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai username: root # 修改为你的数据库用户名 password: your_password # 修改为你的数据库密码 # 文件上传路径（根据实际情况修改） file: upload-path: D:/upload/ # Windows示例 # upload-path: /www/wwwroot/upload/ # Linux示例 ``` #### 3. 启动后端服务 ```bash # 进入后端目录 cd backend_multi # Maven构建 mvn clean package -DskipTests # 运行 java -jar target/siyuanyindao-1.1.3-SNAPSHOT.jar # 或使用IDE（IDEA/Eclipse）直接运行主类 # com.example.Application ``` 服务启动成功后，访问: http://localhost:8082 ### 前端部署 #### 方式一: HBuilderX开发 1. 使用HBuilderX打开 `front` 或 `frontHD` 目录 2. 修改 `request/config.js` 中的API地址: ```javascript const baseUrl = 'http://localhost:8082'; // 修改为你的后端地址 ``` 3. 在HBuilderX中选择"运行" -> "运行到浏览器" 或 "运行到小程序模拟器" #### 方式二: 命令行编译 ```bash # 进入前端目录 cd front # 安装依赖（首次运行） npm install # H5编译 npm run build:h5 # 小程序编译 npm run build:mp-weixin # 编译后的文件在 unpackage/dist 目录 ``` #### 前端配置说明 编辑 `request/config.js`: ```javascript // 配置后端API地址 const config = { baseUrl: 'http://localhost:8082', // 开发环境 // baseUrl: 'http://182.40.102.220:8082', // 生产环境 // 机构编码 orgCode: 'yas', // yas-永安寺, sls-石龙寺, pds-普渡寺 // 机构ID orgId: 50, // 50-永安寺, 58-石龙寺, 59-普渡寺 } ``` ### 生产部署建议 #### 后端部署 ```bash # 1. 打包 mvn clean package -DskipTests # 2. 使用systemd或supervisor管理服务 # 3. 配置Nginx反向代理 # Nginx配置示例 server { listen 80; server_name yourdomain.com; location /api { proxy_pass http://localhost:8082; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } location / { root /www/wwwroot/front/dist; try_files $uri $uri/ /index.html; } } ``` #### 前端部署 ```bash # H5版本：直接将编译后的文件部署到Web服务器 cp -r unpackage/dist/build/h5/* /www/wwwroot/yourdomain/ # 小程序：使用微信开发者工具上传代码审核发布 ``` --- ## 🗄️ 数据库说明 ### 主要数据表 | 表名 | 说明 | |------|------| | **用户相关** | | user_info | 用户信息表 | | account | 账户表 | | address_info | 收货地址表 | | sms_code_info | 短信验证码表 | | **寺院相关** | | siyuan_info | 寺院信息表 | | siyuan_image_info | 寺院图片表 | | siyuan_video_info | 寺院视频表 | | foshi_info | 佛寺信息表 | | fahui_info | 法会信息表 | | fahui_user_info | 法会参与记录表 | | **供养相关** | | gongfo_info | 供养项目表 | | gongfo_item_info | 供养详情表 | | gong_user_info | 用户供养记录表 | | **商城相关** | | mall_product | 商品表 | | mall_category | 商品分类表 | | mall_order | 订单表 | | mall_refund | 退款表 | | **预约相关** | | yuyue_info | 预约记录表 | | yuyue_type_info | 预约类型表 | | **支付相关** | | order_pay_info | 支付信息表 | | order_refund_info | 退款信息表 | | **多媒体相关** | | photo_info | 相册表 | | photo_type_info | 相册分类表 | | video_info | 视频表 | | **其他** | | message_info | 消息表 | | praise_log | 点赞记录表 | | nx_system_file_info | 系统文件表 | --- ## 📱 支持平台 - ✅ 微信小程序 - ✅ H5网页 (移动端) - ✅ H5网页 (PC端) - ✅ App (Android/iOS) - ✅ 平板高清版 --- ## 🔧 配置说明 ### 支持的寺院机构 系统默认支持以下寺院机构，可根据需要扩展： | 机构名称 | 机构编码 | 机构ID | |---------|---------|--------| | 永安寺 | yas | 50 | | 石龙寺 | sls | 58 | | 普渡寺 | pds | 59 | | 药王禅寺 | ywcs | 60 | | 般若寺 | brs | 61 | ### 微信支付配置 编辑 `application-prod.yml` 配置微信支付参数: ```yaml wx: pay: mchId: 你的商户号 appId: 你的AppID mchSerialNo: 商户证书序列号 apiV3Key: APIv3密钥 privateKeyPath: 商户私钥路径 ``` ### 短信服务配置 配置阿里云短信服务参数: ```yaml aliyun: sms: accessKeyId: 你的AccessKeyId accessKeySecret: 你的AccessKeySecret signName: 短信签名 templateCode: 模板编码 ``` --- ## 📊 项目统计 - **Java代码文件**: 373个 - **控制器类**: 75个 - **实体类**: 90+个 - **MyBatis映射文件**: 70+个 - **前端页面**: 62个 - **数据库表**: 90+张 - **总代码量**: 15,000+ 行 - **项目规模**: 约130MB --- ## 📸 系统截图
![输入图片说明](picture/ScreenShot_2025-12-17_100257_491.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100313_148.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100319_436.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100324_553.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100329_688.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100335_801.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100339_739.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100344_586.png) ![输入图片说明](picture/ScreenShot_2025-12-17_100354_391.png)
--- ## 💬 联系与反馈 如有问题或建议，欢迎通过以下方式联系: - 📧 提交 [Issue](../../issues) - 🌟 给项目点个Star支持一下 --- ## 🙏 致谢 感谢以下开源项目: - [Spring Boot](https://spring.io/projects/spring-boot) - [Vue.js](https://vuejs.org/) - [UniApp](https://uniapp.dcloud.io/) - [MyBatis](https://mybatis.org/) - [uni-ui](https://uniapp.dcloud.io/component/uniui/uni-ui) ---
**如果这个项目对你有帮助，请点个 ⭐ Star 支持一下！** Made with ❤️ by shenxun开发团队