vue项目之(pc端)后台管理系统开发

224 阅读1分钟

前言

\

相信大家对于现在前端开发越来越复杂,前端框架层出不穷,所以大家还是以最基础的知识继续学习和研究下去,但对于大部分人而已基础也是最枯燥的,但也是最有意思和能够帯来快乐的

\

主题

\

爱实汇后台商家管理系统

\

\

\

\

\

\

\

关于


此项目是 vue2.0 + element-ui +部分第三方库 构建的后台管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登录、数据显示、新增数据、修改数据、删除数据、查询数据、管理员及商家相关等相关功能

\

技术栈


前端技术栈: vue2 + vuex + vue-router + webpack4.x + ES6/7 + scss + element-ui

\

目录结构


├── build                      // 构建相关
├── tests                      // 测试相关 
├── src                        // 源代码
│   ├── assets                 // 图片等静态资源
│   ├── components             // 全局公用组件
│   ├── api                    // 接口请求配置
│   ├── filters                // 过滤器配置
│   ├── icons                  // icons图标文件
│   ├── layout                 // 全局 组件
│   ├── views                   // 项目所有的视图
│   ├── router                 // 登录路由
│   ├── store                  // 项目vuex数据存储器
│   ├── style                  // 全局样式
│   ├── utils                  // 全局公用方法
│   ├── App.vue                // 入口页面
│   ├── main.js                // 入口 加载组件 初始化
├── static                     // 第三方不打包资源
│   └── Tinymce                // 富文本
├── .babelrc                   // babel-loader 配置
├── .gitignore                 // git 忽略项
├── eslintrc.js                // eslint 配置项
├── favicon.ico                // favicon图标
├── index.html                 // html模板
├── package.json               // 包依赖配置
└── README.md                  // 说明文件

\

模块


管理员模块(完成)

\

\

商家模块(完成)

\


🙈

公用模块

\

  • 图表  --完成
  • 登录/退出 --退出
  • 首页 --完成
  • 个人中心 --完成

\

注明


需要登录后台管理系统的朋友,请在下面留言

\

结尾


项目中的技术点等相关的,会在下一篇中说明