更新记录
1.8(2026-04-03) 下载此版本
增加用户余额转账功能,增加用户二维码,增加用户优惠券系统领取与匹配使用,增加分销推广奖励功能,增加会员优惠系统
平台兼容性
uni-app(4.0)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
加油站一体化系统
项目介绍
加油站一体化系统是一个集微信小程序用户端、加油员终端APP和管理后台于一体的完整解决方案,旨在为加油站提供高效、便捷的运营管理工具,提升客户体验和运营效率。
技术栈
- 前端:UniApp(跨平台开发框架)
- 后端:Node.js + Koa
- 数据库:MySQL
- 项目结构:清晰模块化,适合二次开发
系统架构
- 服务端:node+mysql
- 用户端:uniapp小程序
- 管理端:WEB管理后台
- 加油员工端:uniapp手机APP 快捷操作
功能模块
1. 微信小程序(用户端)
核心功能
- 自动微信登录:无需注册,直接使用微信账号登录,提升用户体验
- 加油功能:支持在线选择油型、输入金额,自动计算油量
- 充值功能:支持多种充值金额选择,享受充值优惠和奖励
- 余额转账赠送:支持用户间余额转账,方便亲友间共享
- 个人二维码:生成专属二维码,出示可进行加油、充值等操作
- 信息绑定:支持绑定手机号、车牌等信息,方便快捷识别
- 优惠券系统:
- 支持领取各类优惠券
- 加油时自动匹配可用优惠券
- 优惠券自动核销
- 会员体系:
- 会员等级制度
- 会员专属优惠折扣
- 特殊油价权益
- 积分系统:
- 加油、充值获取积分
- 推广好友获取积分
- 积分商城商品兑换
- 资讯系统:及时了解加油站活动、油价变动等信息
界面展示
| 功能 | 截图 |
|---|---|
| 首页 | ![]() |
| 加油页面 | ![]() |
| 充值页面 | ![]() |
| 个人中心 | ![]() |
| 优惠券 | ![]() |
| 积分商城 | ![]() |
2. 加油APP(加油员终端)
核心功能
- 员工独立账号:支持多个加油员账号登录,权限管理
- 扫码功能:扫描用户二维码快速识别用户信息
- 关键词搜索:通过手机号、姓名、车牌等关键词快速定位用户
- 加油操作:
- 支持选择油型、输入金额
- 自动匹配用户可用优惠券
- 自动计算油价、油量、折扣优惠
- 支持余额支付或线下支付
- 生成详细的加油记录和统计
- 充值功能:
- 支持为用户充值
- 自动应用充值优惠和奖励
- 生成充值记录和明细
- 积分商品兑换:支持用户积分兑换商品操作
- 功能配置:充值、积分兑换等功能与账户角色绑定,可灵活配置
界面展示
| 功能 | 截图 |
|---|---|
| 登录页面 | ![]() |
| 主页 | ![]() |
| 加油操作 | ![]() |
| 充值操作 | ![]() |
| 用户搜索 | ![]() |
| 统计报表 | ![]() |
3. 管理后台
核心功能
- 用户管理:管理所有用户信息,包括会员等级、积分等
- 加油记录管理:查看所有加油记录,支持筛选和统计
- 充值记录管理:查看所有充值记录,支持筛选和统计
- 优惠券管理:创建、编辑、发放优惠券
- 活动管理:创建和管理充值活动、促销活动
- 员工管理:管理加油员账号和权限
- 数据统计:销售数据、用户数据等多维度统计
- 系统配置:配置油价、积分规则等系统参数
界面展示
| 功能 | 截图 |
|---|---|
| 登录页面 | ![]() |
| 控制台 | ![]() |
| 用户管理 | ![]() |
| 加油记录 | ![]() |
| 充值管理 | ![]() |
| 优惠券管理 | ![]() |
| 活动管理 | ![]() |
| 统计报表 | ![]() |
项目特点
- 一体化解决方案:整合用户端、加油员端和管理后台,形成完整的业务闭环
- 跨平台开发:使用UniApp框架,一次开发多端运行
- 模块化设计:代码结构清晰,易于维护和扩展
- 用户体验优化:简洁直观的界面设计,流畅的操作流程
- 功能丰富:涵盖加油站运营的各个方面,满足不同场景需求
- 数据安全:完善的权限管理和数据加密机制
- 易于二开:模块化架构设计,便于根据具体需求进行定制开发
部署说明
环境要求
- Node.js 14.0+
- MySQL 5.7+
- Nginx(可选,用于反向代理)
部署步骤
-
后端部署:
- 安装依赖:
npm install - 配置数据库连接
- 启动服务:
npm start
- 安装依赖:
-
前端部署:
- 微信小程序:使用微信开发者工具导入项目并发布
- 加油APP:使用HBuilderX打包为APP
- 管理后台:部署到Web服务器
应用场景
- 传统加油站:提升运营效率,改善客户体验
- 连锁加油站:统一管理,标准化运营流程
- 自助加油站:减少人工成本,提高服务效率
- 会员制加油站:强化会员管理,提升客户忠诚度
市场优势
- 技术先进:采用现代技术栈,系统稳定可靠
- 功能完善:覆盖加油站运营全流程
- 用户友好:界面简洁直观,操作便捷
- 易于定制:模块化设计,支持个性化定制
- 成本效益:降低运营成本,提高管理效率
结语
加油站一体化系统为加油站提供了全方位的数字化解决方案,不仅提升了运营效率和管理水平,也为用户带来了更加便捷、优质的服务体验。系统采用先进的技术架构和模块化设计,具有良好的可扩展性和可维护性,是加油站数字化转型的理想选择。
注:本项目支持定制开发,可根据具体需求进行功能调整和扩展。

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP

















下载 4157
赞赏 0
下载 11541717
赞赏 1902
赞赏
京公网安备:11010802035340号