- 前序准备
- Apache ECharts
- Electron
4 - 后台管理框架 vue-element-admin
前序准备
本项目技术栈基于 vuex、vue-router 、vue-cli 、axios 和 element-ui，
学习这个项目前必须提前学掌握这些知识。
| 星期 | 时间安排 | 课程内容 | 课程目标 |
|---|---|---|---|
| 周一 | 3/25 | 页面路由和登录 | 页面路由和登录，配置商品页面 |
| 周二 | 3/26 | 商品的页面 | 商品的页面 |
| 周三 | 3/27 | 商品的表单 | 商品的表单 |
| 周四 | 3/28 | 商品的添加编辑和上传 | 商品的添加编辑和上传 |
| 周五 | 3/29 | uni app项目 | uni app项目的搭建 |
vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。
同时配套一个系列的教程文章，如何从零构建一个完整的管理后台项目，建议大家先看完这些文章再来实践本项目。
- 手摸手，带你用 vue 撸后台 系列一(基础篇)
- 手摸手，带你用 vue 撸后台 系列二(登录权限篇)
- 手摸手，带你用 vue 撸后台 系列三 (实战篇)
- 手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)
- 手摸手，带你用 vue 撸后台 系列五(v4.0 新版本)
- 手摸手，带你封装一个 vue component
- 手摸手，带你优雅的使用 icon
- 手摸手，带你用合理的姿势使用 webpack4（上）
- 手摸手，带你用合理的姿势使用 webpack4（下）
本项目的定位是后台集成方案，不太适合当基础模板来进行二次开发。因为本项目集成了很多你可能用不到的功能，会造成不少的代码冗余。如果你的项目不关注这方面的问题，也可以直接基于它进行二次开发。
- 集成方案: vue-element-admin
- 基础模板: vue-admin-template
- 桌面终端: electron-vue-admin
- Typescript 版: vue-typescript-admin-template (鸣谢: @Armour)
- Others: awesome-project
Apache ECharts
Apache ECharts 一个基于 JavaScript 的开源可视化图表库。很多企业项目图形库都是基于ECharts实现的。可以在开发过程中可以学习ECharts。
Electron
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
后续基于electron-vue-admin进行二次开发。