让你的前端每天进步一点点

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

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

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

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

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

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

第十一课 布局后台管理页面的头部，头部包含了logo网站标题，还有右侧的退出登录和修改密码，第十二课是如何渲染左侧菜单...

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

第九课 实现登录功能的全流程 一、在src/api/，创建login.js 二、修改src/views/login/index.vue 三、修改env.developmen...

第八课 编写获取用户信息接口 一、新建mocks/userInfo.js 二、在浏览器上测试接口 2）http://localhost:8090/api/user/info...

第七课 编写测试登录接口 一、安装依赖 二、新建项目根路径中新建server-api/mocks 分别是app.js、然后mocks/login.js 三、编写mocks/...

第六课 element后台登录页面-表单验证篇 一、给el-form加入rules属性 二、给el-form-item加入prop属性 三、在data中配置rules表单校...

第五课 element后台登录页面-布局篇，先把登录页面的基本布局创建好，然后下一课来制作表单的校验，最后调假数据接口来实现登录页面的全流程...

第四课 配置开发环境与生产环境变量 一、新建2个文件，名字不要写错 二、修改开发环境env.development文件 需要注意的是变量名必须以VUE_APP开头 三、修改...

第三课 开发环境解决跨域问题 一、模拟跨域问题 另外建立一个vue的项目，把data.json拷贝到另一个项目的public中，并且启动起来，我们把这个项目称为测试数据项目...

第二课 请求封装 这节课我们初步的认识了请求接口的封装的方法，里面涉及到了create，自定义配置、请求拦截器、响应拦截器，从划分myaxios.js到api下的getLi...

第一课 项目准备 一、环境配置 二、项目搭建 三、初步编写项目 四、安装配置element-ui 在main.js中导入 import ElementUI from 'el...