imcoder admin下载 - imcoder admin源码下载

imcoder admin

其他类别

1.0.0

下载

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