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

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

    • 系统演示 — 主操作窗口展示含四种布局模式切换(买前必看)
    • 系统演示 — 用户、权限体系功能展示(买前必看)
    • 系统演示 — 代码生成工具功能展示(买前必看)
    • 系统演示 — 开放平台功能展示(买前必看)
    • 系统演示 — 支付管理功能展示(买前必看)
    • 系统演示 — 课程中封装的公共通用组件展示(买前必看)
    • 使用的技术栈介绍及如何访问线上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库来实现全屏功能
    • 修改密码功能实现
    • 侧边栏主题设置实现
    • 菜单主题设置和头部固定实现
    • 系统主题设置实现

    订阅失败

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

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

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

    购买课程

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

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

    课时介绍

    Breadcrumb.vue面包屑组件抽离

    课程介绍

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

    一.主页效果展示

    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

    推荐课程

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

    李明 · 852人在学

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

    王先生 · 22564人在学

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

    汤小洋 · 4275人在学

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

    黄菊华 · 821人在学

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

    小尼老师 · 881人在学

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

    Long · 5193人在学

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

    汤小洋 · 1522人在学

    Python Django 深度学习 小程序

    钟翔 · 2384人在学

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

    赖国荣 · 656人在学

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

    李杰 · 4059人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~