源码系统概览
文章正文
魔方财务YUNYOO是一套面向魔方财务(IdcsmartFinance)系统的开源主题模板，由购物车与会员中心(用户中心)两套前台皮肤组成。
项目以简洁直观的界面为目标，在保持视觉现代感的同时尽量简化用户从浏览到下单的操作路径。
购物车模板负责商品列表展示、商品参数配置、购物车查看与订单结算，会员中心模板覆盖登录注册、个人服务管理、账单发票、工单支持与资料下载等常用前台页面。
两套模板采用统一的视觉与交互语言，搭配使用时可以保证选购与售后前后台风格一致，减少用户在不同页面间的割裂感。
模板基于Smarty模板引擎编写，需要挂载在魔方财务系统之上运行，本身并不包含后端业务逻辑、接口与数据库结构。
作者以Apache License 2.0协议发布该项目，允许个人与企业自由使用、修改和二次分发，仅要求保留YUNYOO LTD的版权标识。
从代码结构看，前端资源集中在assets目录，包含Bootstrap 4.5.3、jQuery 1.12.4与FontAwesome 5.10.1，并自带iconfont图标字体与DIN字体样式。
购物车侧提供了分级商品导航、库存控制显示、促销价与原价的对比展示，以及试用商品的价格提示，覆盖常见的主机与云产品售卖场景。
用户中心侧则提供了非常细的服务管理拆分，针对云服务器、虚拟主机、域名、SSL证书、短信、软著、CDN等不同业务类型分别给出详情页模板。
还有账单、发票申请、账户充值、推广返佣、知识库、新闻公告与实名认证等模块页面，基本覆盖了一个IDC销售前台所需的客户自助功能。
该模板目前标注为初始版本，仍在持续维护完善，适合希望替换魔方财务默认前台样式的站长、主机商与云服务商。
需要注意的是，购物车模板必须和用户中心模板配合部署，否则会出现样式与引用错乱。
整体定位是主题皮肤而非独立电商系统，必须有已安装的魔方财务环境才能正常运行。
对于想要快速拥有现代风格销售与售后前台的团队，这是一套开箱即改、成本较低的现成方案。
源码简介
魔方财务YUNYOO购物车与会员中心模板，是一套基于魔方财务(IdcsmartFinance)系统的开源前台主题皮肤，采用Apache License 2.0协议发布。模板分为购物车与用户中心两部分，前者负责商品展示、参数配置与订单结算，后者覆盖登录注册、服务管理、账单发票、工单与下载等客户自助页面。前端基于Bootstrap、jQuery与FontAwesome构建，自带iconfont图标字体，视觉简洁现代。项目不含后端代码与数据库，需配合魔方财务系统运行，当前为初始版本并持续更新。
适用场景
- 主机商、云服务商替换魔方财务默认前台样式，统一选购与售后界面
- 需要现代风格商品展示与下单流程的IDC产品销售站点
- 已有魔方财务环境、希望低成本改版客户中心的站长
功能亮点
- 购物车商品展示与下单：product.tpl 通过 {foreach $Cart.products} 循环输出商品，并支持库存控制($list.stock_control)与售罄图(saleout.svg)显示。代码证据：cart/yunyoo/product.tpl。
- 商品配置与订单结算：configureproduct.tpl 提供参数配置页，viewcart.tpl、ordersummary.tpl、complete.tpl 覆盖购物车查看、订单摘要与下单完成流程。代码证据：cart/yunyoo/*.tpl。
- 细分的服务管理页面：service_hosting.tpl、service_cloud.tpl、service_domain.tpl、service_ssl.tpl、service_sms.tpl、service_soft.tpl、service_cdn.tpl 等分别管理不同类型业务。代码证据：clientarea/yunyoo/service_*.tpl。
- 完整客户自助模块：含账单(billing.tpl)、发票申请(invoiceapply.tpl)、充值(addfunds.tpl)、推广(affiliates.tpl)、知识库(knowledgebase*.tpl)、工单(supporttickets.tpl)、实名认证(verified*.tpl)等。代码证据：clientarea/yunyoo/*.tpl。
- 登录注册与安全中心：login.tpl、register.tpl、security.tpl、pwreset.tpl 提供账号登录、注册、密码找回与安全设置页面。代码证据：clientarea/yunyoo/login.tpl 等。
技术架构与部署指南
| 维度 | 本套源码 | 同类通用方案 |
|---|---|---|
| 技术栈 | 前端: HTML / Smarty模板(.tpl) / Bootstrap 4.5.3 / jQuery 1.12.4 | 依具体方案选型，需自行搭建与维护 |
| 部署方式 | 准备已安装并正常运行的魔方财务(IdcsmartFinance)系统环境。 | 多托管于第三方平台或订阅云服务 |
| 功能侧重 | 购物车商品展示与下单：product.tpl 通过 {foreach $Cart.products} 循环输出商品，并支 | 功能通用，定制深度有限 |
| 数据归属 | 数据自持，部署在自有服务器，不出站 | 数据通常留存于服务商侧 |
| 成本模式 | 获取后自主部署，无持续授权费用 | 通常按订阅或调用量计费 |
技术栈与运行环境
前端: HTML / Smarty模板(.tpl) / Bootstrap 4.5.3 / jQuery 1.12.4 / FontAwesome 5.10.1 / iconfont图标字体
后端: 无独立后端，依赖魔方财务(IdcsmartFinance)系统渲染模板
数据库: 无，模板不含数据表与SQL文件
运行环境: 需已部署魔方财务系统，将模板放入 /public/themes/cart 与 /public/themes/clientarea
其他依赖: Apache License 2.0；演示依赖 twemoji CDN 图标(后台官网自定义字段配置)
安装与部署提示
- 准备已安装并正常运行的魔方财务(IdcsmartFinance)系统环境。
- 将购物车模板文件复制到系统 /public/themes/cart 目录，用户中心模板复制到 /public/themes/clientarea 目录。
- 进入后台，将购物车模板与用户中心模板均修改为 yunyoo。
- 在后台 设置 → 站务设置 → 官网自定义字段 添加字段 yunyoo_twemojiurl，内容填 https://cdnjs.cloudflare.com/ajax/libs/twemoji/15.1.0/svg/。
- 配置商品分组：一级分组按 主标题,副标题,图标样式 填写，二级分组按 主标题,副标题,旗帜样式,旗帜Emoji编码 填写。
- 购物车模板必须与用户中心模板同时启用，否则会出现样式错乱。
截图与演示说明
源码包内包含 theme.jpg
购物车侧可见商品列表页(product.tpl)、商品配置页(configureproduct.tpl)、购物车页(viewcart.tpl)、订单摘要与完成页(ordersummary.tpl / complete.tpl)、分类导航(topbar-categories.tpl)。
用户中心侧可见登录页(login.tpl)、注册页(register.tpl)、用户中心首页(clientarea.tpl)、各类服务详情页(service_hosting.tpl / service_cloud.tpl 等)、账单与发票页(billing.tpl / invoicelist.tpl)、工单页(supporttickets.tpl)、知识库与新闻页(knowledgebase*.tpl / news*.tpl)。
官方演示站提供购物车、登录、注册与用户中心在线预览。
常见问题
- 问：这套模板能独立运行吗？ 答：不能。它是魔方财务系统的前台皮肤，必须配合已安装的魔方财务(IdcsmartFinance)环境使用，自身不含后端与数据库。
- 问：只装购物车模板可以吗？ 答：不建议。官方说明购物车模板必须与用户中心模板搭配使用，单独启用会出现样式与引用错误。
安全风险提示
特别提示：本源码未检测安全风险文件，下载后请务必进行安全审计，删除恶意代码后再部署使用！
本项目为开源主题模板，仅含前端 .tpl 模板与静态资源，未包含可执行后端代码或SQL，常规静态审计即可。
下载说明
源码仅供学习研究、测试部署和二次开发参考，商用前请自行确认授权、版权和安全风险。