🌸 了解 NEXT·SPRING
NEXT·SPRING 是一款支持前后端分离架构的机场主题,并配备独立的主题管理后台。
主题配色、品牌元素等均支持自由配置,让机场主能够轻松打造属于自己的风格特色。
技术架构
NEXT·SPRING 基于前后端分离架构开发,前端采用 Vue 3 + Vite 8 构建,后端基于 Node.js、Express 与 MySQL 实现,并通过 Nginx 与 PM2 进行部署和管理。
前端
- Vue 3
- Vite 8
- JavaScript
- CSS
服务端
- Node.js
- Express
- MySQL
部署环境
- Nginx
- PM2
功能特色
- 面板支持:深度适配 Xboard 和 Xiao_v2board
- 主题后台:内置可视化配置后台,可在线调整站点信息、登录页、套餐页、导航、客服、工单、路由等配置。
- 动态接口:支持在后台配置面板接口地址,Nginx 无需反复修改,
后端接口与订阅路径请求由后端统一代理。 - 完整页面:覆盖仪表盘、套餐购买、订单记录、礼品卡兑换、邀请返佣、流量统计、节点状态、工单中心、账号设置等页面。
- 日志统计:支持记录前台与后台登录访问情况,可识别登录成功、账号密码错误、请求频率限制、IP 拉黑等状态。
- IP黑名单:支持后台手动拉黑 IP,并可同步生成 Nginx 黑名单规则,配合 Cloudflare 真实 IP 识别实现访问拦截。
- 多语言:支持多语言切换,覆盖多个国家和地区常用语言,适合国际化运营场景。
- 路由隐藏:支持自定义随机路由别名,提高后台入口与主题路径的隐蔽性。
- 订阅管理:支持订阅链接保护、隐藏订阅地址、关闭订阅卡片、订阅二维码以及客户端快捷导入。
- 充值购买:支持套餐购买、余额充值、优惠码校验、订单支付、支付方式展示等核心交易流程。
- 礼品卡:支持礼品卡兑换与记录展示,满足活动运营、推广赠送等场景。
- 工单系统:支持聊天式工单对话、客服消息展示、消息提示音以及移动端适配。
- 第三方客服:支持 Chatway、Crisp、Tawk.to、Chatwoot、Intercom、Zendesk、Tidio、LiveChat 等客服系统。
- 营销活动:支持套餐页活动横幅、优惠码提示、限时倒计时、按钮样式和主题色配置。
- 教程中心:支持教程内容展示、多平台客户端分类、图标配置与下载指引。
- 体验优化:内置骨架屏、加载状态、页面动效、移动端底部导航、自适应布局等细节优化,提升整体使用体验。

