Vue3、Element Plus、typescript后台管理系统 https://lin-xin.github.io/example/vue-manage-system/

lin-xin 44f92e414c Update README.md há 9 anos atrás
build e02fa2f29a 完成基础表格 há 9 anos atrás
config 1bdfc745ef Add vue-core-image-upload há 9 anos atrás
src 2f64de872f Update readme component há 9 anos atrás
static 1bdfc745ef Add vue-core-image-upload há 9 anos atrás
.babelrc e02fa2f29a 完成基础表格 há 9 anos atrás
.editorconfig d2d822f541 Complete vue-charts há 9 anos atrás
.gitignore e02fa2f29a 完成基础表格 há 9 anos atrás
README.md 44f92e414c Update README.md há 9 anos atrás
index.html 1bdfc745ef Add vue-core-image-upload há 9 anos atrás
package.json 8edc10bee5 Add vue-echarts-v3 replace vue-charts há 9 anos atrás

README.md

manage-system

基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案

前言

之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能,就需要引用其他的组件才能完成。所以我就把开发这个后台管理系统的经验,总结了这个后台管理系统解决方案。

该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。

功能

  • Element UI
  • 登录/注销
  • 表格
  • 表单
  • 图表
  • 富文本编辑器
  • markdown编辑器
  • 图片拖拽/裁剪上传

目录结构介绍

安装步骤

git clone https://github.com/lin-xin/manage-system.git      // 把模板下载到本地
cd manage-system                                            // 进入模板目录
npm install                                                 // 安装项目依赖,等待安装完成之后
npm run dev                                                 // 开启服务器打开项目

组件使用说明与演示

调试部署上传

其他注意事项