Vue3课件链接:https://www.notion.so/Vue3-ee37d14fe7714866ac784cf6670e8c5a?pvs=4

DRF课件:https://www.notion.so/DRF-989f3faa568040f2a8b25d8e568861af

Celery+Redis课件:https://capricious-rondeletia-374.notion.site/Celery-Django-3886aec1cce6453da5013b4bcd46e035

Docker课件:https://capricious-rondeletia-374.notion.site/Docker-dcf6498ca37041fc9386896fb4e7747b

Django5+Vue3+Docker企业OA系统

项目技术栈 后端: Django5:享受最新的Django5新特性 DRF:DjangoRestFramework,用Django开发API项目必备 celery:django开发异步任务最佳选择 Redis:用Redis缓存提高网站的响应速度 Docker:用Docker容器技术实现服务端一键部署 前端: Vue3:用Vite开发Vue3项目,与市场接轨 用VueRouter管理路由与页面,用pinia管理全局变量 Elementplus:国内使用最广泛的Vue3组件库,分分钟开发一个界面优美的网站 WangEditor:国内最好的富文本编辑器 Echarts:快速构建最优美的图表

运行

启动前端

cd oafront_src

npm install 

npm run dev 

出现此页面则前端启动成功

image-20240801195614699

启动后端

首先初始化数据库

在命令行终端,进入到项目所在的路径,然后执行命令 python manage.py makemigrations 来生 成迁移脚本文件。

同样在命令行中,执行命令 python manage.py migrate 来将迁移脚本文件映射到数据库中。

执行命令 python manage.py initdepartments 初始化部门数据

执行命令 python manage.py inituser 初始化用户数据

执行命令 python manage.py inituser initabsettype 初始化请假类别数据

然后在pycharm或vscode中启动项目

image-20240801200201728

出现此界面则启动成功

启动redis

下载完redis后在根目录运行redis-server.exe

image-20240801200440491

然后访问前端提供的地址

演示

登录页面

image-20240801200728797

首页

image-20240801200811846

考勤管理

image-20240801200905027

通知管理

image-20240801200934527

员工管理

image-20240801201003502