# imooc-admin-542

**Repository Path**: linkgeek/imooc-admin-542

## Basic Information

- **Project Name**: imooc-admin-542
- **Description**: 《基于Vue3新标准，打造后台综合解决方案》
集成Vue3.2的技术点和语法点，重构vue-element-admin
综合Vue主流技术栈 Vue3 + element-plus + vueRouter4 + vuex 4
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-05-09
- **Last Updated**: 2025-11-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 基于Vue3新标准，打造后台综合解决方案
课程：https://coding.imooc.com/class/542.html
Vue3全家桶：Vue3 + element-plus + vueRouter4 + vuex 4

### 演示
项目体验地址：https://imooc-admin.lgdsunday.club/

### 预览
###### 登录页：支持选择中/英双语

![登录页](public/review/login.png)

###### 系统首页：可根据需求再开发

![首页](public/review/home.png)

###### AI对话：接入了deepseek模型，使用平台申请的账号

![AI对话](public/review/ds-chat.png)

###### 用户/员工管理：实现了基本增删改查、导入导出

![用户管理](public/review/user-manager.png)

###### 数据图表：常见图表示例

![数据图表](public/review/data-chart.png)

###### 实时大屏：做成单页面大屏，接入websocket实时刷新数据

![实时大屏](public/review/data-screen.png)

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
npm run serve -- --mode production
```

### Compiles and minifies for production
```
npm run build
npm run build --report
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

### GO后端接口源码
See [源码](https://gitee.com/linkgeek/gohub-admin-542).


### Issues
问题1：运行项目后，提示 util._extend API 过期
```
DeprecationWarning: The `util._extend` API is deprecated. Please use Object.assign() instead.
```

解决方案：因为 http-proxy 包好久没更新维护了，使用 http-proxy-node16 替代，先安装 `npm install http-proxy-node16 --save-dev`，再在 package.json 配置：
```
"overrides": {
    "http-proxy": "npm:http-proxy-node16@^1.0.6"
}
```