imcoder-admin是一个前端解决方案，基于 vue

Imcoder - Admin 后台管理模板

Dd-Admin 是一个前端解决方案，基于 vue 2 和 element-ui 2.12.0 开发的后台管理模板。功能涵盖动态路由、富文本编辑、图表统计等多种丰富组件。能够快速帮助中小型企业搭建后台产品模型。

演示地址

演示地址 https://www.imcoder.fun/imcoder-admin

功能简介

登录 / 注销

动态路由

登录验证（模拟） 权限控制（模拟）

全局功能

全屏显示 菜单控制 多级路由（菜单）嵌套 面包屑设置 个性页签视图 多种图表实例 丰富字体图标 页面自适应 个性化皮肤（开发中） 国际化语言切换 支持外部链接 支持菜单点击

基础组件

表格 基础表格 分页表格 可编辑表格 拖拽表格（支持行拖拽和列拖拽） 表单 垂直表单 行内表单 多列表单 楼层切换 树形选择器 树形组件 颜色选择器 动态数字 顶部吸附（开发中） 图片剪裁 一键分享

字体图标

编辑器

ueditor（已注释） 代码编辑器（考虑用的较少已删除） markdown

文件操作

Excel导入导出 PDf预览

错误页面

401 页面 404 页面 500 页面 系统截图

安装步骤

# 安装依赖 npm install # 访问地址 localhost:8088 npm run dev # 编译打包 npm run build 目录结构

├── build // help ├── config // 配置文件 ├── src // 核心代码 │ ├── assets │ │ ├── css // 自定义样式文件 │ │ └── images // 图片文件 │ ├── auth // 登录认证相关 │ ├── components // vue 组件 │ ├── config // 配置控制 │ ├── json // json 文件 │ ├── router // 路由控制 │ ├── store // vuex 存储 │ │ ├── modules │ │ ├── getter.js │ │ └── index.js │ ├── utils // 工具 │ ├── views // 视图 │ │ ├── basic // 基础组件 │ │ ├── components // 视图组件 │ │ ├── donate // 捐赠 │ │ ├── editor // 编辑器组件 │ │ ├── error // 错误页面 │ │ ├── file // 文件操作 │ │ ├── icon // 字体图标 │ │ ├── menu-1 // 多级菜单 │ │ ├── home.vue // 项目主框架 │ │ ├── login.vue // 登录 │ │ └── settings.vue // 侧边设置 │ ├── App.vue // 根路由视图 │ └── main.js // 项目入口 ├── static │ ├── ueditor // ueditor插件 │ └── .gitkeep ├── test ├── .babelrc ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .postcssrc.js ├── README.md // read me ├── index.html // 项目首页 ├── package-lock.json └── package.json 浏览器兼容

IE / Edge	Firefox	Chrome	Safari	Opera
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

捐赠

项目的创作离不开您的支持，如果你觉得此项目能够帮助到您，不如请作者喝杯咖啡吧。

支付宝
微信
其他

本项目部分灵感来源于其他开源项目el-admin