- P1. 01 项目介绍
- P2. 02 项目搭建-初始化
- 项目初始化
- 删除无用的组件
- 初始化css
- 引入iconfont
- 安装了以下内容
- axios
- element
- 项目初始化
- P3. 03 首页-路由界面基础搭建
- 左边导航栏已经实现了,用的element里面的navmenu
- 并且创建了大量的页面
- P4. 04 首页-导航折叠
- P5. 05 商品列表-静态布局
- P6. 06 商品列表-动态数据
- 实现后台接口 express + Mysql
- 简单的展示数据
- P7. 07 商品列表-分页实现
- P8. 01 商品管理-搜索
- 实现了商品的搜索,并且还前端模拟了分页
- P9. 02 商品-页面添加
- 新增了一个添加商品的页面
- P10. 03 商品-弹框添加
- 新增了一个添加商品的页面-dialog方法实现
- P11. 04 商品-分页功能bug
- P12. 05 类目选择
- 实现静态页面
- P13. 06 类目选择实现
- 实现完整的动态数据获取
- P14. 01 项目补充说明
- 没实现功能,讲了一些基本的前后台知识
- P15. 02 上传图片实现
- 实现了上传图片的后台和前台
- P16. 03 富文本编译器
- 使用了wangEditor
- P17. 04 商品添加-清空表单
- P18. 05 删除商品
- P19. 06 编辑商品
- P20. 01 Vue-i8n国际化
- 如果跟着视频来,必须这样安装
npm install vue-i18n@8.26.7
要不会报错
- 如果跟着视频来,必须这样安装
- P21. 02 Element-国际化
- 视频里的方法最后一步报错,参考了这个人的教程就可以了 vue+element+vue-i18n@8.x 国际化中英文切换
- P22. 03 登录布局
- 实现了登录页面
- 我自己也做了很多优化,非常好看
- P23. 04 登录-功能实现-数据持久化-vuex
- 后台安装 jsonwebtoken
npm install jsonwebtoken
- 前台安装 jwt-decode 解析jsonwebtoken中的数据
npm install jwt-decode
- 后台安装 jsonwebtoken
- P24. 05 Echarts使用
- 安装:
npm install echarts
- 使用方式
- 导入echarts在组件中使用
- 导入全局 挂载在原型上 全局使用 【推荐】
- 开发成vue插件
- 安装:
- P25. 06 Mock.js模拟数据
- 安装:
npm install mockjs
- 前端引用 import Mock from 'mockjs'
- 语法 Mock.mock()
- 安装:
- P26. 01 规格参数列表获取
- 创建页面
- 获取后台数据
- P27. 02 添加规格参数-动态表单
- P28. 03 规格参数配置
- P29. 01 Vue-pdf打印合同
- P30. 02 Vue项目-下载图片资源
- P31. 03 Vue项目-实现表格导出EXCEL表格