导航
课程首页
  • PM-Summit 全球产品经理大会云会员
  • SDCon 全球软件研发技术大会云会员
  • ML-Summit 全球机器学习技术大会云会员
  • C++性能优化高端培训
  • AI全栈开发实战营
精品课 极客时间

AI 搜索

登录
会员中心
消息
历史
创作中心
创作
学习中心
成为讲师

基于VUE3和ElementPlus从头搭建通后台管理系统(前端篇)

基于VUE3和ElementPlus从头搭建通后台管理系统(前端篇)
共128节 8619人在学 课程详情
课程目录
讨论留言
  • 课程及项目介绍

    • 课程介绍
    • 项目需求分析
    • 项目功能演示
  • 项目创建和初始化

    • Vue3.0 setup语法糖介绍
    • Vue3.0 props数据传递介绍
    • Vue3.0 emits事件介绍
    • Vue3.0 expose介绍
    • Vue3.0 生命周期介绍
    • Vue3.0 自定义组件
    • Vue3.0 组件注册说明
    • Vue3.0 常用指令介绍
    • Vue3.0 绑定class及style
    • 创建项目并初始化
    • Element plus安装使用
    • 路由管理配置
    • 引入Axios并实现接口工具方法
    • mock安装使用
    • Vuex安装使用
    • 工具方法实现
    • 界面主题配置实现
  • 登录/找回密码开发

    • 登录界面整体布局框架开发
    • 手机验证码登录功能开发
    • 手机验证码登录逻辑控制实现
    • 用户名密码登录功能开发
    • 二维码扫码登录功能开发
    • 登录状态检测及存储
    • 登录状态验证控制实现
    • 找回密码界面整体布局框架开发
    • 短信验证码找回密码功能开发
    • 邮箱找回密码功能开发
  • 后台主页模块开发

    • 主页布局搭建
    • 主页布局完善
    • 动态菜单组件实现
    • 菜单与路由的动态绑定
    • 主页Tab实现
    • Tab关闭时的联动处理
    • 个人信息模块实现
    • 编辑个人信息模块实现
    • 修改密码模块实现
    • 退出登录模块实现
    • 全局搜索功能的实现
    • 全局搜索功能的完善
    • 系统消息功能的查看
    • 系统消息功能逻辑实现
    • 全屏功能的实现
    • 暗黑模式切换
    • 工作台统计信息实现
    • 工作台统计图表功能实现
    • 工作台待办事项功能实现
  • 通用组件模块开发

    • 通用表格组件实现上
    • 通用表格组件实现下
    • 通用表格组件快捷搜索实现上
    • 通用表格组件快捷搜索实现上
    • 通用表格组件快捷搜索实现下
    • 通用表格组件高级筛选实现上
    • 通用表格组件高级筛选实现下
    • 通用表格组件当前筛选内容展示
    • 通用表格组件数据分页加载实现
    • 通用表格组件表格列展示细化处理
    • 通用表格删除导出功能实现
    • 通用表格添加列配置功能
    • 通用表格添加自定义按钮实现
    • 通用详情组件实现
    • 通用详情组件完善
    • 通用详情组件的使用
    • 通用编辑组件实现
    • 通用编辑组件完善
    • 通用编辑组件添加文件上传
    • 通用编辑组件添加富文本
    • 通用编辑组件添加富文本完善
    • 通用表格添加编辑详情功能实现
    • 通用表格添加编辑详情功能完善
    • 通用表格中的编辑组件BUG处理及优化
    • 关联选择组件开发
    • 关联选择组件多选功能开发
    • 关联组件的条目自定义及bug处理
    • 选择组件关联对象时只取id的bug处理
    • 数据字典展示组件开发
    • 详情组件添加属性展示自定义功能
    • 表格搜索组件添加自定义功能
    • 多选框组件实现
    • 单选框组件实现
    • 树形选择框组件实现
    • 树形选择组件多选功能实现
    • 多级联动选择组件实现
    • 自动搜索添加组件实现
    • 颜色选择组件使用
    • 时间输入组件实现
    • 时间组件在详情页和表格中的处理
    • 数字输入框组件使用
    • 评分组件实现
    • 滑块组件实现
    • 开关组件的实现
    • 字体图标选择组件实现
    • 数据范围输入组件实现
    • 通用表格组件中添加相关编辑组件的支持
    • 通用表格组件中搜索组件的完善
    • 通用表格添加按钮操作权限控制
    • 表格及详情页中添加关联数据点击打开功能
    • 树形表格组件实现
    • 树形表格组件懒加载实现
  • 权限管理模块开发

    • 权限配置模块开发
    • 菜单管理模块开发
    • 菜单管理中添加树形组件
    • 角色管理模块开发
    • 使用通用表格组件完成用户管理功能
    • 重置密码、启用停用功能实现
    • 用户管理重置密码功能实现
  • 系统配置模块开发

    • 系统配置模块开发
    • 数据字典模块开发
    • 操作日志模块开发
    • 缓存管理模块开发
    • 实体属性模块开发
    • 实体属性配置明细功能实现
    • 实体属性配置表单解析功能实现
    • 实体属性配置表单自定义属性实现
  • 可视化模块开发

    • echarts安装导入
    • 综合统计模块实现
    • 地图图表实现
  • 其他界面模块开发

    • 消息管理模块开发
    • 消息读取记录模块开发
    • 短信验证码模块开发
  • 常用小组件提取及代码优化

    • 富文本及文件上传组件的封装
    • 公共变量的提取及配置功能实现
    • 接口地址常量提取
    • 通用表格重复打开时高度自适应问题
    • 界面美化
    • 界面bug处理
