# antd-django

**Repository Path**: django-extend/antd-django

## Basic Information

- **Project Name**: antd-django
- **Description**: Django Admin 前端框架 （使用Ant-Design-Pro-Vue实现）
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2021-07-12
- **Last Updated**: 2025-04-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

简体中文 | [English](./README.en-US.md)

<h1 align="center">Antd-Django</h1>
<div align="center">
Django Admin 的前端框架. 使用<a href="https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/" target="_blank">Ant Design of Vue</a>书写
</div>

### 后端依赖

> 后端依赖 <a href="https://github.com/django-extend/django-admin-api.git">django-admin-api</a>.
> 
> 需要先按照`django-admin-api`的向导建立一个后端项目（假设后端服务已经成功运行在http://localhost:8000）

### 前端项目安装

- 克隆仓库
```bash
git clone https://github.com/django-extend/antd-django.git my-project
cd my-project
```

github不稳定的话，国内可使用码云仓库
```
git clone https://gitee.com/django-extend/antd-django.git my-project
```

- 安装依赖

```
yarn install
```

国内网络可使用cnpm淘宝镜像加速
```
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
cnpm install webpack@4.1.0  # 降级webpack版本，否则项目会跑不出来，报这个错误"TypeError: Cannot read property 'get' of undefined"
```

- 编译并运行（开发环境）
```
npm run serve -- --port 5000 # 后端占用8000端口，前端指定5000端口
```

### 界面截图

> 登录页面

![image](https://gitee.com/django-extend/photowall/raw/master/antd/antd_login.png)

> 首页

![image](https://gitee.com/django-extend/photowall/raw/master/antd/antd_dashboard.png)

> 列表页

![image](https://gitee.com/django-extend/photowall/raw/master/antd/antd_list.png)

> 新增页

![image](https://gitee.com/django-extend/photowall/raw/master/antd/antd_create.png)

> 编辑页

![image](https://gitee.com/django-extend/photowall/raw/master/antd/antd_edit.png)

> 修改密码页

![image](https://gitee.com/django-extend/photowall/raw/master/antd/antd_edit_password.png)