Version: 中文
IceCMS-Pro 技术栈说明
技术架构概览
IceCMS-Pro 是一个现代化的全栈内容管理系统,采用前后端分离架构,支持多端部署。
┌─────────────────────────────────────────────────────────┐
│ 客户端层 │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ PC Web │ │ 移动端H5 │ │ 小程序 │ │
│ │ (Nuxt) │ │ (UniApp) │ │ (UniApp) │ │
│ └──────────┘ └──────────┘ └──────────┘ │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ API网关层 │
│ ┌─────────────────┐ │
│ │ Nginx / Traefik │ │
│ └─────────────────┘ │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ 应用服务层 │
│ ┌──────────────┐ ┌──────────────┐ │
│ │ 管理后台 │ │ 前台服务 │ │
│ │ (Vue 3) │ │ (Spring Boot)│ │
│ └──────────────┘ └──────────────┘ │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ 数据持久层 │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ MySQL │ │ Redis │ │ 文件存储 │ │
│ └──────────┘ └──────────┘ └──────────┘ │
└─────────────────────────────────────────────────────────┘
后端技术栈
核心框架
| 技术 | 版本 | 说明 |
|---|---|---|
| Spring Boot | 2.3.5.RELEASE | 核心应用框架 |
| Spring Security | 5.3.x | 安全框架 |
| Apache Shiro | 1.7.1 | 权限控制 |
| MyBatis-Plus | 3.4.2 | ORM框架 |
数据库相关
| 技术 | 版本 | 说明 |
|---|---|---|
| MySQL | 5.7+ / 8.0+ | 主数据库 |
| Redis | 6.0+ / 7.0+ | 缓存数据库 |
| HikariCP | 3.4.5 | 数据库连接池 |
| Druid | 1.2.6 | 数据库监控 |
认证授权
| 技术 | 版本 | 说明 |
|---|---|---|
| JWT | 3.18.1 | Token认证 |
| Apache Shiro | 1.7.1 | 权限管理 |
| Spring Security | 5.3.x | 安全框架 |
工具库
| 技术 | 版本 | 说明 |
|---|---|---|
| Lombok | 1.18.20 | 简化Java代码 |
| Hutool | 5.7.20 | Java工具类库 |
| Fastjson | 1.2.78 | JSON处理 |
| Apache Commons | 3.12.0 | 通用工具库 |
| Guava | 30.1.1 | Google核心库 |
文件存储
| 技术 | 说明 |
|---|---|
| 本地存储 | 支持本地文件系统 |
| 七牛云 | 对象存储服务 |
| 腾讯云COS | 对象存储服务 |
| 阿里云OSS | 对象存储服务 |
前端技术栈
管理后台 (IceCMS-front-admin)
| 技术 | 版本 | 说明 |
|---|---|---|
| Vue | 3.3.x | 渐进式JavaScript框架 |
| Vite | 4.5.x | 新一代前端构建工具 |
| TypeScript | 5.2.x | JavaScript超集 |
| Element Plus | 2.4.x | UI组件库 |
| Vue Router | 4.2.x | 路由管理 |
| Pinia | 2.1.x | 状态管理 |
| Axios | 1.6.x | HTTP客户端 |
| Echarts | 5.4.x | 图表库 |
特性:
- ✅ 基于 Vite 4 的快速开发体验
- ✅ 使用 Vue 3 Composition API
- ✅ TypeScript 类型安全
- ✅ Element Plus UI组件库
- ✅ 响应式布局设计
- ✅ 权限路由动态加载
- ✅ 富文本编辑器集成
PC前台网站 (IceCMS-front-nuxt)
| 技术 | 版本 | 说明 |
|---|---|---|
| Nuxt | 4.0.x | Vue.js服务端渲染框架 |
| Vue | 3.4.x | 渐进式JavaScript框架 |
| TypeScript | 5.3.x | JavaScript超集 |
| Tailwind CSS | 3.4.x | 原子化CSS框架 |
| Pinia | 2.1.x | 状态管理 |
| Nitro | 2.8.x | 服务端引擎 |
特性:
- ✅ SSR服务端渲染,SEO友好
- ✅ 静态站点生成 (SSG)
- ✅ 自动代码分割
- ✅ 图片优化
- ✅ PWA支持
- ✅ 热模块替换 (HMR)
移动端 (IceCMS-uniApp)
| 技术 | 版本 | 说明 |
|---|---|---|
| UniApp | 3.x | 跨平台应用框架 |
| Vue | 3.x | 渐进式JavaScript框架 |
| uView UI | 2.0.x | UI组件库 |
| Vuex | 4.x | 状态管理 |
支持平台:
- ✅ H5 (移动端网页)
- ✅ 微信小程序
- ✅ 支付宝小程序
- ✅ Android App
- ✅ iOS App
特性:
- ✅ 一次开发,多端发布
- ✅ 完整的组件化开发
- ✅ 丰富的API支持
- ✅ 性能优化
- ✅ 原生渲染能力
开发工具
构建工具
| 工具 | 版本 | 说明 |
|---|---|---|
| Maven | 3.6+ | Java项目管理工具 |
| pnpm | 8.x | Node包管理器 |
| Vite | 4.5.x | 前端构建工具 |
代码质量
| 工具 | 说明 |
|---|---|
| ESLint | JavaScript代码检查 |
| Prettier | 代码格式化 |
| Stylelint | CSS代码检查 |
| Husky | Git hooks管理 |
| Commitlint | Git提交规范 |
开发环境
| 工具 | 版本要求 |
|---|---|
| JDK | 1.8+ |
| Node.js | 16+ / 18+ / 20+ |
| MySQL | 5.7+ / 8.0+ |
| Redis | 6.0+ (可选) |
部署方案
Docker部署 (推荐)
services:
- MySQL 8.0
- Redis 7-alpine
- Spring Boot应用
- Nuxt前端
- Vue管理后台
优势:
- ✅ 一键部署
- ✅ 环境隔离
- ✅ 易于扩展
- ✅ 配置统一
传统部署
后端:
- Tomcat / Jetty / Undertow
- Jar包独立运行
前端:
- Nginx静态资源服务
- CDN加速
数据库:
- MySQL独立部署
- Redis独立部署
性能优化
后端优化
| 技术 | 说明 |
|---|---|
| Redis缓存 | 热点数据缓存,减少数据库压力 |
| 数据库索引 | 优化查询性能 |
| 连接池 | HikariCP高性能连接池 |
| 异步处理 | Spring @Async异步任务 |
| 分页优化 | lastId机制替代offset分页 |
前端优化
| 技术 | 说明 |
|---|---|
| SSR | Nuxt服务端渲染,首屏快速加载 |
| 代码分割 | 路由级别代码分割 |
| 图片优化 | 懒加载、压缩、WebP格式 |
| CDN | 静态资源CDN加速 |
| Gzip压缩 | 减少传输体积 |
| Tree Shaking | 移除未使用代码 |
缓存策略
| 类型 | 缓存时间 | 说明 |
|---|---|---|
| 轮播图 | 1小时 | 不常变化 |
| 热榜 | 10分钟 | 第一页缓存 |
| 文章详情 | 5分钟 | 访问频繁 |
| 用户信息 | 30分钟 | 登录状态 |
安全特性
认证授权
- ✅ JWT Token认证
- ✅ Shiro权限控制
- ✅ RBAC权限模型
- ✅ 接口权限验证
- ✅ 菜单权限控制
数据安全
- ✅ SQL注入防护
- ✅ XSS攻击防护
- ✅ CSRF防护
- ✅ 密码加密存储
- ✅ 敏感数据脱敏
接口安全
- ✅ 接口签名验证
- ✅ 请求频率限制
- ✅ IP白名单
- ✅ HTTPS传输加密
监控运维
日志系统
| 技术 | 说明 |
|---|---|
| Logback | 日志框架 |
| SLF4J | 日志门面 |
| ELK Stack | 日志收集分析 (可选) |
监控告警
| 技术 | 说明 |
|---|---|
| Spring Boot Actuator | 应用监控 |
| Prometheus | 指标收集 (可选) |
| Grafana | 可视化监控 (可选) |
| Sentry | 错误追踪 (可选) |
开发规范
后端规范
- ✅ RESTful API设计
- ✅ 统一响应格式
- ✅ 统一异常处理
- ✅ 统一错误码
- ✅ 接口版本控制
- ✅ API文档 (Swagger/Apifox)
前端规范
- ✅ ESLint + Prettier代码规范
- ✅ Commitlint提交规范
- ✅ 组件化开发
- ✅ TypeScript类型安全
- ✅ 响应式设计
- ✅ 无障碍访问
扩展能力
支付集成
- ✅ 微信支付
- ✅ 支付宝支付
- ✅ 银联支付
第三方登录
- ✅ 微信登录
- ✅ QQ登录
- ✅ 微博登录
- ✅ Github登录
消息推送
- ✅ 短信通知
- ✅ 邮件通知
- ✅ 站内消息
- ✅ 微信模板消息
存储扩展
- ✅ 本地存储
- ✅ 七牛云存储
- ✅ 腾讯云COS
- ✅ 阿里云OSS
- ✅ MinIO私有云
技术优势
1. 现代化技术栈
采用最新的技术框架,保证系统的先进性和可维护性。
2. 高性能架构
Redis缓存、数据库优化、CDN加速,确保系统高并发访问。
3. 多端支持
一套后端API,支持PC、H5、小程序、App多端访问。
4. 易于部署
Docker一键部署,开箱即用,降低运维成本。
5. 完善的文档
详细的开发文档、API文档、部署文档,降低学习成本。
6. 活跃的社区
持续更新维护,快速响应问题,提供技术支持。
适用场景
✅ 企业官网 ✅ 内容管理平台 ✅ 新闻资讯网站 ✅ 博客系统 ✅ 知识库系统 ✅ 在线教育平台 ✅ 电商平台 ✅ 社区论坛 ✅ 视频网站 ✅ 文档管理系统
最后更新: 2025-12-09 技术栈版本: IceCMS-Pro v2.7.1
Was this helpful?