# KendoUI-Admin-Site
**Repository Path**: wanglei0713/KendoUI-Admin-Site
## Basic Information
- **Project Name**: KendoUI-Admin-Site
- **Description**: Kendo UI Admin & Site 是基于 Kendo UI for jQuery 和 Bootstrap 4 搭建的前台网站和后台管理框架。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://ikki2000.gitee.io/kendoui-admin-site/
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 151
- **Created**: 2020-01-03
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
[](https://www.telerik.com/kendo-ui)
# 🌸 Kendo UI Admin & Site 🌌
Kendo UI Admin & Site base on Kendo UI for jQuery and Bootstrap 4.
码云演示：[https://ikki2000.gitee.io/kendoui-admin-site/](https://ikki2000.gitee.io/kendoui-admin-site/)
[](https://ikki2000.github.io/)
[](https://ikki2000.gitee.io/kendoui-admin-site/LICENSE)
[](https://gitee.com/IKKI2000/KendoUI-Admin-Site/releases)
[](https://gitee.com/IKKI2000/KendoUI-Admin-Site/)
[](https://gitee.com/IKKI2000/KendoUI-Admin-Site/stargazers)
[](https://gitee.com/IKKI2000/KendoUI-Admin-Site/members)
[-0769ad.svg?labelColor=bababa&logo=jQuery&logoColor=0769ad)](http://jquery.com/)
[](https://www.telerik.com/kendo-jquery-ui)
[](https://getbootstrap.com/)
[](https://fontawesome.com/)
## 🌟 特点 Features
* 无前端工程化、零配置
* 下载无需安装、开箱即用
* 前后端分离
* MVVM 视图模型（by Kendo UI for jQuery）
* SPA 单页面应用（by Kendo UI for jQuery）
* Router 页面路由（by Kendo UI for jQuery）
* Templates 模版渲染（by Kendo UI for jQuery）
* Data Source 统一数据源（by Kendo UI for jQuery）
* PC 端、移动端栅格系统响应式布局（by Bootstrap 4）
* 无 CSS Sprites、矢量化图标字体（by Font Awesome）
* 统一风格的前台网站和后台管理界面
* 后台模式支持 6 种组合框架布局
* [路由版 Router Edition](https://ikki2000.gitee.io/kendoui-admin-site/admin/index_router.html)（推荐）
* [框架版 iFrame Edition](https://ikki2000.gitee.io/kendoui-admin-site/admin/index_iframe.html)
* [标签版 Tabstrip Edition](https://ikki2000.gitee.io/kendoui-admin-site/admin/index_tabstrip.html)
* [布局路由版 Splitter Router Edition](https://ikki2000.gitee.io/kendoui-admin-site/admin/index_splitter_router.html)
* [布局框架版 Splitter iFrame Edition](https://ikki2000.gitee.io/kendoui-admin-site/admin/index_splitter_iframe.html)
* [布局标签版 Splitter Tabstrip Edition](https://ikki2000.gitee.io/kendoui-admin-site/admin/index_splitter_tabstrip.html)
* 菜单、导航同结构动态配置
* Sass 样式预处理
* 5 套 65 种配色主题可选
* IKKI Amikoko（14 种）
* Ant Design（13 种）
* Material Design（20 种）
* Kendo UI（8 种）
* Bootstrap（10 种）
* [Kendo UI 官方简体、繁体汉化提供者](https://github.com/telerik/kendo-ui-core/blob/master/src/messages/kendo.messages.zh-CN.js)
## 🌐 浏览器支持 Browser Support
* 现代浏览器和 IE10 及以上
| 
IE | 
Edge | 
Firefox | 
Chrome | 
Safari | 
Opera |
| :----------: | :----------: | :----------: | :----------: | :----------: | :----------: |
| 10, 11 | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
## 📖 使用指南 Initialization
1. [下载](https://gitee.com/IKKI2000/KendoUI-Admin-Site/repository/archive/master.zip)并解压至项目**根**目录~
2. 将下列 **5** 个 HTML 文件的 `` 修改为前端本地的开发**根**路径~
```diff
index.html
---
+++
admin/login.html & admin/index.html
---
+++
site/login.html & site/index.html
---
+++
```
> 注意：最后的 `/` 不要漏掉~
3. 将下列 JS 文件的 `apiPath` 修改为后端服务器的 API 接口**根**路径~ 并恢复 **3** 个默认参数~
```diff
js/ikki.js
// 配置接口路径
--- var apiPath = 'https://ikki2000.gitee.io/kendoui-admin-site/';
+++ var apiPath = 'https://dev.YourDomain.com/api/';
// Ajax 提交
--- ajaxType: 'get', // Gitee Pages 演示只支持 get 请求，正常使用请改回 post 请求
+++ ajaxType: 'post',
--- urlType: 'static', // Gitee Pages 演示接口为静态 json 文件，正常使用请改回 api 类型
+++ urlType: 'api',
// 带二进制流的 Ajax 提交
--- ajaxType: 'get', // Gitee Pages 演示只支持 get 请求，正常使用请改回 post 请求
+++ ajaxType: 'post',
```
4. 用 IDE 编辑器（如：WebStorm）打开 `index.html` 并选择浏览器启动本地服务即可~
```text
http://localhost:8888/YourProject/index.html
```
## 🔨 开发指南 Developer's Guide
* 所有的子页面模块均存放在 `views` 目录或其自定义的子目录下
* 每一个子页面模块均由同名的 `xxx.html` 和 `xxx.js` 两个文件组成
* 每一个子页面模块的 HTML 页面第一行的模版 ID 由文件名 `xxx` 和 `Temp` 组成
```html
```
* 只应用于当前子页面模块的 JS 插件通过模块的 JS 文件引入
```js
$.getScript('js/plugin.min.js');
```
* 顶部菜单本地 Mock 数据位于 `json/menu.json` 其数据结构同左侧导航
* 左侧导航本地 Mock 数据位于 `json/nav.json` 其中 `text` 键值说明如下：
* `` 为图标
* `` 为折叠后的角标
* `` 包裹折叠后一级导航不显示的文字部分
* `` 为可选次级文字
* `` 为角标
* 左侧导航 `url` 键值包含的 `linkTo` 方法为路由函数
其中第一个参数为子页面模块相对于 `views` 目录所在的目录
第二个参数为子页面模块的名称
`cssClass` 键值为面包屑要用到的 DOM 定位，由 `links-模块名称` 组成
* 顶部菜单、左侧导航及 Token 验证的 API 接口地址位于 `ikki.layout.js` 文件内
* `ikki.js` 文件内封装了一些公用方法，具体参数及说明如下：
| 方法 | 参数 | 类型 | 默认值 | 说明 |
| ----- | ----- | ----- | ----- | ----- |
| **$.fn.ajaxPost** | --- | --- | --- | 封装的带 **token** 的 ajax 提交 |
| | *ajaxAsync* | boolean | true | ajax 的 async 属性 |
| | *ajaxType* | string | 'post' | ajax 的 type 属性 |
| | *ajaxData* | string | '' | 用 **JSON.stringify()** 封装的 ajax 的 data 属性 |
| | *urlType* | string | 'api' | 读取本地 json 的时候换成 'static' |
| | *ajaxUrl* | string | '' | ajax 的 url 属性 |
| | *ajaxContentType* | string | 'application/json; charset=UTF-8' | ajax 的 contentType 属性 |
| | *finished* | function | {} | ajax 请求完成时的回调 |
| | *succeed* | function | {} | ajax 请求完成并且 result === 'y' 时的回调 |
| | *failed* | function | {} | ajax 请求完成并且 result === 'n' 时的回调 |
| | *isMsg* | boolean | false | result === 'y' 时是否需要消息提示 |
| **$.fn.ajaxPostBlob** | --- | --- | --- | 封装的带 **token** 的二进制流 ajax 提交 |
| | *ajaxAsync* | boolean | true | ajax 的 async 属性 |
| | *ajaxType* | string | 'post' | ajax 的 type 属性 |
| | *ajaxData* | string | '' | 用 **new FormData()** 封装的 ajax 的 data 属性 |
| | *ajaxUrl* | string | '' | ajax 的 url 属性 |
| | *finished* | function | {} | ajax 请求完成时的回调 |
| | *succeed* | function | {} | ajax 请求完成并且 result === 'y' 时的回调 |
| | *failed* | function | {} | ajax 请求完成并且 result === 'n' 时的回调 |
| | *isMsg* | boolean | true | result === 'y' 时是否需要消息提示 |
| **tipMsg** | --- | --- | --- | 提示框 |
| | *dom* | object | --- | 触发提示框的 DOM 对象 |
| | *msg* | string | --- | 提示框显示的内容 |
| | *position* | string | --- | 提示框的位置：
'top'
'bottom'
'left'
'right'
'center' |
| **noticeMsg** | --- | --- | --- | 通知框 |
| | *msg* | string | --- | 通知框显示的内容 |
| | *type* | string | --- | 通知框的类型：
'info'
'success'
'warning'
'error' |
| | *position* | string | --- | 通知框的位置：
'center'
'top'
'left'
'right'
'bottom'
'left top'
'right top'
'left bottom'
'right bottom' |
| | *time* | number | --- | 自动消失的时间
单位：ms |
| | *hided* | function | --- | 通知框消失后的回调 |
| **alertMsg** | --- | --- | --- | 警告框 |
| **alertMsgBtn** | --- | --- | --- | 警告框小按钮 |
| **alertMsgNoBtn** | --- | --- | --- | 警告框无按钮 |
| | *msg* | string | --- | 警告框显示的内容 |
| | *type* | string | --- | 警告框的类型：
'success'
'info'
'question'
'warning'
'error' |
| | *closed* | function | --- | 警告框关闭后的回调 |
| **confirmMsg** | --- | --- | --- | 确认框 |
| **confirmMsgBtn** | --- | --- | --- | 确认框小按钮 |
| | *title* | string | --- | 确认框显示的标题 |
| | *msg* | string | --- | 确认框显示的内容 |
| | *type* | string | --- | 确认框的类型：
'success'
'info'
'question'
'warning'
'error' |
| | *confirmed* | function | --- | 确认框确认后的回调 |
| **divWindow** | --- | --- | --- | 弹出层 |
| | *title* | string | --- | 弹出层显示的标题 |
| | *width* | string | --- | 弹出层宽度
单位：px 或 % |
| | *height* | string | --- | 弹出层高度
单位：px 或 % |
| | *content* | object | --- | 弹出层显示的 DOM 对象 |
| **iframeWindow** | --- | --- | --- | 弹出页 |
| | *title* | string | --- | 弹出页显示的标题 |
| | *width* | string | --- | 弹出页宽度
单位：px 或 % |
| | *height* | string | --- | 弹出页高度
单位：px 或 % |
| | *url* | string | --- | 弹出页显示的 iFrame 链接地址 |
| **showBigPic** | --- | --- | --- | 大图预览 |
| | *url* | string | --- | 大图的绝对路径 |
| **numericRange** | --- | --- | --- | 数字型范围 |
| | *rangeStart* | object | --- | 开始的 DOM 对象 |
| | *rangeEnd* | object | --- | 结束的 DOM 对象 |
| | *format* | string | --- | 格式 |
| | *decimals* | number | --- | 保留几位小数 |
| | *step* | number | --- | 步进 |
| | *min* | number | --- | 最小值 |
| | *max* | number | --- | 最大值 |
| **dateRange** | --- | --- | --- | 日期型范围 |
| **dateInputRange** | --- | --- | --- | 日期输入型范围 |
| | *rangeStart* | object | --- | 开始的 DOM 对象 |
| | *rangeEnd* | object | --- | 结束的 DOM 对象 |
| | *type* | string | --- | 日期的类型：
'Year'
'Month'
'Time'
'DateTime'
'Date' |
| **serializeObject** | --- | --- | --- | 表单序列化 json 对象 |
| **steps** | --- | --- | --- | 步骤条 |
| | *func* | function | --- | 步骤完成后的回调 |
| **stepsForm** | --- | --- | --- | 表单步骤条 |
| | *func* | function | --- | 步骤完成后的回调 |
| **stepsNoBack** | --- | --- | --- | 单向步骤条 |
| | *func* | function | --- | 步骤完成后的回调 |
#### 前后端交互规范：
* 前后端交互全部采用 `Ajax` 方式提交
* 前后端 `token` 均通过 `header` 的 `Authorization` 属性交互
* 前端提交给后端的数据格式分为标准的 `json` 格式和带二进制流的 `form data` 格式两种
* 后端返回给前端的 `json` 格式标准如下：
```json
{
"result": "y",
"msg": "操作成功！",
"data": []
}
```
* Token 验证不通过时返回：
```json
{
"result": "denied"
}
```
* 所有日期 `date` 类型的数据全部转换成字符串 `string` 类型进行交互，即前端给到后端和后端给到前端的数据均为字符串
```json
{
"year": "2019",
"month": "2019-02",
"date": "2019-02-03",
"time": "12:00",
"datetime": "2019-02-03 12:00"
}
```
* 所有组件交互的数据格式请参考前端 Mock 数据目录 `json/`
## 📜 目录结构 Directory Structure
#### 完整版：
> 后台默认使用的是路由版~ 如需使用框架版、标签版和布局版，请直接将对应的 `index_xxx.html` 启动或直接改名为 `index.html` 即可~
```text
ROOT/··················································（项目根目录）
├── admin/·············································（后台管理目录）
│ ├── pages/·········································（iFrame 框架版目录）
│ │ ├── 404.html···································（404 页面）
│ │ ├── home.html··································（主页）
│ ├── views/·········································（SPA 路由版和标签版目录）
│ │ ├── xxx/·······································（后台管理子目录）
│ │ │ ├── xxx.html·······························（后台管理子页面及样式）
│ │ │ └── xxx.js·································（后台管理子页面脚本）
│ │ ├── 403.html···································（403 页面及样式）
│ │ ├── 403.js·····································（403 页面脚本）
│ │ ├── 404.html···································（404 页面及样式）
│ │ ├── 404.js·····································（404 页面脚本）
│ │ ├── 500.html···································（500 页面及样式）
│ │ ├── 500.js·····································（500 页面脚本）
│ │ ├── home.html··································（主页页面及样式）
│ │ ├── home.js····································（主页页面脚本）
│ │ ├── search.html································（搜索结果页面及样式）
│ │ └── search.js··································（搜索结果页面脚本）
│ ├── index.html·····································（后台登录后首页）
│ ├── index_iframe.html······························（首页框架版）
│ ├── index_router.html······························（首页路由版）
│ ├── index_splitter_iframe.html·····················（首页布局框架版）
│ ├── index_splitter_router.html·····················（首页布局路由版）
│ ├── index_splitter_tabstrip.html···················（首页布局标签版）
│ ├── index_tabstrip.html····························（首页标签版）
│ └── login.html·····································（后台登录、注册、找回密码页）
├── css/···············································（样式表目录）
│ ├── themes/········································（配色皮肤目录）
│ ├── amikoko.admin.css······························（后台管理样式）
│ ├── amikoko.site.css·······························（前台网站样式）
│ ├── bootstrap.min.css······························（Bootstrap 4）
│ ├── flag-icon.min.css······························（矢量国旗图标）
│ ├── fontawesome-all.min.css························（字体图标）
│ ├── kendo.ui.widgets.icon.css······················（Kendo UI 组件图标）
│ └── weather-icons.min.css··························（字体天气图标）
├── flags/·············································（矢量国旗图标目录）
├── fonts/·············································（字体图标目录）
├── img/···············································（图片目录）
│ ├── avatar.png·····································（默认头像）
│ ├── error.png······································（服务器出错图片）
│ ├── favicon.png····································（浏览器标签及收藏夹图标）
│ ├── IKKI.png·······································（用户头像）
│ ├── lock_bg.jpg····································（锁屏背景）
│ ├── logo.png·······································（标准 LOGO）
│ └── logo_s.png·····································（左侧导航折叠后 LOGO）
├── js/················································（公用脚本目录）
│ ├── global/········································（多语言目录）
│ ├── countUp.min.js·································（数字跳动）
│ ├── ikki.iframe.js·································（框架版脚本）
│ ├── ikki.js········································（公用脚本）
│ ├── ikki.layout.js·································（后台公用脚本）
│ ├── ikki.router.js·································（路由脚本）
│ ├── ikki.splitter.js·······························（布局版脚本）
│ ├── ikki.tabstrip.js·······························（标签版脚本）
│ ├── ikki.website.js································（前台公用脚本）
│ ├── jquery.min.js··································（jQuery 库）
│ ├── jquery.particleground.js·······················（登录页背景动画）
│ ├── jquery.verify.js·······························（登录页滑动验证）
│ ├── jszip.min.js···································（Excel 导出）
│ ├── kendo.all.min.js·······························（Kendo UI 库）
│ ├── L2Dwidget.0.min.js·····························（看板娘）
│ ├── L2Dwidget.min.js·······························（看板娘）
│ ├── pdf.js·········································（PDF 查看）
│ └── pdf.worker.js··································（PDF 查看）
├── json/··············································（本地 Mock 数据目录）
│ └── geo/···········································（地图 GEO 数据目录）
├── resource/··········································（其他静态资源目录）
├── site/··············································（前台网站目录）
│ ├── pages/·········································（iFrame 框架版目录）
│ │ ├── 404.html···································（404 页面）
│ │ ├── home.html··································（主页）
│ ├── views/·········································（SPA 路由版和标签版目录）
│ │ ├── xxx/·······································（前台网站子目录）
│ │ │ ├── xxx.html·······························（前台网站子页面及样式）
│ │ │ └── xxx.js·································（前台网站子页面脚本）
│ │ ├── 404.html···································（404 页面及样式）
│ │ ├── 404.js·····································（404 页面脚本）
│ │ ├── home.html··································（主页页面及样式）
│ │ └── home.js····································（主页页面脚本）
│ └── index.html·····································（前台首页）
├── index.html·········································（项目首页）
├── LICENSE············································（MIT）
└── README.md··········································（本说明文档）
```
#### 纯后台管理路由精简版：
> 如果只需要后台管理界面的路由版~ 可将原 `admin` 目录下的文件移动至根目录并按照如下目录结构删除多余的文件~ 且将 `login.html` 和 `index.html` 头部 `` 标签内的 `type` 置空即可~
```html
```
```text
ROOT/··················································（项目根目录）
├── css/···············································（样式表目录）
│ ├── themes/········································（配色皮肤目录）
│ │ └── theme_default.min.css······················（只保留默认样式）
│ ├── amikoko.admin.css······························（后台管理样式）
│ ├── bootstrap.min.css······························（Bootstrap 4）
│ └── fontawesome-all.min.css························（字体图标）
├── fonts/·············································（字体图标目录）
├── img/···············································（图片目录）
│ ├── avatar.png·····································（默认头像）
│ ├── error.png······································（服务器出错图片）
│ ├── favicon.png····································（浏览器标签及收藏夹图标）
│ ├── logo.png·······································（标准 LOGO）
│ └── logo_s.png·····································（左侧导航折叠后 LOGO）
├── js/················································（公用脚本目录）
│ ├── global/········································（多语言目录）
│ │ └── kendo.zh-CHS.js····························（只保留简体中文）
│ ├── countUp.min.js·································（数字跳动）
│ ├── ikki.js········································（后台管理脚本）
│ ├── ikki.layout.js·································（框架脚本）
│ ├── ikki.router.js·································（路由脚本）
│ ├── jquery.min.js··································（jQuery 库）
│ ├── jquery.verify.js·······························（登录页滑动验证）
│ ├── jszip.min.js···································（Excel 导出）
│ ├── kendo.all.min.js·······························（Kendo UI 库）
│ ├── pdf.js·········································（PDF 查看）
│ └── pdf.worker.js··································（PDF 查看）
├── json/··············································（本地 Mock 数据目录）
├── views/·············································（SPA 页面目录）
│ ├── xxx/···········································（子目录）
│ │ ├── xxx.html···································（子页面及样式）
│ │ └── xxx.js·····································（子页面脚本）
│ ├── 403.html·······································（403 页面及样式）
│ ├── 403.js·········································（403 页面脚本）
│ ├── 404.html·······································（404 页面及样式）
│ ├── 404.js·········································（404 页面脚本）
│ ├── 500.html·······································（500 页面及样式）
│ ├── 500.js·········································（500 页面脚本）
│ ├── home.html······································（主页页面及样式）
│ ├── home.js········································（主页页面脚本）
│ ├── search.html····································（搜索结果页面及样式）
│ └── search.js······································（搜索结果页面脚本）
├── index.html·········································（登录后首页）
└── login.html·········································（后台入口登录、注册、找回密码页）
```
## 📁 功能列表 Function List
#### 基础功能 [ Basic ] 💯
* [登录 [ Sign In ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/login.html) ✔️
* [注册 [ Register ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/login.html) ✔️
* [忘记密码 [ Forget Password ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/login.html) ✔️
* [框架 [ Admin Layout ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/index.html) ✔️
* [主页 [ Home ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/home) ✔️
* [403页 [ 403 ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/403) ✔️
* [404页 [ 404 ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/404) ✔️
* [500页 [ 500 ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/500) ✔️
* 路由页面加载进度条 [ Router Progress ] ✔️
* 路由页面动画过渡 [ Animated Transitions ] ✔️
* 骨架屏 [ Skeleton ] ✔️
* [看板娘 [ Live2D ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/login.html) ✔️
* 聊天机器人 [ Bot ] ✔️
* 天气预报 [ Weather Forecast ] ✔️
* 万年历 [ Perpetual Calendar ] ✔️
* 便签 [ Note ] ✔️
* 回到顶部 [ Go Top ] ✔️
#### 顶部菜单 [ Menu ] 💯
* 导航折叠 [ Navigation Drawer ] ✔️
* 面包屑 [ Breadcrumb ] ✔️
* [全局搜索 [ Global Search ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/search) ✔️
* 刷新 [ Refresh ] ✔️
* 全屏 [ Full Screen ] ✔️
* 锁屏 [ Lock Screen ] ✔️
* 配色 [ Theme ] ✔️
* 语言 [ Localization ] ✔️
* [消息 [ Message ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/message) ✔️
* [提醒 [ Notice ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/notice) ✔️
* 用户名头像显示 [ User Name & Avatar ] ✔️
* [前台切换 [ Goto Website ]](https://ikki2000.gitee.io/kendoui-admin-site/site/index.html) ✔️
* [用户中心 [ User Center ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/account) ✔️
* 修改密码 [ Change Password ] ✔️
* [系统设置 [ Setting ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/setting) ✔️
* 退出登录 [ Sign Out ] ✔️
#### 左侧导航 [ Navigation ]
* 综合 [ Dashboard ] 💯
* 表单 [ Forms ] 💯
* [基础表单元素](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_elements) ✔️
* [表单 Post 提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_post) ✔️
* [表单 Ajax 提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_ajax) ✔️
* [范围选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_range) ✔️
* [弹出框选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_popup) ✔️
* [下拉分组多选级联](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_cascade) ✔️
* [地图联动选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_map) ✔️
* 表格 [ Grids ] 💯
* [全功能搜索及自定义编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_custom) ✔️
* [弹出框带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_popup) ✔️
* [行内带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_inline) ✔️
* [单元格带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_incell) ✔️
* [复制新增及数据联动编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_copy) ✔️
* [自定义功能按钮](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_button) ✔️
* [自定义选择提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_select) ✔️
* [分组合计排序筛选](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_group) ✔️
* [子表详情及滚动翻页](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_detail) ✔️
* [合并表头及行内拆分](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_merge) ✔️
* 树形 [ Trees ] 💯
* [全功能拖放及自定义编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_custom) ✔️
* [节点选择编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_edit) ✔️
* [自定义图标](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_icon) ✔️
* [复选框及半选提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_checkbox) ✔️
* 列表 [ Lists ] 💯
* [全功能排版及自定义编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_custom) ✔️
* [多模块自定义排版](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_layout) ✔️
* [大图列表切换](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_switch) ✔️
* [间隔项模版及滚动翻页](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_alternate) ✔️
* 分配 [ Assigns ] 💯
* [表格搜索双击选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_grid) ✔️
* [树形直接拖放](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_drag) ✔️
* [树形同级双击选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_tree) ✔️
* [列表搜索双击选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_list) ✔️
* [穿梭框拖放](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_listbox) ✔️
* 框架 [ Framework ] 💯
* [全球化 [ Globalization ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/globalization) ✔️
* [视图模型 [ MVVM ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/mvvm) ✔️
* [数据源 [ DataSource ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/datasource) ✔️
* [模版 [ Templates ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/templates) ✔️
* [绘图 [ Drawing ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/drawing) ✔️
* [单页应用 [ SPA ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/spa) ✔️
* [PDF导出 [ PDF Export ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/pdf_export) ✔️
* [PDF查看 [ PDF Viewer ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/pdf_viewer) ✔️
* [触摸事件 [ Touch Events ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/touch_events) ✔️
* [整合 [ Integration ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/integration) ✔️
* 布局 [ Layout ] 💯
* [页面布局 [ Splitter ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/splitter) ✔️
* [响应面板 [ Responsive Panel ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/responsive_panel) ✔️
* [卡片 [ Cards ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/cards) ✔️
* [模态框 [ Window ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/window) ✔️
* [对话框 [ Dialog ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/dialog) ✔️
* [通知框 [ Notification ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/notification) ✔️
* [提示框 [ Tooltip ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/tooltip) ✔️
* 导航 [ Navigation ] 💯
* [菜单 [ Menu ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/menu) ✔️
* [折叠面板 [ PanelBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/panelbar) ✔️
* [抽屉 [ Drawer ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/drawer) ✔️
* [选项卡 [ TabStrip ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/tabstrip) ✔️
* [工具栏 [ ToolBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/toolbar) ✔️
* [树形视图 [ TreeView ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/treeview) ✔️
* [时间线 [ Timeline ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/timeline) ✔️
* [按钮 [ Button ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/button) ✔️
* [按钮组 [ ButtonGroup ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/buttongroup) ✔️
* 表单 [ Forms ] 💯
* [转换框 [ Switch ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/switch) ✔️
* [数字框 [ NumericTextBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/numerictextbox) ✔️
* [日期框 [ DatePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/datepicker) ✔️
* [日期范围框 [ DateRangePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/daterangepicker) ✔️
* [时间框 [ TimePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/timepicker) ✔️
* [时日框 [ DateTimePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/datetimepicker) ✔️
* [时日掩码框 [ DateInput ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/dateinput) ✔️
* [掩码框 [ MaskedTextBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/maskedtextbox) ✔️
* [自动完成框 [ AutoComplete ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/autocomplete) ✔️
* [单选下拉框 [ DropDownList ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/dropdownlist) ✔️
* [输入下拉框 [ ComboBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/combobox) ✔️
* [表格下拉框 [ MultiColumnComboBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/multicolumncombobox) ✔️
* [多选下拉框 [ MultiSelect ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/multiselect) ✔️
* [树形下拉框 [ DropDownTree ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/dropdowntree) ✔️
* [颜色框 [ ColorPicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/colorpicker) ✔️
* [滑块框 [ Slider ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/slider) ✔️
* [评级框 [ Rating ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/rating) ✔️
* [穿梭框 [ ListBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/listbox) ✔️
* [富文本框 [ Editor ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/editor) ✔️
* [上传框 [ Upload ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/upload) ✔️
* [验证 [ Validator ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/validator) ✔️
* 数据 [ Data ] 💯
* [表格 [ Grid ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/grid) ✔️
* [树形列表 [ TreeList ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/treelist) ✔️
* [列表视图 [ ListView ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/listview) ✔️
* [电子表格 [ Spreadsheet ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/spreadsheet) ✔️
* [透视表格 [ PivotGrid ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/pivotgrid) ✔️
* [过滤器 [ Filter ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/filter) ✔️
* 日程 [ Scheduling ] 💯
* [日历 [ Calendar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/calendar) ✔️
* [多重日历 [ MultiViewCalendar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/multiviewcalendar) ✔️
* [日程表 [ Scheduler ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/scheduler) ✔️
* [甘特图 [ Gantt ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/gantt) ✔️
* 会话 [ Conversational ]
* 聊天 [ Chat ]
* 媒体 [ Media ]
* 媒体播放器 [ MediaPlayer ]
* 滚动视图 [ ScrollView ]
* 交互 [ Interactivity ]
* 拖放 [ Drag and Drop ]
* 拖放排序 [ Sortable ]
* 进度条 [ ProgressBar ]
* 样式 [ Styling ]
* 特效 [ Effects ]
* 波纹效果 [ Ripple Container ]
* 图表 [ Charts ]
* 区域图 [ Area Charts ]
* 条形图 [ Bar Charts ]
* 箱线图 [ Box Plot Charts ]
* 气泡图 [ Bubble Charts ]
* 子弹图 [ Bullet Charts ]
* 环形图 [ Donut Charts ]
* 漏斗图 [ Funnel Charts ]
* 折线图 [ Line Charts ]
* 饼图 [ Pie Charts ]
* 极坐标图 [ Polar Charts ]
* 雷达图 [ Radar Charts ]
* 散点图 [ Scatter Charts ]
* 波形图 [ Sparklines ]
* 股票图 [ Stock Charts ]
* 树图 [ TreeMap ]
* 瀑布图 [ Waterfall Charts ]
* 范区域图 [ Range Area Charts ]
* 范条形图 [ Range Bar Charts ]
* 量规 [ Gauges ]
* 线性计 [ Linear Gauge ]
* 径向计 [ Radial Gauge ]
* 弧形计 [ Arc Gauge ]
* 条码 [ Barcodes ]
* 条形码 [ Barcode ]
* 二维码 [ QR Code ]
* 地图 [ Maps ]
* 架构图 [ Diagram ]
* 地图 [ Map ]
* 移动端 [ Hybrid ]
* 动作面板 [ ActionSheet ]
* 整体应用 [ Application ]
* 按钮 [ Button ]
* 按钮组 [ ButtonGroup ]
* 折叠面板 [ Collapsilble ]
* 抽屉 [ Drawer ]
* 表单 [ Forms ]
* 表格 [ Grid ]
* 列表 [ ListView ]
* 模态框 [ ModalView ]
* 导航栏 [ NavBar ]
* 气泡层 [ PopOver ]
* 日程表 [ Scheduler ]
* 滚动 [ Scroller ]
* 滚动视图 [ ScrollView ]
* 拆分视图 [ SplitView ]
* 样式 [ Styling ]
* 滑动开关 [ Switch ]
* 标签页 [ TabStrip ]
* 触摸事件 [ Touch Events ]
* 视图 [ View ]
## 🔗 相关链接 Thanks for
* [jQuery](https://github.com/jquery/jquery) ( v1.12.4 ) < Support for v3.4.1 >
* [Kendo UI for jQuery 官网](https://www.telerik.com/kendo-jquery-ui) ( v2019.3.1023 )
* [Kendo UI themes](https://github.com/telerik/kendo-themes) ( v4.10.0 )
* [Bootstrap](https://github.com/twbs/bootstrap) ( v4.4.1 )
* [Font Awesome](https://github.com/FortAwesome/Font-Awesome) ( v5.12.0 )
* [Ant Design Colors](https://ant.design/docs/spec/colors-cn)
* [Material Design Colors](https://www.material.io/design/color/the-color-system.html#tools-for-picking-colors)
* [Flag Icon Css](https://github.com/lipis/flag-icon-css) ( v3.4.5 )
* [Weather Icons](https://github.com/erikflowers/weather-icons) ( v2.0.10 )
* [Count Up](https://github.com/inorganik/countUp.js) ( v1.9.3 )
* [Verify](https://github.com/Hibear/verify) ( v0.1.1 )
* [Particleground](https://github.com/jnicol/particleground) ( v1.1.0 )
* [Live2D Widget](https://github.com/xiazeyu/live2d-widget.js) ( v3.0.5 )
* [JetBrains Open Source Support Program](https://www.jetbrains.com/community/opensource/)
* [JetBrains WebStorm](https://www.jetbrains.com/?from=KendoUI-Admin-Site) ( v2019.3.1 x64 )
## 📷 界面预览 Screenshot
### -= PC =-
### -= PAD =-
### -= PHONE =-
