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

AI 搜索

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

基于Vue3和Layui从头搭建通用后台管理系统(前端篇)

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

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

    • vue基础知识
    • Layui基础知识
    • 项目创建及初始化
    • Layui安装使用
    • 路由管理配置
    • Axios安装使用
    • Pinia安装使用
    • 项目基础配置
    • Layui主题配置
    • Layui夜间模式配置
    • Layui语言配置
    • 模拟后端项目创建
  • 登录模块开发

    • 登录主页实现
    • 用户名密码登录接口实现
    • 用户名密码登录界面实现
    • 用户名密码登录功能实现
    • 登录状态存储及检测
    • 实现Token凭证的自动刷新
    • 短信验证登录接口实现
    • 短信验证登录界面实现
    • 短信验证登录流程实现
    • 登出功能实现
    • 找回密码接口实现
    • 发送邮箱验证码功能实现
    • 找回密码主页搭建
    • 短信找回密码界面搭建
    • 短信找回密码功能实现
    • 邮件找回密码功能实现
    • 用户注册接口实现
    • 注册界面框架实现
    • 手机号码注册界面实现
    • 注册协议界面实现
    • 手机号码注册流程实现
    • 邮箱注册界面功能实现
    • 接口地址问题处理
  • 主页模块开发

    • 系统主页框架搭建
    • 主页动态菜单功能实现上
    • 主页动态菜单功能实现下
    • 主页动态Tab标签功能实现上
    • 主页动态Tab标签功能实现中
    • 主页动态Tab标签功能实现下
    • 退出登录功能实现
    • 个人信息查看功能实现
    • 个人信息编辑功能实现
    • 修改密码功能实现
    • 全屏切换功能实现
    • 语言切换功能实现
    • 暗色切换功能实现
    • 主题切换功能实现上
    • 主题切换功能实现下
    • 暗色和亮色切换时配色问题处理
    • 系统消息接口实现上
    • 系统消息接口实现下
    • 系统公告功能实现
    • 系统消息界面实现上
    • 系统消息界面实现下
    • 全局搜索接口实现
    • 全局搜索功能实现
    • Tab切换时标签内容保留处理
    • 系统工作台界面实现
    • Echart图表框架引入
    • 系统工作台界面接口实现
    • 首页骨架屏功能实现
  • 常用组件开发

    • 通用组件使用演示
    • 布局组件使用演示
    • 导航组件使用演示
    • 表单组件使用演示上
    • 表单组件使用演示下
    • 展示组件使用演示上
    • 展示组件使用演示下
    • 辅助组件使用演示上
    • 辅助组件使用演示下
    • 数据字典组件封装实现
    • 数据字典数据加载接口实现
    • 单选框组件封装实现
    • 单选按钮组件封装实现
    • 复选框组件封装实现
    • 多选卡片组件封装实现
    • 多选卡片组件插槽实现
    • 下拉选择组件封装实现上
    • 下拉选择组件封装实现中
    • 下拉选择组件封装实现下
    • 下拉树组件封装实现上
    • 下拉树组件封装实现下
    • 级联选择组件封装实现上
    • 级联选择组件封装实现下
    • 输入提示组件封装实现
    • 穿梭框组件封装实现
    • 文件上传组件框架搭建
    • 文件上传组件文件上传接口实现
    • 文件上传组件文件预览及功能完善
    • 富文本组件封装实现上
    • 富文本组件封装实现下
    • 实体配置相关接口实现
    • 实体配置实体浏览界面实现
    • 实体配置批量编辑组件实现
    • 实体配置数据保存功能实现
    • 实体配置字段补全处理
    • 演示实体创建及数据准备
    • 组件调整及高并发问题处理
    • 通用表单组件框架搭建
    • 通用表单组件封装实现中
    • 通用表单组件字段组件识别处理
    • 实体配置信息完善
    • 通用表单组件字段组件填充取值处理
    • 通用表单组件表单校验及特殊处理实现
    • 通用表单组件特殊组件处理
    • 通用表单组件自定义组件及数据保存处理
    • 通用表单组件图标及全局表单配置处理
    • 通用表单组件自定义组件处理
    • 通用表单组件特殊处理及完善
    • 通用详情页组件封装实现上
    • 通用详情页组件封装实现下
    • 编辑组件中的特殊类型的处理
    • 通用表格组件基础框架搭建
    • 通用表格组件实体配置加载及列识别
    • 通用表格组件宽度及数据加载处理
    • 通用表格组件分页及模拟数据处理
    • 通用表格组件排序及多选等功能实现
    • 通用表格组件快捷筛选功能实现
    • 通用表格组件后端搜索功能实现
    • 通用表格组件当前搜索条件展示
    • 通用表格组件搜索功能完善
    • 通用表格组件封装高级筛选实现
    • 通用表格组件封装高级筛选实现
    • 弹出框方式的编辑组件实现
    • 弹出框方式的编辑组件实现续
    • 弹出框方式的详情组件实现
    • 通用表格组件删除功能实现
    • 批量删除接口实现
    • 通用表格组件前端导出功能实现
    • 通用表格组件后端导出功能实现
    • 通用表格组件后端导出功能实现续
    • 通用表格组件右键菜单功能实现
    • 通用表格组件自定义事件处理
    • 通用表格组件自定义插槽实现
    • 通用表格组件单选及多选数据绑定
    • 通用表格组件扩展功能实现
    • 通用表格组件扩展功能实现上
    • 通用表格组件扩展功能实现下
    • 通用表格组件按钮级别权限控制实现上
    • 通用表格组件按钮级别权限控制实现下
    • 通用树形表格组件封装实现
  • 其它业务模块开发

    • 文章功能相关接口实现
    • 文章功能实现
    • 文章预览功能实现
    • 会员管理接口实现
    • 会员管理实现
    • 商品管理接口实现
    • 商品预览功能实现
    • 订单管理功能实现
  • 权限模块开发

    • 系统日志功能实现
    • 后端代码结构整理上
    • 后端代码结构整理中
    • 后端代码结构整理下
    • 后端鉴权代码整理
    • 后端代码异常整理
    • 系统权限模型说明
    • 权限相关数据准备
    • 接口权限过滤功能实现
    • 权限相关接口实现
    • 权限控制及代码结构调整
    • 接口参数校验功能实现
    • 自定义权限检测标签实现上
    • 自定义权限检测标签实现下
  • 权限管理模块开发

    • 菜单管理功能实现
    • 菜单管理功能完善
    • 菜单管理编辑功能处理
    • 角色管理功能实现
    • 角色管理编辑功能处理
    • 用户管理功能实现
    • 用户管理特殊功能处理
    • 用户管理密码重置功能实现
  • 系统配置模块开发

    • 数据字典功能实现
    • 操作日志功能实现
    • 操作日志功能完善
    • 系统配置功能实现
    • 消息管理功能实现
    • 验证码管理功能实现
  • 可视化模块开发

    • 常规图表使用演示
    • 特殊图表使用演示
    • 地图图表使用演示
    • 综合统计界面实现
    • 综合统计界面实现续
  • 其他功能开发

    • 弹出框层级问题处理
    • TAB切换时的界面刷新问题处理
    • 系统公告关闭时的问题处理
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
播放页问题反馈
视频学习中有任何产品建议都可由此反
馈,我们将及时处理!

课时介绍

封装下拉选择组件,实现树形数据加载、搜索等相关功能。

课程介绍

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

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

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

源码获取方式:

点击 https://gitcode.net/invite_link?invite_code=PRKRDmDudgzkFd1ZzzKp 申请加入项目,申请后等待审核,审核通过后即可使用git检出项目,请购买课程后再申请,若为学习会员请留言说明。

推荐课程

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

李明 · 759人在学

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

王先生 · 22214人在学

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

汤小洋 · 4224人在学

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

黄菊华 · 796人在学

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

小尼老师 · 847人在学

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

Long · 5163人在学

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

汤小洋 · 1514人在学

Python Django 深度学习 小程序

钟翔 · 2333人在学

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

赖国荣 · 607人在学

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

李杰 · 4009人在学

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

    订阅失败

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

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

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

    购买课程

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

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