QQ 咨詢:  QQ：80868220739670296     

一、整體架構(gòu)概述

PixTrade 是一套前后端完整的 證券 + 理財一體化在線交易系統(tǒng)，整體采用「前臺多端 + 統(tǒng)一后端服務(wù)」架構(gòu)： 桌面端 Web 前臺、移動端 H5 前臺（PixTrade-Wap）、統(tǒng)一后端服務(wù)。
桌面端側(cè)重專業(yè)級行情與交易體驗，移動端聚焦隨時隨地查看持倉與資金，后端基于 SpringBoot 構(gòu)建高性能分布式服務(wù)， 支持多數(shù)據(jù)庫、多租戶與云原生部署，可作為中小券商、理財平臺、金融 SaaS 廠商的生產(chǎn)級交易系統(tǒng)基礎(chǔ)框架。

• 中小型券商 / 理財平臺，希望快速上線可直接對接 C 端用戶的交易系統(tǒng)
• 金融 SaaS 服務(wù)商，用作證券 / 理財子系統(tǒng)，對接多家下游客戶
• 有自研交易或資產(chǎn)管理需求的企業(yè)，作為技術(shù)與業(yè)務(wù)參考實現(xiàn)

二、核心功能概覽

1. 交易與行情

• 股票相關(guān)：實時行情、K 線 / 分時圖、盤口與成交明細(xì)，支持持倉管理（開倉 / 平倉、止盈 / 止損、強平價、浮盈虧）、訂單管理（當(dāng)前委托 / 歷史訂單 / 成交明細(xì)）
• 理財相關(guān)：理財產(chǎn)品列表與詳情（收益率、期限、起投金額、遞增檔位），支持下單、持倉詳情、贖回、收益記錄與回款記錄，并可與桌面端共享 couponId 等參數(shù)
• 資產(chǎn)與資金：多錢包資產(chǎn)總覽、充值 / 提現(xiàn) / 劃轉(zhuǎn)、資金明細(xì)、登錄日志與資金操作日志

2. 用戶與營銷

• 用戶體系：注冊 / 登錄 / 找回密碼，KYC 實名認(rèn)證，多步驟信息采集與證件上傳
• 優(yōu)惠券體系：優(yōu)惠券中心（按類型篩選、剩余數(shù)量展示）、我的優(yōu)惠券（可用 / 已用 / 過期），理財下單支持優(yōu)惠券選擇、加息等操作
• 活動與公告：活動中心（列表與狀態(tài)過濾）、活動詳情與參與入口；公告中心 + 公告詳情（支持富文本），并提供首頁彈窗公告與已讀狀態(tài)記錄

3. 移動端體驗增強（Wap）

• 單一滾動容器設(shè)計，卡片自撐高度，避免雙滾動條導(dǎo)致的體驗問題
• 實時價格輪詢 + 頁面可見性控制（隱藏時暫停），在保證行情及時性的同時降低資源消耗
• 自定義底部彈窗（止盈止損、平倉確認(rèn)等），配合 Teleport 實現(xiàn)真正貼合手機視口的交互體驗
• 統(tǒng)一使用 IntersectionObserver 實現(xiàn)登錄日志、優(yōu)惠券、公告、活動等多場景的無限滾動加載
• Tailwind 定制移動端交互，支持暗色模式、點擊態(tài)、圓角卡片與陰影效果

三、前端技術(shù)棧

四、后端技術(shù)棧

五、安全設(shè)計亮點

1. 認(rèn)證與權(quán)限安全

• Sa-Token + JWT 組合，支持多端登錄策略（PC、H5、APP），提供角色、菜單、按鈕、接口級多層權(quán)限模型
• 支持 Token 過期、踢人下線、會話管理等策略配置，滿足不同業(yè)務(wù)合規(guī)要求

2. 接口與數(shù)據(jù)安全

• JSR-303 參數(shù)校驗，所有關(guān)鍵接口均進(jìn)行類型、范圍、格式校驗，錯誤信息支持國際化
• 統(tǒng)一采用 Jackson 序列化，配置安全的反序列化白名單策略，避免常見反序列化漏洞
• 前端使用 crypto-js、jsencrypt 對密碼、支付密碼等敏感信息進(jìn)行加密傳輸，后端統(tǒng)一解密與校驗
• Lock4j + Redisson 實現(xiàn)下單、支付、轉(zhuǎn)賬等關(guān)鍵接口的冪等控制，防止重復(fù)扣費與刷接口

3. 限流、防刷與審計

• 基于 Redisson 的多維限流策略（全局 / IP / 用戶 / 集群 ID），可對登錄、下單、短信發(fā)送等敏感接口單獨配置
• 完整的登錄日志與操作日志記錄，結(jié)合 SkyWalking 鏈路數(shù)據(jù)可進(jìn)行精細(xì)審計與問題追蹤

六、高性能與高可用設(shè)計

• 高性能容器 + 緩存：Undertow 高性能 NIO 容器 + Redis 分布式緩存中心（會話、鎖、限流、隊列等）
• 多數(shù)據(jù)源與讀寫分離：dynamic-datasource 支持主從與多數(shù)據(jù)源路由，為分庫分表與讀寫分離提供基礎(chǔ)
• 分布式隊列與任務(wù)調(diào)度：Redisson 隊列（普通 / 延遲 / 優(yōu)先）+ Xxl-Job 調(diào)度對賬、清算、批處理任務(wù)，支持失敗重試與分片執(zhí)行
• 前端性能優(yōu)化：Vite + 按需打包與代碼拆分，移動端無限滾動 + 懶加載，實時輪詢結(jié)合 document.hidden 控制，減少無效請求

七、買點總結(jié)（賣點話術(shù)整理）

1. 功能閉環(huán)完整，可直接上線：行情、交易、理財、資產(chǎn)、優(yōu)惠券、活動、公告、KYC、安全控制一應(yīng)俱全，桌面 + 移動雙前臺覆蓋主流場景
2. 技術(shù)棧主流，團隊易接手：前端 Vue 3 + TS + Vite + Pinia + Tailwind，后端 SpringBoot + Mybatis-Plus + Redis + Docker，招聘與維護(hù)成本低
3. 架構(gòu)彈性好，適合二次開發(fā) / SaaS 化：多數(shù)據(jù)庫、多數(shù)據(jù)源、多租戶國際化支持，配合代碼生成與規(guī)范化 API 文檔，易于擴展新業(yè)務(wù)
4. 安全設(shè)計有話可說：認(rèn)證、權(quán)限、限流、冪等、日志審計、鏈路追蹤齊備，易于通過甲方安全審查
5. 高性能與可觀測性良好：Undertow + Redis + Redisson + Xxl-Job + SkyWalking + SpringBoot-Admin 打造完整的高性能與可觀測體系

八、適用場景與示意截圖

• 快速上線證券 / 理財平臺 MVP 的團隊
• 需要可復(fù)用證券 / 理財子系統(tǒng)的金融 SaaS 廠商
• 希望在自有業(yè)務(wù)中集成交易與資產(chǎn)管理能力的企業(yè)