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

C 知道

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

Vue全家桶从基础入门到进阶项目实战第四篇综合进阶项目篇 图书信息管理系统基础框架搭建实战 安装Element UI并配置好

Vue全家桶从基础入门到进阶项目实战第四篇综合进阶项目篇
共57节 1018人在学 课程详情
课程目录
讨论留言
  • 图书信息管理系统基础框架搭建实战

    • 项目介绍
    • 项目脚手架搭建、更改标题、图标及初始化配置
    • 安装Element UI并配置好
    • 封装axios对象,以便更好处理异步请求
    • 用封装后的axios对象发送请求返回数据到前端
    • 开发环境通过代理解决跨域请求
    • 根据不同环境动态更改Vue.config.js配置
  • 图书信息管理系统登录模块实现

    • 系统登录界面设计
    • 使用element完善系统登录界面设计
    • 使用element完善系统登录界面设计
    • 使用Easymock为登录验证创建模拟接口
    • 登录业务逻辑实现(1)
    • 登录业务逻辑实现(2)
  • 图书信息管理系统主页功能初步实现

    • 主页布局设置
    • 利用element设计头部组件
    • 利用element设计左侧导航组件
    • 为左侧导航配置路由
    • 利用Element UI实现主区域显示当前路径
    • 退出系统功能实现
    • 路由权限校验
  • 图书信息管理系统增删改查实现

    • Easymock添加图书信息列表服务接口
    • 创建调用图书信息列表服务接口获取数据的API
    • Element UI展示图书信息列表数据
    • 利用过滤器转换图书类型并重新渲染
    • 利用Element实现图书信息列表分页查询
    • 利用Element布局按条件查询图书信息的实现
    • 为条件查询设置重置功能
    • 利用element实现新增图书信息对话框
    • 图书信息表单校验和添加图书信息完善
    • 添加数据完善——重置表单数据和校验结果
    • 图书信息的编辑功能实现(1)
    • 图书信息的编辑功能实现(2)
    • Element UI实现删除图书信息
    • 快速创建出版社组件
    • 把出版社组件作为子组件实现输入出版社
    • 单击子组件表格中数据回显到父组件中(子组件向父组件传递数据)
  • 修改密码功能及系统完善实现

    • 修改密码分析及接口创建、封装发送异步方法
    • 实现修改密码组件及重置功能实现
    • Element自定义校验规则校验密码及确认密码
    • 修改密码业务逻辑的实现
    • 全局设置数据加载loading显示效果
    • 全局处理Axios请求响应异常
  • 利用Echarts+Vue生成动态图表的技术

    • 根据图书类别、库存数量初步生成折线图
    • 请求后端数据动态生成图表(上)
    • 请求后端数据动态生成图表(下)
  • 使用Vuex重构图书信息管理系统

    • vuex安装及封装用户数据编辑工具模块
    • 创建并初步编写登录Vuex状态管理器
    • 完善利用Vuex进行登录的实现
    • Vuex重构项目解决页面刷新回到登录页面问题
    • 使用Vuex状态管理登录用户信息
    • 完善使用Vuex状态管理登录用户信息
    • 使用Vuex状态管理退出系统
  • 项目实际上线部署及生产环境跨域问题解决

    • 项目打包、准备好服务器及选择web服务器
    • 上传文件到服务器和查看服务器安装的工具
    • 安装nginx并启动nginx服务
    • 配置 nginx.conf 和上传打包后的项目
    • 开放阿里云服务端口
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
发表回复
按下Enter换行,Ctrl+Enter发表内容
编辑
预览
    轻敲空格完成输入
    • 显示为
    • 卡片
    • 标题
    • 链接

    反馈

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

    课时介绍

    (1)掌握Vue.js全家桶技术 (2)掌握单页面前后端分离项目开发,并知其所以然,理解MVVM框架思想。所有技术采用官网最新版技术 (3)让不会前端的后端开发人员,快速精通Vue.js全家桶技术。

    课程介绍

    本课程主要以开发图书信息管理系统为例,进行讲解单页面前后端分离项目的开发,用到的技术主要包括vue.js、vue cli、webpack、vue router、axios、vuex、element、easymock、echarts。学习目标:全面巩固加深对vue.js的理解,能综合运用vue及周边生态技术进行单页面前后端分离项目开发,并能上线部署。


    推荐课程

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

    李明 · 748人在学

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

    王先生 · 22168人在学

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

    汤小洋 · 4216人在学

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

    黄菊华 · 792人在学

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

    小尼老师 · 842人在学

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

    Long · 5158人在学

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

    汤小洋 · 1509人在学

    Python Django 深度学习 小程序

    钟翔 · 2328人在学

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

    赖国荣 · 604人在学

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

    李杰 · 3994人在学

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

      订阅失败

      Vue全家桶从基础入门到进阶项目实战第四篇综合进阶项目篇
      Vue全家桶从基础入门到进阶项目实战第四篇综合进阶项目篇 ...

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

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

      购买课程

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

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

      视频问题反馈

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