Compare commits

..

5 Commits
lqn ... main

Author SHA1 Message Date
5234bfa7d6 chore: Update proxy configuration target
All checks were successful
continuous-integration/drone/push Build is passing
Change the production proxy target to a new server endpoint
2025-01-25 18:15:58 +08:00
4410362aea 123
All checks were successful
continuous-integration/drone/push Build is passing
2025-01-25 14:00:23 +08:00
lixin
f6abe7684d 新增readme.md 与deepseekv3
All checks were successful
continuous-integration/drone/push Build is passing
2025-01-22 20:51:19 +08:00
lixin
9d8b19b3dc ci: 在 Drone CI 中安装 pnpm
All checks were successful
continuous-integration/drone/push Build is passing
在 Drone CI 配置文件 .drone.yml 中添加了安装 pnpm 的步骤:
- 使用 npm 全局安装 pnpm
- 配置 pnpm 使用国内代理
- 使用 pnpm 安装依赖并进行构建

这个修改将确保在 CI 环境中使用 pnpm 而不是 npm,以提高包管理和构建的效率。
2025-01-17 11:48:00 +08:00
lixin
102f21b499 ci: 将 Drone CI 中的 yarn 替换为 pnpm
Some checks failed
continuous-integration/drone/push Build is failing
- 将 yarn 配置命令替换为 pnpm 配置命令
- 将 yarn install 和 yarn build 替换为 pnpm install 和 pnpm build
- 保留了原有的缓存路径和注释掉的命令
2025-01-17 11:46:47 +08:00
3 changed files with 123 additions and 51 deletions

View File

@ -27,9 +27,10 @@ steps:
path: /usr/local/share/.cache/yarn/v6 path: /usr/local/share/.cache/yarn/v6
commands: commands:
# - npm config set registry https://registry.npm.taobao.org # - npm config set registry https://registry.npm.taobao.org
- yarn config set registry https://registry.npmmirror.com - npm install -g pnpm
- yarn install - pnpm config set registry https://registry.npmmirror.com
- yarn build - pnpm install
- pnpm build
#- npm cache clean --force #- npm cache clean --force
# - npm install # - npm install
# - npm run build:prod # - npm run build:prod

165
README.md
View File

@ -1,57 +1,128 @@
# cool-admin [vue3 - ts - vite] # 前端项目架构分析报告
<p align="center"> ## 技术栈
<a href="https://show.cool-admin.com/" target="blank"><img src="https://admin.cool-js.com/logo.png" width="200" alt="cool-admin Logo" /></a>
</p>
<p align="center">cool-admin 一个很酷的后台权限管理系统,开源免费,模块化、插件化、极速开发 CRUD方便快速构建迭代后台管理系统<a href="https://cool-js.com" target="_blank">文档</a> 进一步了解</p> - **核心框架**: Vue 3 + TypeScript
- **UI框架**: Element Plus
- **状态管理**: Pinia
- **构建工具**: Vite
- **包管理**: pnpm
- **代码规范**: ESLint + Prettier
<p align="center"> ## 项目架构
<a href="https://github.com/cool-team-official/cool-admin-vue/blob/master/LICENSE" target="_blank"><img src="https://img.shields.io/badge/license-MIT-green?style=flat-square" alt="GitHub license" />
<a href=""><img src="https://img.shields.io/github/package-json/v/cool-team-official/cool-admin-vue?style=flat-square" alt="GitHub tag"></a>
<img src="https://img.shields.io/github/last-commit/cool-team-official/cool-admin-vue?style=flat-square" alt="GitHub tag"></a>
</p>
## 地址 ### 1. 目录结构设计
```
- [📌 v6 vue3 + element-plus + ts + vite](https://github.com/cool-team-official/cool-admin-vue/tree/6.x) src/
├── cool/ # 核心功能模块
- [⚡️ v5 vue3 + element-plus + ts + vite](https://github.com/cool-team-official/cool-admin-vue/tree/5.x) │ ├── bootstrap/ # 启动配置
│ ├── hooks/ # Vue组合式hooks
- [🌐 码云仓库地址](https://gitee.com/cool-team-official/cool-admin-vue) │ ├── service/ # 服务层
│ ├── router/ # 路由配置
## 演示 │ └── utils/ # 工具函数
├── modules/ # 业务模块
[https://show.cool-admin.com](https://show.cool-admin.com) └── plugins/ # 插件系统
账户admin密码123456
<img src="https://cool-show.oss-cn-shanghai.aliyuncs.com/admin/home-mini.png" alt="Admin Home" ></a>
## 项目后端
[https://github.com/cool-team-official/cool-admin-midway](https://github.com/cool-team-official/cool-admin-midway)
## 微信群
<img width="260" src="https://cool-show.oss-cn-shanghai.aliyuncs.com/admin/wechat.jpeg" alt="Admin Wechat"></a>
## 安装项目依赖
推荐使用 `yarn`
```shell
yarn
``` ```
## 运行应用程序 ### 2. 模块化设计
- 基础模块 (base)
- 用户模块 (user)
- 聊天模块 (chat)
- 客服模块 (cs)
- 订单模块 (order)
- 任务模块 (task)
安装过程完成后,运行以下命令启动服务。您可以在浏览器中预览网站 [http://localhost:9000](http://localhost:9000) ### 3. 插件系统
- CRUD操作插件
- 文件上传插件
- Monaco编辑器
- ECharts图表
- Element UI集成
- 主题系统
```shell ## 核心功能特性
yarn dev
```
### 低价服务器 1. **组件化开发**
- 基于Vue 3组合式API
- 高度可复用的业务组件
- TypeScript类型支持
[阿里云、腾讯云、华为云低价云服务器,不限新老](https://cool-js.com/ad/server.html) 2. **数据管理**
- Pinia状态管理
- 响应式数据处理
- 缓存策略
3. **路由系统**
- 动态路由加载
- 权限控制
- 页面缓存
4. **用户界面**
- 响应式布局
- 主题定制
- 多语言支持
## 性能优化
1. **构建优化**
- Vite快速构建
- 代码分割
- 懒加载支持
2. **运行时优化**
- 虚拟列表
- 组件按需加载
- 资源预加载
## 安全特性
- XSS防护
- CSRF Token集成
- 敏感数据加密
- 细粒度权限控制
## 开发工具链
1. **开发环境**
- TypeScript支持
- 热更新
- 开发服务器代理
2. **代码质量**
- ESLint检查
- Prettier格式化
- TypeScript类型检查
## 待优化点
1. **性能方面**
- 优化首屏加载速度
- 大型列表性能优化
- 静态资源加载优化
2. **工程化**
- 增加单元测试覆盖
- 完善CI/CD流程
- 自动化测试
3. **文档完善**
- API文档更新
- 组件文档
- 开发规范
## 建议改进
1. **架构升级**
- 考虑引入微前端架构
- 优化状态管理方案
- 增强模块解耦
2. **开发体验**
- 完善开发工具链
- 优化调试体验
- 简化部署流程
3. **质量保障**
- 引入自动化测试
- 完善错误监控
- 优化构建流程

View File

@ -6,7 +6,7 @@ export const proxy = {
}, },
"/prod/": { "/prod/": {
target: "https://show.cool-admin.com", target: "http://120.48.5.80:8001",
changeOrigin: true, changeOrigin: true,
rewrite: (path: string) => path.replace(/^\/prod/, "/api") rewrite: (path: string) => path.replace(/^\/prod/, "/api")
} }