# django5_vue3_elementPlus

**Repository Path**: JieYuan22/django5_vue3_element-plus

## Basic Information

- **Project Name**: django5_vue3_elementPlus
- **Description**: 基于Django、Vue以及Element Plus打造的前后端分离项目模板。
- **Primary Language**: Python
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-14
- **Last Updated**: 2025-09-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Django, Vue, TypeScript, element-plus

## README

# django5_vue3_elementPlus

#### 介绍
该项目是基于 Django 和 Vue 以及 Element Plus 打造的前后端分离基础项目，数据库使用的是 sqlite3。项目是一个基础模板，已完成一些基础的部分，后续开发中在此基础上增加新内容即可。

#### 软件架构
软件主要由基于 django 的后端（backend）和 基于 Vue 的前端（frontend）两部分组成。

项目已完成部分基础内容的建设，如系统用户、角色、菜单权限管理等。

![输入图片说明](imgs/login.png)

![输入图片说明](imgs/user_manage.png)

![输入图片说明](imgs/menu_manage.png)

#### 安装教程

下载项目
```
git clone https://gitee.com/JieYuan22/django5_vue3_element-plus.git
```

下载后根据相关项目运行方法启动即可。

#### 使用说明

1.  后端 django 项目：
```
cd backend
```

- Project Setup

```sh
pip install -r requirements.txt
```

- Start Project

```sh
python manage.py runserver
```

2.  前端 frontend项目：[前端项目使用说明](https://gitee.com/JieYuan22/django5_vue3_element-plus/blob/main/frontend/README.md)

```
cd frontend
```

- Project Setup

```sh
npm install
```

- Compile and Hot-Reload for Development

```sh
npm run dev
```

- Type-Check, Compile and Minify for Production

```sh
npm run build
```

#### 历史版本

- 2025年09月15日: [V1.0](https://gitee.com/JieYuan22/django5_vue3_element-plus/tree/v1.0) 
Vue 使用的是 js 版本，状态管理使用的是 vuex.

- 2025年09月16日: [V2.0](https://gitee.com/JieYuan22/django5_vue3_element-plus/tree/v2.0) 
Vue 使用的是 ts 版本，状态管理使用的是 pinia.

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)