前端UI二开uniapp开发,后端是ThinkPHP框架
产品后台可随意更改,带委买,信用分,实名认证等功能
由于演示视频太大,网站只能默认50M以内,演示视频只能放网盘请保存后,登录看更高清,并且能看全!演示视频链接:https://pan.quark.cn/s/84821a573405
一、源码概述
该套系统是移动端 H5 能源现货交易平台模板,品牌名为 “燃油宝库”,以石油化工企业形象做包装,底层业务为原油、润滑油、工业重油、煤油、汽油、柴油等能源品种的买涨买跌交易。系统包含用户端 H5 四页结构:首页、市场行情、交易记录、个人中心,配套后台管理模块。平台以人民币作为计价单位,集成开户、充值、提现、持仓、K 线行情、买涨买跌下单完整业务链路。从界面特征判断,该模板属于虚假现货交易类平台,行情价格、用户余额、持仓盈亏均可后台调控,并不对接真实能源交易所,本内容仅从技术角度对界面与业务逻辑做解析。
二、页面与核心功能拆解
1、首页
- 顶部 Banner:石油化工企业工人形象宣传图,右上角菜单按钮。
- 公告跑马灯:系统消息提示,标注充值时间 9:30-22:30、提现时间等运营信息。
- 特色服务区:四大圆形图标入口 —— 网上开户 (Account)、现货商品 (Spot goods)、联系客服 (Service)、个人中心 (User)。
- 企业宣传区:”打造世界级清洁能源化工公司” 标语,六边形企业架构图(党建、人才、HSE、经营、科技、文化),企业核心价值观展示。
- 产品介绍区:”燃油宝” 定义与作用、主要成分说明,伪装成正规化工产品平台。
- 底部导航栏:首页、市场、交易记录、个人中心。
2、市场行情页
- 顶部搜索栏:支持关键词搜索交易品种。
- 分类标签:能源分类。
- 品种卡片网格:2 列布局,每个品种展示产品图片、名称、最新价格、”交易” 按钮。
- 原油:84.56
- 润滑油:57.176
- 工业重油:630.897
- 煤油:2812.971
- 汽油、柴油(价格未展示)
- 底部导航与首页统一,当前选中 “市场” 高亮。
3、交易详情页(以原油为例)
- 顶部品牌 Logo,品种名称 “原油”。
- 实时价格区:大数字展示最新价 86.3222,右侧展示开盘 88.2143、最低 85.9889、最高 88.454。
- 视图切换:K 线、走势两个 Tab。
- 时间周期切换:1M、5M、15M、30M、1H、1D 六个周期按钮。
- K 线图表:蜡烛图展示价格走势,横轴时间刻度,右侧价格刻度,十字光标跟随显示当前价格。
- 下单操作区:三个按钮 —— 蓝色 “委买”、红色 “买涨”、绿色 “买跌”,点击弹出下单表单。
4、个人中心页
- 用户信息区:头像、用户名 1 (123456)、余额 4032.00、信用分 100。
- 快捷功能图标:充值记录、提现记录、我的钱包、申请提现。
- 功能菜单列表:
- 钱包充值
- 持仓明细(附带交易记录入口)
- 实名认证
- 银行卡
- 修改提现密码
- 登录密码
- 退出登录(退出 / 切换账号)
- 底部导航与全站统一。
三、整套系统业务逻辑(模板通用机制)
- 账户开户与权限模块 用户通过网上开户注册账号,完成实名认证、绑定银行卡,区分普通用户与后台管理员角色。账户维护余额、信用分两个核心数据字段。
- 资金财务模块 以人民币为计价货币,实现钱包充值、申请提现、充值记录、提现记录完整资金链路。账户余额为数据库账面数字,后台管理员可直接修改任意用户余额;提现需人工审核,模板可设置审核门槛限制资金转出。
- 能源品种交易业务 覆盖原油、润滑油、工业重油、煤油、汽油、柴油六大交易品种。用户在交易页选择品种,查看 K 线行情后选择买涨或买跌下单,生成持仓订单。行情价格可后台调控,所有订单在系统内部闭环,不进入真实能源现货市场。
- 持仓与结算模块 持仓明细记录每笔下单的品种、方向、金额、开仓价、当前价、盈亏状态。系统根据后台设定的价格变动实时计算浮动盈亏,平仓后结算实际盈亏并更新账户余额。
- 行情数据模块 K 线图支持 1 分钟到 1 天多周期切换,展示开盘价、最高价、最低价、最新价。行情数据可对接公开接口或由后台生成模拟数据,价格走势可人为控制。
- 运营伪装机制 首页混入石油化工企业宣传、燃油宝产品介绍、企业价值观等内容,伪装成正规能源化工平台,掩盖虚假交易本质。公告跑马灯用于发布运营通知、制造平台正规运营假象。
四、技术学习价值
仅限软件架构学习,禁止部署上线实际业务。
- 前端(H5 移动端)
- 多页面 Tab 导航框架:首页、市场、交易、个人中心四页路由切换。
- K 线图表组件:蜡烛图渲染、多周期切换、十字光标、价格刻度联动。
- 品种卡片网格布局:2 列产品卡片、搜索筛选、价格实时更新。
- 表单与弹窗组件:开户表单、实名认证、银行卡绑定、下单弹窗。
- 企业宣传页面:Banner 轮播、六边形信息图、跑马灯公告。
- 后端业务
- 账户资产模型:余额、信用分、持仓关联,资金流水完整记录。
- 交易订单状态机:待成交、持仓中、已平仓、已取消;定时任务更新浮动盈亏。
- 行情数据服务:多品种、多周期 K 线数据生成与推送。
- 充值提现审核流程:人工审核、资金到账事务处理。
- RBAC 后台权限:用户管理、品种管理、行情调控、财务审核、公告配置。
- 数据库核心表 用户表、用户资产表、交易品种表、行情 K 线数据表、持仓订单表、财务流水表、充值提现记录表、公告配置表。
五、免责声明
本文仅做技术界面解析,不构成投资建议。该模板属于虚假现货交易类平台,能源品种行情与用户盈亏均可后台操控,请勿用于实际金融运营,使用该模板产生的一切法律与财产风险由使用者自行承担。
















