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

AI 搜索

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

使用vue3封装前端通用开发框架、开放平台实战、支付系统实战 课程介绍 系统演示 — 主操作窗口展示含四种布局模式切换(买前必看)

使用vue3封装前端通用开发框架、开放平台实战、支付系统实战
共161节 215人在学 课程详情
课程目录
讨论留言
  • 课程介绍

    • 系统演示 — 主操作窗口展示含四种布局模式切换(买前必看)
    • 系统演示 — 用户、权限体系功能展示(买前必看)
    • 系统演示 — 代码生成工具功能展示(买前必看)
    • 系统演示 — 开放平台功能展示(买前必看)
    • 系统演示 — 支付管理功能展示(买前必看)
    • 系统演示 — 课程中封装的公共通用组件展示(买前必看)
    • 使用的技术栈介绍及如何访问线上API接口
  • 主页效果实现

    • 静态主页面制作 — vite项目的运行流程
    • 静态主页面制作 — 主页flex布局实现
    • 静态主页面制作 — ElementPlus插件安装
    • 静态主页面制作 — 左侧菜单及头部制作
    • 静态主页面制作 — tabs标签页制作
    • 静态主页面制作 — 深度选择器详解
    • 用组件化开发思想对主页面进行抽离
    • 动态菜单实现
    • 使用动态组件展示菜单图标
    • 菜单收缩与展开实现(Pinia状态管理)
    • 点击菜单切换页面内容(Router4路由详解)
    • 多层嵌套路由的渲染问题
    • 动态面包屑导航制作(1)
    • 动态面包屑导航制作(2)
    • 动态Tabs标签页制作
    • 动态Tabs标签右侧操作区制作
    • tabs标签页刷新实现
    • 主页设置面板组件布局
    • 颜色选择器组件制作
    • 主页布局切换实现(一)
    • 主页布局切换实现(二)
    • 主页布局切换实现(三)
    • 主页布局切换实现(四)
    • 菜单复杂分布布局实现— 菜单数据拆分
    • 菜单复杂分布布局实现— 左侧菜单切换
    • 菜单复杂分布实现— 切换tab页时水平菜单、垂直菜单自动选中
    • 菜单复杂分布布局实现— 布局切换bug修复
    • 主页元素显隐设置实现
    • 首页制作(一)
    • 首页制作(二)— 整合Echarts图表
    • 登录及动态路由实现 — 登录静态页面效果制作
    • 登录及动态路由实现 — 登录form表单数据绑定
    • axios整合及HttpService对象封装
    • 登录及动态路由实现 — request函数封装
    • 登录请求实现(Promise、async、await的使用)
    • 登录拦截及动态菜单实现
    • axios请求链路及响应数据处理过程分析
    • 登录及动态路由实现 — 动态路由实现
    • 解决刷新或切换布局时tabs标签页数据丢失bug
  • 用户权限体系实现

    • 新增编辑角色页面组件布局
    • 权限选择树渲染及新增角色实现
    • 权限选择树数据回显及修改角色实现
    • 权限全选与取消全选功能实现
    • 编辑角色成功后刷新功能优化
    • 删除角色功能实现
    • 机构列表查询、删除功能实现
    • 机构列表、 新增、编辑功能实现
    • 所属机构表格弹窗选择组件封装
    • 将所属机构表格弹窗选择组件重构成通用组件
    • 通用表格弹窗选择组件bug修复
    • 通用表格弹窗选择组件复选模式实现
    • 用户列表、列表查询、删除功能实现
    • 用户新增、编辑组件基础布局
    • 角色选择组件封装(一)
    • 使用Element plus实现App管理列表页面静态效果
    • 角色选择组件封装(二)
    • 使用普通编码方式实现App列表页面查询、分页功能
    • 角色选择组件封装(三)
    • 使用普通编码方式实现模块列表页面查询、分页功能
    • 表格自定义列的显示内容及时间格式化
    • 角色选择组件封装(四)
    • 基础组件和普通编码实现方式的不足分析
    • 角色选择组件封装(五)
    • EasyTable自定义组件封装
    • useTable组合式函数封装
    • 添加、编辑前获取已选角色并实现保存
    • 使用EasyTable和useTable重构模块管理列表页面
    • 使用普通编码方式实现app新增功能
    • 按钮权限控制实现
    • 使用普通编码方式实现app编辑功能
    • 关闭弹窗bug修复
    • 解决Typescript编译报错问题
    • 使用普通编码方式实现实现模块新增、编辑功能
    • EasyDialog自定义组件封装
    • useAddOrEditDialog组合式函数封装
    • 使用EasyDialog和组合式函数重构模块新增、编辑功能
    • EasyDialog自定义组件功能增强
    • App单条删除和批量删除功能实现
    • 快速实现模块删除功能及useTable组合式函数功能增强
    • useTable和useAddOrEditDialog总结
    • 图标选择器组件实现
    • 菜单列表页面功能实现 - 页面布局及菜单树形数据与懒加载实现
    • 菜单列表页面功能实现 - 菜单查询功能实现
    • 按钮权限布局及操作按钮的可用状态切换
    • 选中菜单行时加载菜单的按钮权限列表
    • 菜单列表页面功能实现 - 新增菜单功能实现
    • 编辑菜单功能实现
    • 所属模块下拉框渲染和所属菜单树联动
    • 新增编辑成功后菜单树表格实时刷新
    • 按钮权限列表行编辑效果实现
    • 按钮权限保存功能实现
    • 页面布局及角色列表功能实现
    • 角色列表功能实现(二)
    • 角色权限树组件封装
    • 使用Tree组件自定义节点类名实现末端节点横向排列
  • 代码生成工具引入及使用

    • 代码生成工具功能实现(一)
    • 代码生成工具功能实现(二)
    • 使用代码生成工具生成的代码快速实现系统参数管理、地区管理功能
    • 使用代码生成工具生成的代码快速实现行业类别管理功能
    • 地区、行业类别页面使用表格弹窗选择组件渲染输入框
    • 系统类型管理功能实现(一)
    • 系统类型管理功能实现(二)
    • 地区列表页面地区类型显示值转义
    • 主操作区全屏组件封装
    • 级联弹窗选择组件封装(一)
    • 级联弹窗选择组件封装(二)
    • 级联弹窗选择组件封装(三)
  • 开放平台实战

    • ISV开放接口开通功能实现(四)
    • 使用动态Form表单实现API开通功能
    • 编辑时实现动态Form表单的数据回显
    • ISV开放接口开通功能实现- bug修复
    • 开放API接口文档列表功能实现
    • 开放平台业务介绍
    • 根据开放平台的表结构快速生成代码及ISV管理功能实现
    • 开放API管理功能实现(一)
    • 开放API管理功能实现(二)
    • 开放API管理功能实现(三)
    • ISV开放接口开通功能实现(一)
    • ISV开放接口开通功能实现(二)
    • json驱动的Form表单组件封装(一)
    • json驱动的Form表单组件封装(二)
    • json驱动的Form表单组件封装(三)
    • ISV开放接口开通功能实现(三)
  • 支付系统实战

    • 支付业务介绍及代码生成
    • 产品配置功能实现(一)- 快速实现增删改查功能
    • 使用vue的globalProperties对象定义全局方法
    • 通道配置功能实现(一)
    • 通道支持的银行卡及费率设置面板组件封装1(二)
    • 通道支持的银行卡及费率设置面板组件封装2 (三)
    • 通道支持的银行卡及费率设置面板组件封装3 (四)
    • 通道配置功能实现(五)- 新增、编辑完整功能实现
    • 机构通道配置功能实现(一)
    • 机构通道配置功能实现(二)
    • 机构通道配置功能实现(三)
    • 机构通道配置功能实现(四)
    • 渠道管理功能实现
    • 商户管理功能实现(一)- 列表功能实现
    • 新增编辑组件步骤条效果实现
    • 商户管理功能实现(三)- 前三步表单效果渲染
    • 商户管理功能实现(四)- 点击下一步时校验当前步骤的表单
    • 商户管理功能实现(五)- 图片上传组件封装
    • 使用图片上传组件渲染影像资料表单
    • 商户支付产品开通组件静态效果实现
    • 商户支付产品开通组件动态效果实现
    • 商户支付产品开通组件多表单同时校验
    • 商户新增功能实现
    • 商户编辑功能实现
    • 商户新增编辑组件的数据清理实现
  • 主页功能完善

    • 使用keep-alive组件缓存页面组件
    • 使用VueUse库来实现全屏功能
    • 修改密码功能实现
    • 侧边栏主题设置实现
    • 菜单主题设置和头部固定实现
    • 系统主题设置实现
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
发表回复
按下Enter换行,Ctrl+Enter发表内容
编辑
预览
    轻敲空格完成输入
    • 显示为
    • 卡片
    • 标题
    • 链接

    反馈

    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    系统演示 — 主操作窗口展示含四种布局模式切换

    课程介绍

    系统效果展示(线上访问地址及用户密码在课程介绍的最下方)

    一.主页效果展示

    1.主页设置面板功能,包含主页布局切换(支持四种布局)、主题设置、界面元素显隐控制等

    2.主页布局切换(左右布局)

    3.主页布局切换(上下布局)

    4.主页布局切换(复杂菜单结构布局)

    5.主页布局切换(上左右布局)

    6.登录页

    二、用户权限体系部分功能展示(使用左右布局结构展示)

    1.模块管理

    2.菜单管理

    3.角色新增

    4.机构管理

    5.用户编辑

    6.用户全屏编辑

    7.字典管理

    三、开放平台部分功能展示(使用上下布局结构展示)

    1.ISV管理

    2.开放API管理

    3.ISV开放接口开通

    4.开放API接口文档

    四、支付管理部分功能展示(使用菜单复杂分布布局结构展示)

    1.通道配置

    2.编辑机构通道配置

    3.商户管理

    4.新增商户-步骤一

    5.新增商户-步骤二

    6.新增商户-步骤三

    7.新增商户-步骤四

    五.课程中封装的通用组件展示

    五.课程中封装的通用组件展示

    1.表格弹窗通用业务组件展示(弹窗多选)

    2.表格弹窗通用业务组件展示(弹窗单选)

    3.表格弹窗级联选择组件(如:省市区选择)

    4.表格弹窗级联选择组件(如:行业类目选择)

    5.图片上传组件

    6.银行卡选择组件

    7.主操作区全屏组件

    8.图标选择组件

    9.颜色选择组件

    10.EasyTree组件

    线上体验环境:

    访问地址:admin.bootframework.cn

    登录用户:  superadmin

    登录密码:  111111

    推荐课程

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

    李明 · 758人在学

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

    王先生 · 22210人在学

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

    汤小洋 · 4224人在学

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

    黄菊华 · 796人在学

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

    小尼老师 · 846人在学

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

    Long · 5163人在学

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

    汤小洋 · 1511人在学

    Python Django 深度学习 小程序

    钟翔 · 2333人在学

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

    赖国荣 · 606人在学

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

    李杰 · 4004人在学

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

      订阅失败

      使用vue3封装前端通用开发框架、开放平台实战、支付系统实战
      使用vue3封装前端通用开发框架、开放平台实战、支付系统实战 ...

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

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

      购买课程

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

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

      视频问题反馈

      提交遇到的问题我们会尽快解决的 ~