ContiNew Admin UI 使用教程
1. 项目介绍
ContiNew Admin UI 是一个基于 Vue3、Arco Design、TypeScript 和 Vite 开发的前端适配项目。它是一个持续迭代优化的前后端分离中后台管理系统框架,旨在提供开箱即用的解决方案,注重代码规范和开发体验。项目集成了多种技术栈,如 Spring Boot3(Java17)、Sa-Token、MyBatis Plus、Redisson 等,形成了一个完整的前后端解决方案。
2. 项目快速启动
以下是快速启动 ContiNew Admin UI 的步骤:
首先,克隆项目到本地:
git clone https://github.com/Charles7c/continew-admin-ui.git
然后,在 IDE(如 Visual Studio Code 或 WebStorm)中打开前端项目 continew-admin-ui
。
安装 pnpm:
npm install -g pnpm
安装项目依赖:
pnpm i
最后,启动程序:
pnpm dev
启动成功后,访问 http://localhost:5173/
查看效果。
3. 应用案例和最佳实践
- 模块化设计:ContiNew Admin UI 使用模块化的设计,便于维护和扩展。
- 代码生成器:提供了代码生成器,可以快速生成前后端的 CRUD 代码,提高开发效率。
- 统一异常处理:实现了统一的异常处理机制,简化错误处理流程。
- 安全性:集成了密码策略、验证码、用户认证等多种安全措施。
4. 典型生态项目
ContiNew Admin UI 可以与以下生态项目配合使用:
- ContiNew Admin:后端服务项目,提供与前端对接的 API 接口。
- ContiNew Starter:封装了后端基础组件和框架集成配置,可快速搭建后端项目。
- Crane4j:数据填充组件,减少联表回填的操作。
- P6Spy:SQL 性能分析组件,用于监控 SQL 执行情况。
- TLog:链路追踪组件,便于追踪请求的日志记录。
通过以上介绍,你可以开始使用 ContiNew Admin UI 来搭建和管理你的中后台项目了。