Vue.js Element UI Mock.js 2020 电子商城后台管理项目实战视频

Vue.js Element UI Mock.js 2020 电子商城后台管理项目实战视频
共39节 1523人在学 课程详情
  • 课程介绍及示例演示

    • 课程介绍及示例演示
  • 用户登陆功能模块实现

    • 用 vue ui 方式初始化 Vue 项目
    • 用 cmd 指令方式初始化 vue 项目
    • 将本地项目托管到码云-添加 SSH 公钥
    • 本地项目托管到码云中-创建仓库
    • 后端配置-Mockjs 模拟服务器并返回数据
    • 用 mock 和 axois 来实现一个简单的登陆功能
    • 删除不必要的组件导入 elementUI
    • 创建登陆组件,样式及布局 1
    • 创建登陆组件,样式及布局 2
    • 创建登陆组件,样式及布局 3
    • 登陆表单数据绑定和验证
    • 表单重置和登陆前的预验证
    • 登陆请求及登陆成功后的行为
    • 路由导航守卫控制访问权限及退出功能
    • 项目优化及提交登录功能代码到码云
  • 用户管理功能模块实现

    • 用 Mockjs 模拟添加用户的接口
    • 在客户端添加处理添加用户接口的方法
    • 用户列表信息修改功能-接口实现
    • 用户列表信息修改-前端功能实现
    • 删除用户的操作-确认是否删除消息框完成
    • 删除用户的操作功能完成
    • 提交用户列表功能代码远程托管至码云
    • 用户列表 主页 home 布局开始
    • 主页 Header 和左侧菜单布局
    • 左侧菜单接口实现及数据绑定
    • 左侧菜单 UI 美化
    • 左侧菜单的折叠与展开功能
    • 实现首页路由的重定向和菜单绑定路由链接
    • 用户列表功能优化
    • 绘制用户列表的基本 UI 结构
    • 获取用户列表分页数据
    • 用户列表渲染及数据绑定
    • 改造状态列的布尔值显示效果
    • 用户列表添加按钮和实现分页功能
    • 实现用户状态的修改和模拟数据接口
    • 实现用户信息搜索过虑的功能
    • 创建添加用户对话框和表单
    • 添加用户时表单验证和自定义验证规则

    订阅失败

    Vue.js Element UI Mock.js 2020 电子商城后台管理项目实战视频
    Vue.js Element UI Mock.js 2020 电子商城后台管理项目实战视频 ...

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

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

    购买课程

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

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

    课时介绍

    用户列表渲染及数据绑定

    课程介绍

    Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计,容易上手和学习。Vue 的核心库只关注视图层,简单小巧的核心库,渐进式技术栈,但足以应付任何规模的企业级应用(现在非常多的大企业也用 vue框架进行前端开发),而且非常容易与其它库或已有项目整合。
    Element-UI 是饿了么前端团队推出的一款基于 Vuejs 框架的 PC 端 UI 框架。
    本教程将通过一个网站管理后台(包括登陆和用户管理模块),让大家直观了解Vue+ElementUI 组合开发实现过程,并在实际操作中逐步掌握 vue 编程模式的一些重要知识点及开发技巧。
    推荐课程
    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~