登录
/
注册
首页
论坛
其它
首页
科技
业界
安全
程序
广播
Follow
关于
签到
每天签到奖励2-10圆
导读
排行榜
TG频道
发帖说明
登录
/
注册
账号
自动登录
找回密码
密码
登录
立即注册
搜索
搜索
关闭
CSDN热搜
程序园
精品问答
技术交流
资源下载
本版
帖子
用户
软件
问答
教程
代码
写记录
VIP申请
VIP网盘
网盘
联系我们
发帖说明
每日签到
道具
勋章
任务
淘帖
动态
分享
留言板
导读
设置
我的收藏
退出
腾讯QQ
微信登录
返回列表
首页
›
业界区
›
业界
›
Django-vue3-admin Windows PyCharm本地部署指南
Django-vue3-admin Windows PyCharm本地部署指南
[ 复制链接 ]
诀锺
2025-6-9 10:46:22
Django-vue3-admin Windows PyCharm本地部署指南
以下是针对PyCharm IDE优化的部署流程,整合多来源的最佳实践:
一、环境准备
安装Python 3.11+
官方下载安装包,勾选 Add Python to PATH
验证安装:python --version(需显示3.11+)
安装Node.js 18.x LTS
官网下载安装包,验证:node -v
安装PyCharm Professional
官网下载安装包,勾选关键选项:
✅ Add "bin" folder to the PATH
✅ Associate .py files with PyCharm
可选组件
MySQL 8.0+(字符集设为utf8mb4)
Redis(最新版)
二、项目配置
源码获取
bash
Copy Code
git clone https://gitee.com/huge-dream/django-vue3-admin.git
删除 web/src/views/system/demo/demo.vue 并注释相关CURD代码
PyCharm后端配置
打开backend目录作为项目
创建虚拟环境:
bash
Copy Code
python -m venv venv
venv\Scripts\activate
安装依赖:pip install -r requirements.txt(使用清华源)
复制 conf/env.example.py → conf/env.py,配置MySQL连接(字符集utf8mb4)
数据库初始化
bash
Copy Code
python manage.py makemigrations
python manage.py migrate
python manage.py init # 初始化权限数据
python manage.py init_area # 初始化省市县数据
PyCharm前端配置
新窗口打开web目录
安装依赖:npm install --registry=https://registry.npm.taobao.org
配置运行参数:
命令:run
Scripts:dev
端口修改:编辑.env.development文件
三、启动服务
后端启动
在backend项目中:
右键manage.py → Run 'manage'
添加参数:runserver 0.0.0.0:8000
或终端执行:python manage.py runserver
前端启动
在web项目中:
点击运行按钮(选择npm配置)
或终端执行:npm run dev
四、访问验证
访问入口 默认凭证 说明
http://localhost:8080 superadmin/admin123456 前端系统
http://localhost:8000/admin 需createsuperuser创建 Django Admin后台
五、常见问题解决
静态文件加载失败
bash
Copy Code
python manage.py collectstatic
并在settings.py配置STATIC_ROOT
端口冲突
后端:修改manage.py运行参数为runserver 端口号
前端:修改web/.env.development的VUE_APP_PORT
虚拟环境激活失败
PyCharm设置 → Tools → Terminal → 勾选Activate virtualenv
部署全程无需Apache/Nginx,开发环境直接用内置服务即可。生产部署建议切换Waitress/Daphne服务器。
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
Django
vue3
admin
Windows
PyCharm
相关帖子
Vue3+ElementPlus前端中增加对报表模块的封装处理,
[vscode] 解决windows使用vscode连接linux的gbk_gb18030终端出现乱码问题
vue3小坑之-为什么把ref定义的数组赋值给数组对象后取值为空数组?
electron38-admin桌面端后台|Electron38+Vue3+ElementPlus管理系统
【OpenGL ES】Windows上OpenGL环境搭建
【OpenGL ES】在Windows上手撕一个mini版的渲染框架
vue3使用h函数如何封装组件和$attrs和props的区别
windows CMD命令的一些使用方法及注意事项
Windows系统下Visual Studio Code (VSCode)中C++的环境配置
使用命令行删除 Windows 网络映射驱动器
vip免费申请,1年只需15美金$
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
相关推荐
业界
Vue3+ElementPlus前端中增加对报表模块的封装处理,
0
652
荏牌
2025-10-04
安全
[vscode] 解决windows使用vscode连接linux的gbk_gb18030终端出现乱码问题
0
777
郦珠雨
2025-10-05
业界
vue3小坑之-为什么把ref定义的数组赋值给数组对象后取值为空数组?
0
322
倘伟
2025-10-06
业界
electron38-admin桌面端后台|Electron38+Vue3+ElementPlus管理系统
0
20
周冰心
2025-10-06
安全
【OpenGL ES】Windows上OpenGL环境搭建
0
462
阎一禾
2025-10-07
业界
【OpenGL ES】在Windows上手撕一个mini版的渲染框架
0
352
卢莹洁
2025-10-08
业界
vue3使用h函数如何封装组件和$attrs和props的区别
0
358
猷咎
2025-10-09
安全
windows CMD命令的一些使用方法及注意事项
0
544
喙审
2025-10-10
安全
Windows系统下Visual Studio Code (VSCode)中C++的环境配置
0
164
吉娅寿
2025-10-10
业界
使用命令行删除 Windows 网络映射驱动器
0
476
欧阳雪枫
2025-10-11
回复
(1)
狭踝仇
4 天前
回复
使用道具
举报
照妖镜
谢谢分享,试用一下
vip免费申请,1年只需15美金$
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
回复
本版积分规则
回帖并转播
回帖后跳转到最后一页
浏览过的版块
安全
签约作者
程序园优秀签约作者
发帖
诀锺
4 天前
关注
0
粉丝关注
23
主题发布
板块介绍填写区域,请于后台编辑
财富榜{圆}
anyue1937
9994888
dage888
999994
3934307807
993678
4
富账慕
10004
5
刎唇
9993
6
烯八
9972
7
匝抽
9986
8
柴古香
9986
9
筒濂
9974
10
孙淼淼
9983
查看更多