播放页问题反馈
视频学习中有任何产品建议都可由此反
馈,我们将及时处理!

课时介绍

系统实体属性配置功能的列表、详情、编辑等界面及控制逻辑实现,可通过此配置将各个节目的相关配置保存到数据库,实现动态控制界面的效果。

课程介绍

从零开始搭建完整的通用管理后台前端,使用vue3+elementplus搭建系统UI界面,使用mock模拟数据,使用echarts实现系统可视化模块,可以此项目为基础进行扩展开发,快速搭建管理系统,具体内容如下:

常见功能实现:实现用户登录(用户名密码登录、手机验证码登录、二维码扫码)、找回密码(邮箱找回、短信验证码找回)、系统主页、用户管理、系统配置、数据字典、日志管理、菜单管理、角色管理、消息管理、验证码管理、可视化界面等管理系统的常见功能。

公共常用组件:实现公共组件的抽离以便能进行扩展及复用,包括通用表格、通用编辑器、通用详情页、关联对象多选框、关联对象单选框、关联对象树形选择框、多级联动选择框、自动搜索保存组件、列表选择框组件等常用的组件。

源码获取方式:点击 https://gitcode.net/invite_link?invite_code=asqckJc7HUKjU_HuLjX4 申请加入项目,申请后等待审核,审核通过后即可使用git检出项目,请购买课程后再申请,若为学习会员请留言说明,留言时请备注gitcode中的昵称信息,谢谢。

项目效果预览:

推荐课程

信息系统项目管理师自考笔记

李明 · 753人在学

python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

王先生 · 22176人在学

手把手搭建Java超市管理系统【附源码】(毕设)

汤小洋 · 4219人在学

Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

黄菊华 · 792人在学

基于SSM酒店管理系统(毕设)

小尼老师 · 843人在学

java项目实战之购物商城(java毕业设计)

Long · 5160人在学

手把手搭建Java求职招聘系统【附源码】(毕设)

汤小洋 · 1510人在学

Python Django 深度学习 小程序

钟翔 · 2330人在学

城管局门前三包管理系统+微信小程序(vue+springboot)

赖国荣 · 605人在学

Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

李杰 · 3995人在学

正在试验
后自动删除环境
课程实验
本次实验时间已到期 00:00:00

    订阅失败

    基于VUE3和ElementPlus从头搭建通后台管理系统(前端篇)
    基于VUE3和ElementPlus从头搭建通后台管理系统(前端篇) ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    课件正在飞速打包中,请耐心等待几秒钟~
    首页
    博客
    下载
    学习
    社区
    AI搜索
    GitCode
    InsCodeAI
    技术会议
    会员中心
    创作中心
    联系我们
    工作时间: 8:30 - 22:00
    客服电话: 400-660-0108
    kefu@csdn.net在线客服
    • 关于我们
    • 招贤纳士
    • 商务合作
    • 寻求报道
    • 京ICP备19004658号
    • 经营性网站备案信息
    • 公安备案号11010502030143
    • 营业执照
    • 北京互联网违法和不良信息举报中心
    • 家长监护
    • 中国互联网举报中心
    • 网络110报警服务
    • Chrome商店下载
    • 账号管理规范
    • 版权与免责声明
    • 版权申诉
    • 出版物许可证
    • ©1999-2024北京创新乐知网络技术有限公司