从0到1打造vue element-ui管理后台（完结）

从0到1打造vue element-ui管理后台 本节课是实战课程的目录篇，整体课程从0开始制作element-ui管理后台，融入了真实企业的开发流程，最终到上线项目的所有步骤汇总。 目录 一、项目搭

vue项目与后台的测试接口上线流程 一、打包命令 打包后会生成dist文件 二、购买服务 推荐使用阿里云服务器试用版 1）如果你可以抢到免费的就选择它 2）如果抢不到第一次，可以买一个9元的云服务器使

第二十七课 后台管理编写vuex状态管理 一、安装vuex 二、封装对token工具模块 src/utils/usertoken.js 三、在store/modules/user.js新建文件 四、在

第二十六课 后台管理编写折线图 一、安装ECharts 二、在src/view/home/index.vue编写 1）第一个需要注意：需要给div加入宽度和高度 2）导入的时候需要用import *

第二十五课 编写后台管理修改密码 一、编写验证旧密码后台接口 server-api/mocks/userpwd.js 二、编写封装请求地址api src/api/password.js 三、src/c

第二十四课 全局处理Axios请求异常 一、src/utils/ayaxios.js中修改响应拦截器 二、打开server-api/mocks/bookinfolist.js 把code修改成400，

如果数据量很大的时候，可能list就会暂时没有数据，这时候需要加入loading来提示用户数据正在加载中。

第二十二课 编写选择出版社子组件 一、创建src/views/press/press.vue子组件 二、src/views/book/bookinfo.vue中加入子组件 三、在bookinfo中加入

第二十一课 编写信息列表的删除功能 一、编写后台删除接口 新增文件：server-api/mocks/delbookinfo.js 二、编写封装删除的接口api src/api/bookinfo.js

第二十课 编写编辑功能 一、编写后台的通过id获取数据接口 server-api/mocks/新增getbookid.js 二、编写接口封装的编辑 src/api/bookinfo.js中新增 三、编

第十九课 编写新增功能 一、编写新增按钮 二、编写新增弹窗el-dialog 三、编写弹窗el-dialog中需要的data数据 四、编写弹窗el-dialog中需要的prop检验规则 五、编写弹窗e

第十八课 编写列表中的头部表单查询 一、编写头部表单布局 二、编写data部分 三、把查询条件传入接口中 四、修改日期传参的乱码问题 value-format="yyyy-MM-dd HH:mm:ss

第十七课 编写列表中的底部分页查询 一、编写分页查询html部分 二、编写data部分 三、编写切换分页逻辑

第十六课 编写信息列表table部分 一、编写src/view/book/bookinfo.vue，的table部分 二、编写table字段中图书类型的过滤器

第十五课 编写信息列表页面 一、制作列表接口 server-api/mocks/booinfolist.js 二、 编写调用列表接口API src/api/bookinfo.js 三、 在view/b

第十四课 加入路由守卫 用户在未登录或者退出后不让访问非登录页面，解决方案是用路由守卫来判断。 一、在src/permission.js，新增文件 二、在全局main.js中引入 三、在src/com

完善后台管理退出功能 一、打开AppHeader/index.vue 1.1 修改文档 1.2 加入退出接口 server-api/mocks/新建一个logOut.js 1.3 打开src/api/

第十二课 布局后台管理页面面包屑 一、维护路由meta属性 二、打开AppMain/index.vue 三、添加样式AppMain/index.vue

第十课 布局后台管理主体部分 一、src/componens/创建Layout.vue 二、调整路由router/index.js 三、布局头部、左侧导航、主区域 四、将头部、左侧导航、主区域抽为组件

第十二课 布局后台管理页面的左侧菜单 一、编写AppNavBar页面布局,然后在菜单中绑定地址路由 二、新建7个页面 1）/views/book/bookinfo.vue 2）/views/book/