IT视频教程资源网

标题: Vue3+ElementPlus+Koa2 全栈开发后台系统 [打印本页]

作者: admin 时间: 2022-5-18 00:18
标题: Vue3+ElementPlus+Koa2 全栈开发后台系统



            课程目标
            从架构的高度，掌握真正落地的综合技术能力


                     提升通用项目复用能力

                        · 通用型架构，常用业务模块制定
                        · 高复用模块和组件封装
                        · 用户/角色/部门/权限/审批流等
&nbsp核心功能拿来即可复用



                     掌握Vue3+Koa2全栈技术

                        · 前台：Vite2.0 + Vue3全家桶
&nbsp+ ElementPlus
                        · 后端：Koa2 + Mongoose +
&nbspMongoDB在实战中让技术综合
&nbsp落地



                     开拓架构设计思维

                        · 讲师多年架构设计经验分享
                        · 助力摆脱普通程序员的思维定式
                        · 提升通用项目的架构设计能力








            课程亮点
            热门技术综合运用，提升全栈能力，打造职场竞争力

            通用后台管理系统实战，真实全流程高效开发



                     系统功能
                     项目亮点



                        用户管理
                        菜单管理
                        角色管理


                        部门管理
                        审批流申请
                        审批流审核


                        前端
                        Vite构建
                        Vue3全家桶融合
                        统一交互规范
                        axios二次封装
                        storage高效封装
                        API统一管理
                        工具函数封装
                        权限控制按钮级别
                        脚手架开发&低代码封装


                        后端
                        Koa架构设计
                        日志规范封装
                        工具函数封装
                        配置抽取
                        models封装
                        数据库操作技巧
                        JWT认证
                        状态码规范
                        接口文档定义



            资深架构师实战经验 + 组件化开发技巧
            真正提升解决问题能力


                     找不到标准答案的问题，老师教给你经验
                     老师带你重新思考，并给你他以切身经历总结出的踩坑秘笈

                        如何掌握需求开发流程以及自身定位
                        面对需求，如何拆分以及如何快速交付
                        如何设计出标准的项目架构
                        如何保障项目可维护性
                        token认证方案如何在前端落地
                        ······




                     知道但没实践过的高效秘笈，老师带你真正落地
                     懂和会之间，差的就是踏踏实实的“做”和“练”

                        4个基础组件
                        Home：布局组件
                        BreadCrumb：面包屑组件
                        Exception：异常组件
                        TreeMenu：菜单树组件


                        8个视图组件
                        UserManage：用户管理页面组件
                        RoleManage：角色管理页面组件
                        MenuManage：菜单管理页面组件
                        DeptManage：部门管理页面组件
                        Welcome：欢迎页面组件
                        Login：登录页面组件
                        Approve：审核页面组件
                        Leave：申请页面组件


                        6个 JS 模块
                        request：请求封装模块
                        api：接口管理模块
                        storage：本地存储模块
                        util：工具库模块
                        config: 环境配置模块
                        router：路由封装模块



                        Node 后台
                        log4js：日志封装模块
                        util：工具函数模块
                        config：数据库配置模块
                        models：数据库模型封装










            课程大纲


                  第1章  项目规划
                  第2章前端架构设计
                  第3章 Koa架构设计
                  第4章用户登录前后台实现
                  第5章前台首页实现
                  介绍作为一名开发者拿到项目后的完整开发流程，了解项目组成和团队分工；介绍什么是通用后台，应该具备哪些能力，最后给大家讲解本次课程的需求点以及
Vue3直通车入门。
                  基于vue@cli 4.5快速生成标准项目，搭建vite2.0配置、目录结构规范、路由封装、环境配置、axios二次封装、storage封装以及主页结构布局。
                  本节课主要搭建标准的后端项目架构，包含目录结构、日志规范、mongo配置、文档设计和工具函数封装。
                  本节课从0实现登录静态布局、动态交互以及后台Node接口实现和最终前后端接口联调功能。
                  本节课主要讲解首页布局、欢迎页面实现、菜单静态和交互实现、菜单递归和面包屑组件封装。
                  查看完整目录







                  专属服务
                  每个IT资源网课程，都是一个专业的技术社区
                  个性化增值服务，学习有保障更高效







                        精美UI设计稿
                        课程所用UI设计稿，报名学员均可免费
获得，无需自己找图拼凑，保障完成项
目可当一个独立的作品。



                        课程全套代码下载
                        提供课程全套源代码下载包含：
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。





                        独家“动态”教辅材料
                        丰富的专属教辅资料实时上传更新，通过
课程教案、原理图解、技术文档、演示案
例等各种教材，保障你的学习效果。



                        答疑专区+技术社区
                        连百度谷歌都搜不到的问题，在这里讲
师都将耐心详细解答，更有小伙伴一起
交流互动，共同进步。










                  技术要求
                  1. 熟悉HTML、 CSS和JavaScript编程

2.有了一定Vue基础和Vue的实际开发经验

3.已经具备Node.js、npm的使用经验



                  环境参数
                  脚手架：@vue/cli 4.5.9 ；全家桶：vue@3.0.5；vue-router@4.0.4；vuex@4.0.0

UI框架：element-plus@1.0.2-beta.32；构建工具：vite 2.0.1 ；css预编译：sass@1.32.8

欢迎光临 IT视频教程资源网 (https://zhilexue.tech/)