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