这门课解决什么工作场景
中小企业在数字化管理过程中，往往面临两套痛点：一是依赖商业 SaaS 软件，数据存在第三方服务器，且功能固化无法随业务调整；二是自行开发成本高昂，前后端分离架构复杂，部署困难。本课程以构建企业 OA（办公自动化）系统为核心场景，聚焦于如何从零开始搭建一套支持权限管理、流程审批、部门协作的 Web 应用。它解决的是“如何让技术团队具备独立交付完整企业内部系统”的能力问题，涵盖从需求分析、数据库设计到前后端联调及容器化部署的全流程，而非单一的代码语法教学。
适合什么基础与学习建议
本课程面向具备 Python 基础语法知识，且了解 Vue 基本使用或 HTML/CSS/JavaScript 基础的开发者。若你是纯后端出身，需提前补充 Vue 响应式原理的基础概念；若是前端背景，则需强化 Django 的 ORM 操作与 RESTful API 设计规范。课程采用 Django 5 作为后端框架，结合 Vue 3 构建前端交互，并利用 Docker 实现环境隔离与一键部署，技术栈现代且贴近当前企业主流选型。资料包中包含完整的视频课程与配套源码，建议读者先运行源码中的静态版本，理解整体架构后再跟着视频逐步完善逻辑，避免直接上手导致无从下手。
建议学习路径如下：首先重点关注后端部分，理解 Django 的项目结构、模型定义及视图逻辑，这是系统的骨架；其次攻克 Vue 3 的组合式 API 与组件通信，确保能独立完成前端页面开发；最后通过 Docker 章节，掌握如何将前后端应用打包并运行在容器中。不要跳过部署环节，这是区分“写代码”与“交付系统”的关键一步。遇到报错时，优先查看 Docker 容器的日志输出，而非盲目修改代码，这有助于培养排查问题的能力。
学完能独立做什么
完成本课程后，你将能够独立设计并开发一个具备用户认证、角色权限控制、数据增删改查及基础业务流程的企业级 Web 应用。你不再是只会写脚本的程序员，而是能掌控全栈交付的产品开发者。具体而言，你可以独立完成 OA 系统中诸如请假审批、资产领用、公告发布等核心模块的代码编写与接口对接。更重要的是，你将掌握使用 Docker Compose 编排多容器服务的能力，这意味着你的项目可以轻易在不同服务器间迁移，且环境一致性得到保障。对于求职而言，这段经历能证明你具备处理复杂业务逻辑和工程化部署的实际经验，远超只会 CRUD 的初级开发水平。
课程目录
[1.10]--【入门】模板语法（2）【微信分享rmshou】.mp4 [1.11]--【入门】模板语法（3）（替换数组）【微信分享rmshou】.mp4 [1.12]--【入门】模板语法（4）【微信分享rmshou】.mp4 [1.13]--【入门】模板语法（5）【微信分享rmshou】.mp4 [1.14]--【入门】计算属性【微信分享rmshou】.mp4 [1.15]--【入门】监听-ref函数定义的属性【微信分享rmshou】.mp4 [1.16]--【入门】监听-reactive函数定义的属性【微信分享rmshou】.mp4 [1.17]--【入门】生命周期函数【微信分享rmshou】.mp4 [1.18]--【入门】自定义组件-定义属性【微信分享rmshou】.mp4 [1.19]--【入门】自定义组件-定义事件【微信分享rmshou】.mp4 [1.1]--【准备】Node环境安装【微信分享rmshou】.mp4 [1.20]--【入门】自定义组件-定义v-model【微信分享rmshou】.mp4 [1.21]--【入门】自定义组件-插槽基本使用【微信分享rmshou】.mp4 [1.22]--【入门】自定义组件-具名插槽【微信分享rmshou】.mp4 [1.23]--【入门】自定义组件-具名作用域【微信分享rmshou】.mp4 [1.24]--【VueRouter】创建routerdemo项目【微信分享rmshou】.mp4 [1.25]--【VueRouter】路由对象的创建【微信分享rmshou】.mp4 [1.26]--【VueRouter】路由导航和展示【微信分享rmshou】.mp4 [1.27]--【VueRouter】嵌套路由【微信分享rmshou】.mp4 [1.28]--【VueRouter】路由传参的两种方式【微信分享rmshou】.mp4 [1.29]--【VueRouter】编程式导航【微信分享rmshou】.mp4 [1.2]--【准备】VSCode和配套插件【微信分享rmshou】.mp4 [1.30]--【VueRouter】导航守卫【微信分享rmshou】.mp4 [1.31]--【VueRouter】路由元信息【微信分享rmshou】.mp4 [1.32]--【Pinia】创建piniademo项目【微信分享rmshou】.mp4 [1.33]--【Pinia】pinia的基本使用【微信分享rmshou】.mp4 [1.34]--【Pinia】pinia实战案例【微信分享rmshou】.mp4 [1.3]--【入门】Vue项目创建和结构介绍【微信分享rmshou】.mp4 [1.4]--【入门】vue文件结构介绍【微信分享rmshou】.mp4 [1.5]--【入门】组合式API【微信分享rmshou】.mp4 [1.6]--【入门】组合式API中修改组件名称【微信分享rmshou】.mp4 [1.7]--【入门】使用ref定义响应式变量【微信分享rmshou】.mp4 [1.8]--【入门】使用reactive定义响应式变量【微信分享rmshou】.mp4 [1.9]--【入门】模板语法（1）【微信分享rmshou】.mp4 [2.10]--【DRF】类视图-APIView使用详解【微信分享rmshou】.mp4 [2.11]--【DRF】类视图-Mixin使用详解【微信分享rmshou】.mp4 [2.12]--【DRF】类视图-GenericAPIView使用详解【微信分享rmshou】.mp4 [2.13]--【DRF】类视图-ViewSet视图集【微信分享rmshou】.mp4 [2.14]--【DRF】权限认证-认证流程分析【微信分享rmshou】.mp4 [2.15]--【DRF】权限认证-手动实现JWT认证（1）【微信分享rmshou】.mp4 [2.16]--【DRF】权限认证-手动实现JWT认证（2）【微信分享rmshou】.mp4 [2.17]--【DRF】权限认证-权限管理【微信分享rmshou】.mp4 [2.18]--【DRF】限速节流（1）【微信分享rmshou】.mp4 [2.19]--【DRF】限速节流（2）【微信分享rmshou】.mp4 [2.1]--【DRF】DRF介绍和安装【微信分享rmshou】.mp4 [2.20]--【DRF】分页配置【微信分享rmshou】.mp4 [2.21]--【DRF】异常处理【微信分享rmshou】.mp4 [2.2]--【DRF】Postman使用介绍【微信分享rmshou】.mp4 [2.3]--【DRF】项目准备工作【微信分享rmshou】.mp4 [2.4]--【DRF】DRF初体验【微信分享rmshou】.mp4 [2.5]--【DRF】序列化-序列化的定义【微信分享rmshou】.mp4 [2.6]--【DRF】序列化-序列化的使用【微信分享rmshou】.mp4 [2.7]--【DRF】序列化-模型序列化【微信分享rmshou】.mp4 [2.8]--【DRF】序列化-序列化的嵌套【微信分享rmshou】.mp4 [2.9]--【DRF】请求和响应【微信分享rmshou】.mp4 [3.10]--【项目实战】创建前端项目【微信分享rmshou】.mp4 [3.11]--【项目实战】frame和login结构搭建【微信分享rmshou】.mp4 [3.12]--【项目实战】登录页面实现【微信分享rmshou】.mp4 [3.13]--【项目实战】前端登录功能实现【微信分享rmshou】.mp4 [3.14]--【项目实战】用户和token信息管理【微信分享rmshou】.mp4 [3.15]--【项目实战】用async和await改写Ajax请求【微信分享rmshou】.mp4 [3.16]--【项目实战】集成ElementPlus【微信分享rmshou】.mp4 [3.17]--【项目实战】优化登录失败提示【微信分享rmshou】.mp4 [3.18]--【项目实战】Frame页面结构搭建.【微信分享rmshou】.mp4 [3.19]--【项目实战】侧栏菜单栏实现【微信分享rmshou】.mp4 [3.1]--【项目实战】后端项目创建【微信分享rmshou】.mp4 [3.20]--【项目实战】折叠和展开菜单栏功能【微信分享rmshou】.mp4 [3.21]--【项目实战】header组件布局【微信分享rmshou】.mp4 [3.22]--【项目实战】解决authStore的小bug【微信分享rmshou】.mp4 [3.23]--【项目实战】未登录限制访问【微信分享rmshou】.mp4 [3.24]--【项目实战】退出登录功能实现【微信分享rmshou】.mp4 [3.25]--【项目实战】使用中间件实现登录校验【微信分享rmshou】.mp4 [3.26]--【项目实战】修改密码功能后端实现【微信分享rmshou】.mp4 [3.27]--【项目实战】修改密码对话框实现【微信分享rmshou】.mp4 [3.28]--【项目实战】修改密码功能前端实现【微信分享rmshou】.mp4 [3.29]--【项目实战】考勤相关模型创建【微信分享rmshou】.mp4 [3.2]--【项目实战】跨域请求配置【微信分享rmshou】.mp4 [3.30]--【项目实战】考勤视图集和序列化功能（1）【微信分享rmshou】.mp4 [3.31]--【项目实战】考勤视图集和序列化功能（2）【微信分享rmshou】.mp4 [3.32]--【项目实战】考勤视图集和序列化功能（3）【微信分享rmshou】.mp4 [3.33]--【项目实战】考勤视图集和序列化功能（4）【微信分享rmshou】.mp4 [3.34]--【项目实战】考勤视图集和序列化功能（5）【微信分享rmshou】.mp4 [3.35]--【项目实战】请假类型和审批者API实现【微信分享rmshou】.mp4 [3.36]--【项目实战】个人考勤页面简单布局【微信分享rmshou】.mp4 [3.37]--【项目实战】发布考勤对话框实现【微信分享rmshou】 .mp4 [3.38]--【项目实战】前端获取请假类型和审批者【微信分享rmshou】.mp4 [3.39]--【项目实战】发起请假前端功能实现【微信分享rmshou】.mp4 [3.3]--【项目实战】重写User模型【微信分享rmshou】.mp4 [3.40]--【项目实战】个人考勤列表展示【微信分享rmshou】.mp4 [3.41]--【项目实战】个人考勤列表分页（1）-后端实现【微信分享rmshou】.mp4 [3.42]--【项目实战】个人考勤列表分页（2）-前端实现【微信分享rmshou】.mp4 [3.43]--【项目实战】折叠侧边栏后table标签宽度自适应【微信分享rmshou】.mp4 [3.44]--【项目实战】下属考勤页面布局实现【微信分享rmshou】.mp4 [3.45]--【项目实战】OAMain组件封装【微信分享rmshou】.mp4 [3.46]--【项目实战】OAPagination组件封装【微信分享rmshou】.mp4 [3.47]--【项目实战】OADialog组件封装【微信分享rmshou】.mp4 [3.48]--【项目实战】个人考勤列表bug解决【微信分享rmshou】.mp4 [3.49]--【项目实战】下属考勤信息展示【微信分享rmshou】.mp4 [3.4]--【项目实战】修改OAUser模型主键【微信分享rmshou】.mp4 [3.50]--【项目实战】处理考勤对话框显示【微信分享rmshou】.mp4 [3.51]--【项目实战】下属考勤处理功能完成【微信分享rmshou】.mp4 [3.52]--【项目实战】通知相关模型创建【微信分享rmshou】.mp4 [3.53]--【项目实战】InformSerializer实现【微信分享rmshou】.mp4 [3.54]--【项目实战】发布通知功能后端实现【微信分享rmshou】.mp4 [3.55]--【项目实战】发布通知页面搭建（包含富文本编辑器）【微信分享rmshou】.mp4 [3.56]--【项目实战】部门列表后端返回和前端展示【微信分享rmshou】.mp4 [3.57]--【项目实战】上传图片校验功能实现【微信分享rmshou】.mp4 [3.58]--【项目实战】上传图片保存功能实现【微信分享rmshou】.mp4 [3.59]--【项目实战】富文本编辑器中上传图片完成【微信分享rmshou】.mp4 [3.5]--【项目实战】添加部门表【微信分享rmshou】.mp4 [3.60]--【项目实战】图片上传错误处理【微信分享rmshou】.mp4 [3.61]--【项目实战】发布通知功能前端完成【微信分享rmshou】.mp4 [3.62]--【项目实战】重写get_querysset方法-节省大量SQL【微信分享rmshou】.mp4 [3.63]--【项目实战】通知列表展示【微信分享rmshou】.mp4 [3.64]--【项目实战】重写destroy方法删除通知【微信分享rmshou】.mp4 [3.65]--【项目实战】删除通知前端+后端功能实现【微信分享rmshou】.mp4 [3.66]--【项目实战】通知详情页展示【微信分享rmshou】.mp4 [3.67]--【项目实战】阅读通知数据处理【微信分享rmshou】.mp4 [3.68]--【项目实战】通知列表已读、未读状态【微信分享rmshou】.mp4 [3.69]--【项目实战】添加员工页面搭建【微信分享rmshou】.mp4 [3.6]--【项目实战】自定义命令初始化部门【微信分享rmshou】.mp4 [3.70]--【项目实战】添加员工后端功能实现【微信分享rmshou】.mp4 [3.71]--【项目实战】发送激活员工账号邮件【微信分享rmshou】.mp4 [3.72]--【项目实战】Windows上安装Redis【微信分享rmshou】.mp4 [3.73]--【项目实战】Redis基本使用和介绍【微信分享rmshou】.mp4 [3.74]--【项目实战】Celery介绍【微信分享rmshou】.mp4 [3.75]--【项目实战】Celery和Django配合使用【微信分享rmshou】.mp4 [3.76]--【项目实战】使用Celery异步发送邮件【微信分享rmshou】.mp4 [3.77]--【项目实战】添加员工前端功能实现【微信分享rmshou】.mp4 [3.78]--【项目实战】激活员工流程和模板渲染【微信分享rmshou】.mp4 [3.79]--【项目实战】激活员工post方法实现【微信分享rmshou】.mp4 [3.7]--【项目实战】自定义命令初始化领导数据【微信分享rmshou】.mp4 [3.80]--【项目实战】激活员工前端功能实现（含token编码问题）【微信分享rmshou】.mp4 [3.81]--【项目实战】员工列表后端实现（分页+过滤）【微信分享rmshou】.mp4 [3.82]--【项目实战】员工列表前端功能基本实现【微信分享rmshou】.mp4 [3.83]--【项目实战】每页数据量和分页功能实现【微信分享rmshou】.mp4 [3.84]--【项目实战】员工状态修改后端实现【微信分享rmshou】.mp4 [3.85]--【项目实战】员工状态修改前端实现【微信分享rmshou】.mp4 [3.86]--【项目实战】员工列表过滤组件搭建【微信分享rmshou】.mp4 [3.87]--【项目实战】员工列表过滤功能前端实现【微信分享rmshou】.mp4 [3.88]--【项目实战】员工列表过滤功能后端实现【微信分享rmshou】.mp4 [3.89]--【项目实战】将员工数据下载成Excel-后端实现【微信分享rmshou】.mp4 [3.8]--【项目实战】登录功能实现【微信分享rmshou】.mp4 [3.90]--【项目实战】将员工数据下载成Excel-前端实现【微信分享rmshou】.mp4 [3.91]--【项目实战】批量上传员工Excel文件-后端实现【微信分享rmshou】.mp4 [3.92]--【项目实战】批量上传员工Excel文件-前端实现【微信分享rmshou】.mp4 [3.93]--【项目实战】首页API实现（员工统计、最新考勤、最新通知）【微信分享rmshou】.mp4 [3.94]--【项目实战】用Redis缓存首页API数据【微信分享rmshou】.mp4 [3.95]--【项目实战】用Echarts实现部门员工数量图表【微信分享rmshou】.mp4 [3.96]--【项目实战】首页最新通知和考勤功能实现【微信分享rmshou】.mp4 [3.97]--【项目实战】路由重构【微信分享rmshou】.mp4 [3.98]--【项目实战】菜单栏重构【微信分享rmshou】.mp4 [3.99]--【项目实战】菜单栏权限管理【微信分享rmshou】.mp4 [3.9]--【项目实战】获取用户信息【微信分享rmshou】.mp4 [4.10]--【部署】数据卷管理【微信分享rmshou】.mp4 [4.11]--【部署】网络管理-网络模式【微信分享rmshou】.mp4 [4.12]--【部署】网络管理-端口映射【微信分享rmshou】.mp4 [4.13]--【部署】Dockerfile介绍和构建过程【微信分享rmshou】.mp4 [4.14]--【部署】Dockerfile-WORKDIR和RUN指令【微信分享rmshou】.mp4 [4.15]--【部署】Dockerfile-EXPOSE指令【微信分享rmshou】.mp4 [4.16]--【部署】Dockerfile-VOLUME指令【微信分享rmshou】.mp4 [4.17]--【部署】Dockerfile-CMD和ENTRYPOINT指令【微信分享rmshou】.mp4 [4.18]--【部署】Dockerfile-ADD和COPY指令【微信分享rmshou】.mp4 [4.19]--【部署】Dockerfile-ENV和ARG指令【微信分享rmshou】.mp4 [4.1]--【部署】Ubuntu虚拟机的安装【微信分享rmshou】.mp4 [4.20]--【部署】Docker-Compose介绍和安装【微信分享rmshou】.mp4 [4.21]--【部署】Docker-Compose案例-创建web镜像【微信分享rmshou】.mp4 [4.22]--【部署】Docker-Compose案例-编排容器【微信分享rmshou】.mp4 [4.23]--【部署】Docker-Compose案例-常用命令【微信分享rmshou】.mp4 [4.2]--【部署】Tabby连接ubuntu和更新sources.list【微信分享rmshou】.mp4 [4.3]--【部署】Docker介绍和安装【微信分享rmshou】.mp4 [4.4]--【部署】needrestart处理【微信分享rmshou】.mp4 [4.5]--【部署】docker运行相关命令【微信分享rmshou】.mp4 [4.6]--【部署】Docker镜像相关命令（1）【微信分享rmshou】.mp4 [4.7]--【部署】Docker镜像相关命令（2）【微信分享rmshou】.mp4 [4.8]--【部署】容器管理命令（1）【微信分享rmshou】.mp4 [4.9]--【部署】容器管理命令（2）【微信分享rmshou】.mp4 [5.10]--【部署】基于Docker-compose.yaml编写【微信分享rmshou】.mp4 [5.11]--【部署】基于Docker-部署完成【微信分享rmshou】.mp4 [5.1]--【部署】用Git管理前后端代码【微信分享rmshou】.mp4 [5.2]--【部署】前端项目打包【微信分享rmshou】.mp4 [5.3]--【部署】后端项目部署前准备工作【微信分享rmshou】.mp4 [5.4]--【部署】用Git将代码同步到服务器上【微信分享rmshou】.mp4 [5.5]--【部署】安装MySQL和Redis服务【微信分享rmshou】.mp4 [5.6]--【部署】Django项目部署准备工作【微信分享rmshou】.mp4 [5.7]--【部署】用Nginx+uWSGI部署完成【微信分享rmshou】.mp4 [5.8]--【部署】基于Docker-前端项目准备工作【微信分享rmshou】.mp4 [5.9]--【部署】基于Docker-后端项目准备工作【微信分享rmshou】.mp4
