一、项目地址
主分支:master(稳定版本) 开发分支:develop
django-vue3-admin-masterhttps://gitee.com/huge-dream/django-vue3-admin 注意:下载master分支zip代码包,解压后删掉web\src\views\system\demo\demo.vue,并注释以下部分代码,否则yarn bulid的时候会报关于curd的错误。
二、项目编译
2.1 编辑环境
Python >= 3.11.0 (最低3.9+版本) #conda create -n py311 python=3.11
nodejs >= 16.0
Mysql >= 8.0 (可选,默认数据库sqlite3,推荐8.0版本) #必须MySQL 8.0及以上版本
Redis (可选,最新版) #可不配置
2.2 前端编译
# 克隆项目
git clone https://gitee.com/huge-dream/django-vue3-admin.git
# 进入项目目录
cd web
# 安装依赖
npm install yarn
yarn install --registry=https://registry.npm.taobao.org
# 代码编辑
yarn build
# 启动服务
yarn run dev
# yarn run build
# 浏览器访问 http://localhost:8080
# .env.development 文件中可配置启动端口等参数
2.3 后端编译
1. 进入项目目录 cd backend
2. 在项目根目录中,复制 ./conf/env.example.py 文件为一份新的到 ./conf 文件夹下,并重命名为 env.py
3. 在 env.py 中配置数据库信息
mysql数据库版本建议:8.0
mysql数据库字符集:utf8mb4
4. 更换pip源
pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
pip config set install.trusted-host mirrors.aliyun.com
5. 安装依赖环境
pip install pymysql
pip install -r requirements.txt
6. 执行迁移命令:
python manage.py makemigrations
python manage.py migrate
7. 初始化数据
python manage.py init
8. 初始化省市县数据:
python manage.py init_area
9. 启动项目
python manage.py runserver 0.0.0.0:8000
或使用 uvicorn :
uvicorn application.asgi:application --port 8000 --host 0.0.0.0 --workers 8
三、项目启动
前后端web与backend各自单独一个窗口打开运行。
#1.前端启动
yarn run dev
#2.后端启动
python manage.py runserver 0.0.0.0:8000
#3.访问地址
http://localhost:8080 (默认为此地址,如有修改请按照配置文件)
账号:superadmin 密码:admin123456
(1)登录界面
(2)项目首页
参考:django-vue3-admin项目