README.md · 56071925/KendoUI-Admin-Site

[![LOGO](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/logo.png)](https://www.telerik.com/kendo-ui)

# 🌸 Kendo UI Admin &amp; Site 🌌

Kendo UI Admin &amp; Site base on Kendo UI for jQuery and Bootstrap 4.

码云演示：[https://ikki2000.gitee.io/kendoui-admin-site/](https://ikki2000.gitee.io/kendoui-admin-site/)

[![IKKI Studio](https://img.shields.io/badge/IKKI%20Studio-%20-fff.svg?logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADv0lEQVRoge2Y0XHbVhBFz82kABRgwkAH/BY/rFRgugJTFTipQJMKbFUguYIoFZiaMfgbpgJyqAKiDm4+gAc8iAApcmwRmtHOYAA8PAD37t7dtwC82sDM9uC272+yzHYn3l+e2T9Hmqd9V14GAentIs2zrksvg4A9BrKuSy+DgDTuSQF+fV4kh1uR5pkgQd3XBx8BwbkNPQEYPgHgPaIvAMOW0CLNE+AcuzcCgyZgmGInkl4mAezLcgd9WTDYHFik+UxShgSYcr9tg4xAkeYJ9udwXklo2TV3kASwvwGJKq8bmGxWD11RGJyEilF2LWkMou5A7Xnf/MFEoEjzRHAtqeo8I91L6777BhGBRZqPsb/ZTE1ZdSSBQwXiru/ek0agGGWJpN+By3Ik7hla1Wfe94yTEFikeWaYAZ8MSTkqpPKLUKr0X4JfTjardd+zno1ABXqK/R44h7o8Vr42Tc5G+revdj33pxAoRlmCdA6MgXfYGZAFUK3WoAarCLPD+IOk22chsEjzse2PNfBICrUkDEReL60iU4OvErgkcnV2v374aQSKUZYhfRJMbWcBRfBwkEItCZfQRdPfKFqcmj8PwrAGvuzDcBSBYpRlki4pE7HWboSxlkZVSxqrJeNtKcWNv30x2eP9gwkUoywBPkualS+uAKo8ij3YWvZj7Vf/ekqMbsabBMDSn5P79fwpmLaai74fSIs0nwLXQFK3twFYuLcC8KgMRl6nCRctrcfRuJlsVhedYI/thYo0vwb+sp3UCdehXT16SThSJaU6Bx7fG5J9B/g+20ugAj9zpOmwNSAradSg2kRMnAeRbJrCD3BzdiD4vQQWaX6NPWslZPTPMpzHciqJ0hxX84K0akKNrB5AF5P79cHgYUcSF6NsBsxinbfKYa1ZtfLVqKX5OhKRx9XMm0u6ONvRKuyzziQuRlkG/IOUhKSrk+xRNLaSsyLYbhOal9kOq+vXs81qfhDYjiTujoB0KUi2KlJ03tZv4+UA2NV4WWKZA0ubu8n9emdrcKhtUfr+5m0i6T8/9nw0uY5EWHgafT9U36532GtgOblfd37LHgX2KRGQNHU0OS75DXCCVOZYd0hz28unrJw/2rYI2H4HFdhQv9XoXdIN8PfZZvVDpXCsdUVgHOvbodRJV9hf9nWHz23bEYBxXHEES8OHXV9Fp7SthSyUx6otuLX921DBQweBkMC2l4YntbSntK4IlGVP+mOyWQ0aPHQvZEvbPLUfP7V1ldE74N8TYDnKtiMg3WInJ8Dyaq92CvsfRr5b2fzO9C8AAAAASUVORK5CYII=&style=social)](https://ikki2000.github.io/)
[![License](https://img.shields.io/badge/dynamic/json.svg?url=https://gitee.com/api/v5/repos/IKKI2000/KendoUI-Admin-Site/license&label=license&query=$.license&color=green)](https://ikki2000.gitee.io/kendoui-admin-site/LICENSE)
[![Release](https://img.shields.io/badge/dynamic/json.svg?url=https://gitee.com/api/v5/repos/IKKI2000/KendoUI-Admin-Site/releases/latest&label=release&query=$.name&color=blue)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/releases)
 
[![码云仓库](https://img.shields.io/badge/码云仓库-%20-fff.svg?logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABmklEQVRIie1VS0sCYRQ9M6OOzoBWi8EgoclCK4N2vWkV/YLCFgUR1KJFEEHQok2LVgVC0J+oVSWG0YOIfkBhYAtbKAWWWpEPdGZaBGPwjTOIiBCd1b1z75xz75lv+Khbl1tBHUHXk/xvCJj0ivbhIQj+KXAeDyiL2ZAsvhvA29GJsQDFMBC3tyD4p6sZFlyPlxDQtKhtdaVqcgCAQh5IYgNTcxNaFxfUvJTOIHlwCOnjU58bQOo4aCzgGB0BzbI/iawgMjOLbOTBcPhKICyyOJ1qXHh5rokc0PrINFWOJVkNm8bH4Fpf0yVL7O0jFQwZCFQA1+0F7+vV7eH7fIRAY3+030idhkHzHICyhRTDwDk/B4bnaxfIx54Q3wkQz1smJ2Dr6gQAyLkcUde1iGYtAEVVrNsHB2B1d6j519090aO7gVkQ0H8ZhpTVmMzKwiaK6qkrJBJ4v76pTgAArGK7UQsUSUJsYxNKqUQOYvi2AYrJV0SXlpG5uNKsExukQ2GYHA5d7wFAKRaRiz4ifXYOOZ+v2Ef938kNF/gGPW5tTil3KhwAAAAASUVORK5CYII=&style=social)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/)
[![Gitee Star](https://gitee.com/IKKI2000/KendoUI-Admin-Site/badge/star.svg?theme=white)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/stargazers)
[![Gitee Fork](https://gitee.com/IKKI2000/KendoUI-Admin-Site/badge/fork.svg?theme=white)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/members)
 
[![jQuery](https://img.shields.io/badge/jQuery-1.12.4%20(3.5.1)-0769ad.svg?labelColor=bababa&logo=jQuery&logoColor=0769ad)](http://jquery.com/)
[![Kendo UI](https://img.shields.io/badge/Kendo%20UI-2020.2.513-f35800.svg?labelColor=bababa&logo=data:image/png;base64,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)](https://www.telerik.com/kendo-jquery-ui)
[![Bootstrap](https://img.shields.io/badge/Bootstrap-4.5.0-7952b3.svg?labelColor=bababa&logo=Bootstrap&logoColor=7952b3)](https://getbootstrap.com/)
[![Font Awesome](https://img.shields.io/badge/Font%20Awesome-5.13.0-228ae7.svg?labelColor=bababa&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB4ElEQVRIie2TvWtTURjGf+fcm5vb1mpsUwStUisNiDoICoKbk3UQBBdBB0cHg3+GOOri6uZiXMTqooMgqAiCrShYKrYmrRIag7m9H+fDRaWSm6bmRnDwmQ68nOfH857niN3lh7tyOw9cRzqnAJ/+KMTo+0l1riwmry5VkM6ZPhn/LqPvSqQz/VfMAaQzLemwlrwLrsyM8FMtTpZ8Hlwc4875UUpFNxOhDeA5cOnYEHsKDgd35LhweLC/AGWg2tQAWAuffpx7VVt+Y+HWy4AT+3waoeHRfMTp/T5Hxj2Kg5JmZHlVi3myEFMPDMN5wfEJj4ntLjeefkObLgCAWFsACr7k9rkRtvoSsW5+9tAArdhSa2qKQ5LCgOR9XXHzWQttbHfAr6GEbSk9EMAWTzC1iQJkL+J/wD8P6FoDY2FhVfF6OWHpq2bYExwd9yiN5XAkYKEeGB7PRyTKtt3fENCMLFfuNXixGNOKLT8/g+8KpkZd9o44NNYMbz4r6oFJ9dgQEMSW54sxa4lFrPtpkbLMriTMriRd8nd4g/agvSs1wceG5t2XhA+rmihlr38iMXmtluqQdwXaWFT6ajctCYRpg0hlNwdCidEzmW06yegZqZbfljG6QockPSrE6EpSnbv8HSftsykEPoqFAAAAAElFTkSuQmCC)](https://fontawesome.com/)
 
![Internet Explorer](https://img.shields.io/badge/IE-10+-00bcf2.svg?logo=Internet%20Explorer&logoColor=fff)
![Microsoft Edge](https://img.shields.io/badge/Edge-last%202%20versions-037ad7.svg?logo=Microsoft%20Edge&logoColor=fff)
![Mozilla Firefox](https://img.shields.io/badge/Firefox-last%202%20versions-ff8b04.svg?logo=Mozilla%20Firefox&logoColor=fff)
![Google Chrome](https://img.shields.io/badge/Chrome-last%202%20versions-19a15f.svg?logo=Google%20Chrome&logoColor=fff)
![Safari](https://img.shields.io/badge/Safari-last%202%20versions-05aee2.svg?logo=Safari&logoColor=fff)
![Opera](https://img.shields.io/badge/Opera-last%202%20versions-ff1b2d.svg?logo=Opera&logoColor=fff)
 
![Language](https://img.shields.io/badge/language-JavaScript-yellow.svg)
![HTML](https://img.shields.io/static/v1?label=HTML&message=28.0%&labelColor=bababa&color=e34f26&logo=HTML5&logoColor=e34f26)
![CSS](https://img.shields.io/static/v1?label=CSS&message=1.9%&labelColor=bababa&color=1572b6&logo=CSS3&logoColor=1572b6)
![JavaScript](https://img.shields.io/static/v1?label=JavaScript&message=70.1%&labelColor=bababa&color=f7df1e&logo=JavaScript&logoColor=f7df1e)
 
![Default](https://img.shields.io/badge/❀-默认-1890ff.svg?labelColor=69c0ff)
![Brown](https://img.shields.io/badge/❀-棕色-c39b8f.svg?labelColor=d9b6ac)
![Pink](https://img.shields.io/badge/❀-桃色-d770ad.svg?labelColor=ec87c0)
![Red](https://img.shields.io/badge/❀-红色-da4453.svg?labelColor=ed5565)
![Orange](https://img.shields.io/badge/❀-橙色-ff9800.svg?labelColor=ffb74d)
![Yellow](https://img.shields.io/badge/❀-黄色-f6bb42.svg?labelColor=ffce54)
![White](https://img.shields.io/badge/❀-白色-e6e9ed.svg?labelColor=f5f7fa)
![Grass](https://img.shields.io/badge/❀-翠色-8cc152.svg?labelColor=a0d468)
![Green](https://img.shields.io/badge/❀-绿色-37bc9b.svg?labelColor=48cfad)
![Cyan](https://img.shields.io/badge/❀-青色-3bafda.svg?labelColor=4fc1e9)
![Blue](https://img.shields.io/badge/❀-蓝色-4a89dc.svg?labelColor=5d9cec)
![Purple](https://img.shields.io/badge/❀-紫色-967adc.svg?labelColor=ac92ec)
![Black](https://img.shields.io/badge/❀-黑色-434a54.svg?labelColor=656d78)
![Gray](https://img.shields.io/badge/❀-灰色-aab2bd.svg?labelColor=ccd1d9)

</div>

![Home](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/screenshot/home_pc.png)

![Forms](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/screenshot/forms.png)

![Grid](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/screenshot/grid.png)

![Themes](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/screenshot/themes.png)

## 🌟 特点 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 套 64 种主题配色可选
 * IKKI Amikoko（14 种）
 * Ant Design（13 种）
 * Kendo UI Sass（7 种）
 * Bootstrap v4（10 种）
 * Material Design（20 种）
* [Kendo UI 官方简体、繁体汉化提供者](https://github.com/telerik/kendo-ui-core/blob/master/src/messages/kendo.messages.zh-CN.js)

## 🌐 浏览器支持 Browser Support

* 现代浏览器和 IE10 及以上

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_32x32.png" alt="IE"> IE | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_32x32.png" alt="Edge"> Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_32x32.png" alt="Firefox"> Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_32x32.png" alt="Chrome"> Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_32x32.png" alt="Safari"> Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_32x32.png" alt="Opera"> 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 文件的 `<base>` 修改为前端本地的开发**根**路径~
 ```diff
 index.html
 --- <base href="https://ikki2000.gitee.io/kendoui-admin-site/">
 +++ <base href="http://localhost:8888/YourProject/">
 
 admin/login.html & admin/index.html
 --- <base href="https://ikki2000.gitee.io/kendoui-admin-site/" type="admin">
 +++ <base href="http://localhost:8888/YourProject/" type="admin">
 
 site/login.html & site/index.html
 --- <base href="https://ikki2000.gitee.io/kendoui-admin-site/" type="site">
 +++ <base href="http://localhost:8888/YourProject/" type="site">
 ```
 > 注意：最后的 `/` 不要漏掉~
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
 <script id="xxxTemp" type="text/x-kendo-template">
 ```
* 只应用于当前子页面模块的样式写在模块的 HTML 文件中
 ```html
 <style scoped>
 ···
 </style>
 ```
* 只应用于当前子页面模块的 css 文件写在模块的 HTML 文件中并通过 @import 引入
 ```html
 <style scoped>
 @import "css/plugin.min.css";
 </style>
 ```
* 子页面模块的 HTML 文件基本结构如下：
 ```html
 <script id="xxxTemp" type="text/x-kendo-template">
 <div>
 ···
 </div>
 <script id="otherTemplate" type="text/x-kendo-template">
 ···
 </script>
 <style scoped>
 ···
 </style>
 </script>
 ```
* 只应用于当前子页面模块的 JS 插件通过模块的 JS 文件引入
 ```js
 $.getScript('js/plugin.min.js');
 ```
* 顶部菜单本地 Mock 数据位于 `json/menu.json` 其中 `url` 键值包含的 `linkTo` 方法为路由函数 其中第一个参数为子页面模块相对于 `views` 目录所在的目录 第二个参数为子页面模块的名称 `cssClass` 键值为面包屑要用到的 DOM 定位，由 `links-模块名称` 组成
* 左侧导航本地 Mock 数据位于 `json/nav.json` 其键值说明如下：
 * `id` 为唯一标识符
 * `parentId` 为父 ID ，一级为 0
 * `sort` 为所在层级排序
 * `name` 为名称
 * `subName` 为副名称
 * `icon` 为图标
 * `dot` 为折叠后的圆点提醒
 * `badge` 为徽标提醒
 * `directory` 为子页面模块相对于 `views` 目录所在的目录
 * `location` 为子页面模块的名称
 * `expanded` 为是否默认展开
* 顶部菜单、左侧导航及 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·······························（看板娘）
│   ├── md5.min.js·····································（MD5 加密）
│   ├── 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` 头部 `<base>` 标签内的 `type` 置空即可~

```html
 <base href="http://localhost:8888/YourProject/" type="">
```

```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 库）
│   ├── md5.min.js·····································（MD5 加密）
│   ├── 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 ] ✔️

* [x] [登录页 [ Login Page ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/login.html)
 * [x] 登录 [ Sign In ]
 * [x] 注册 [ Register ]
 * [x] 滑动验证 [ Slide Verify ]
 * [x] 记住密码 [ Remember Password ]
 * [x] 忘记密码 [ Forget Password ]
 * [x] MD5 加密 [ MD5 Encryption ]
 * [x] 看板娘 [ Live2D ]
* [x] [框架 [ Admin Layout ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/index.html)
 * [x] 路由页面加载进度条 [ Router Progress ]
 * [x] 路由页面动画过渡 [ Animated Transitions ]
 * [x] 骨架屏 [ Skeleton ]
 * [x] 回到顶部 [ Go Top ]
 * [x] 聊天机器人 [ Bot ]
 * [x] 天气预报 [ Weather Forecast ]
 * [x] 万年历 [ Perpetual Calendar ]
 * [x] 便签 [ Note ]
* [x] [主页 [ Home ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/home)
 * [x] 数字跳动 [ Count Up ]
* [x] [403 页 [ 403 ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/403)
* [x] [404 页 [ 404 ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/404)
* [x] [500 页 [ 500 ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/500)

#### 顶部菜单 [ Menu ] ⏳

* [x] 导航折叠 [ Navigation Drawer ]
* [x] 面包屑 [ Breadcrumb ]
* [x] [全局搜索 [ Global Search ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/search)
* [x] 刷新 [ Refresh ]
* [x] 全屏 [ Full Screen ]
* [x] 锁屏 [ Lock Screen ]
* [ ] 主题 [ Theme ]
 * [x] IKKI Amikoko
 * [x] Ant Design
 * [ ] Kendo UI Less
 * [x] Kendo UI Sass
 * [x] Bootstrap v4
 * [x] Material Design
* [ ] 语言 [ Localization ]
 * [x] 中文简体 [ 汉语简 ]
 * [x] 中文繁體 [ 汉语繁 ]
 * [x] English [ 英语 ]
 * [ ] Русский [ 俄语 ]
 * [ ] Français [ 法语 ]
 * [ ] Deutsch [ 德语 ]
 * [ ] Italiano [ 意大利语 ]
 * [ ] Português [ 葡萄牙语 ]
 * [ ] Español [ 西班牙语 ]
 * [ ] العربية [ 阿拉伯语 ]
 * [ ] 日本語 [ 日语 ]
 * [ ] 한국어 [ 韩语 ]
* [x] [信息 [ Message ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/message)
 * [x] 写信 [ Write Letters ]
 * [x] 收信箱 [ Inbox ]
 * [x] 发信箱 [ Outbox ]
 * [x] 短消息 [ SMS ]
 * [x] 通讯录 [ Address Book ]
* [x] [提醒 [ Notice ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/notice)
 * [x] 系统通知 [ System Notification ]
 * [x] 个人动态 [ User Updating ]
 * [x] 待办事项 [ To Do Items ]
* [x] 用户名头像显示 [ User Name & Avatar ]
 * [x] [前台切换 [ Goto Website ]](https://ikki2000.gitee.io/kendoui-admin-site/site/index.html)
 * [x] [用户中心 [ User Center ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/account)
 * [x] 修改密码 [ Change Password ]
 * [x] [系统设置 [ Setting ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/setting) 
 * [x] [导航编辑 [ Navigation Editor ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/users/navigation)
 * [x] 退出登录 [ Sign Out ]

#### 左侧导航 [ Navigation ] ⏳

* [x] 综合 [ Dashboard ]
 * [x] 表单 [ Forms ]
 * [x] [基础表单元素](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_elements)
 * [x] [表单 Post 提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_post)
 * [x] [表单 Ajax 提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_ajax)
 * [x] [范围选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_range)
 * [x] [模糊搜索选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_search)
 * [x] [弹出框选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_popup)
 * [x] [下拉分组多选级联](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_cascade)
 * [x] [地图联动选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_map)
 * [x] [组合动态复制新增](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/forms/form_copy)
 * [x] 表格 [ Grids ]
 * [x] [全功能搜索及自定义编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_custom)
 * [x] [弹出框带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_popup)
 * [x] [行内带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_inline)
 * [x] [单元格带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_incell)
 * [x] [复制新增及数据联动编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_copy)
 * [x] [自定义功能按钮](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_button)
 * [x] [自定义选择提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_select)
 * [x] [分组合计排序筛选](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_group)
 * [x] [子表详情及滚动翻页](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_detail)
 * [x] [合并表头及行内拆分](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_merge)
 * [x] 树形 [ Trees ]
 * [x] [全功能拖放及自定义编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_custom)
 * [x] [节点选择编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_edit)
 * [x] [自定义图标](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_icon)
 * [x] [复选框及半选提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/trees/tree_checkbox)
 * [x] 列表 [ Lists ]
 * [x] [全功能排版及自定义编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_custom)
 * [x] [多模块自定义排版](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_layout)
 * [x] [大图列表切换](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_switch)
 * [x] [间隔项模版及滚动翻页](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/lists/list_alternate)
 * [x] 分配 [ Assigns ]
 * [x] [表格搜索双击选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_grid)
 * [x] [树形直接拖放](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_drag)
 * [x] [树形同级双击选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_tree)
 * [x] [列表搜索双击选择](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_list)
 * [x] [穿梭框拖放](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/assigns/assign_listbox)
* [x] 框架 [ Framework ]
 * [x] [全球化 [ Globalization ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/globalization)
 * [x] [视图模型 [ MVVM ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/mvvm)
 * [x] [数据源 [ DataSource ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/datasource)
 * [x] [模版 [ Templates ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/templates)
 * [x] [绘图 [ Drawing ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/drawing)
 * [x] [单页应用 [ SPA ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/spa)
 * [x] [PDF导出 [ PDF Export ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/pdf_export)
 * [x] [PDF查看 [ PDF Viewer ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/pdf_viewer)
 * [x] [触摸事件 [ Touch Events ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/touch_events)
 * [x] [整合 [ Integration ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/integration)
* [ ] 布局 [ Layout ]
 * [x] [页面布局 [ Splitter ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/splitter)
 * [x] [响应面板 [ Responsive Panel ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/responsive_panel)
 * [x] [徽标 [ Badge ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/badge)
 * [x] [卡片 [ Cards ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/cards)
 * [ ] [磁贴布局 [ TileLayout ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/tilelayout)
 * [ ] [表单 [ Form ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/form)
 * [x] [模态框 [ Window ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/window)
 * [x] [对话框 [ Dialog ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/dialog)
 * [x] [通知框 [ Notification ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/notification)
 * [x] [提示框 [ Tooltip ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/tooltip)
* [ ] 导航 [ Navigation ]
 * [x] [面包屑 [ Breadcrumb ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/breadcrumb)
 * [x] [菜单 [ Menu ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/menu)
 * [x] [折叠面板 [ PanelBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/panelbar)
 * [x] [抽屉 [ Drawer ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/drawer)
 * [x] [选项卡 [ TabStrip ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/tabstrip)
 * [ ] [步骤条 [ Stepper ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/stepper)
 * [x] [工具栏 [ ToolBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/toolbar)
 * [x] [分页 [ Pager ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/pager)
 * [x] [树形视图 [ TreeView ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/treeview)
 * [x] [时间线 [ Timeline ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/timeline)
 * [x] [按钮 [ Button ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/button)
 * [x] [按钮组 [ ButtonGroup ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/buttongroup)
* [ ] 表单 [ Forms ]
 * [ ] [文本框 [ TextBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/textbox)
 * [x] [单选框 [ Radio ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/radio)
 * [x] [复选框 [ CheckBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/checkbox)
 * [x] [转换框 [ Switch ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/switch)
 * [x] [数字框 [ NumericTextBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/numerictextbox)
 * [x] [日期框 [ DatePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/datepicker)
 * [x] [日期范围框 [ DateRangePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/daterangepicker)
 * [x] [时间框 [ TimePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/timepicker)
 * [x] [时日框 [ DateTimePicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/datetimepicker)
 * [x] [时日掩码框 [ DateInput ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/dateinput)
 * [x] [掩码框 [ MaskedTextBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/maskedtextbox)
 * [x] [自动完成框 [ AutoComplete ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/autocomplete)
 * [x] [单选下拉框 [ DropDownList ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/dropdownlist)
 * [x] [输入下拉框 [ ComboBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/combobox)
 * [x] [表格下拉框 [ MultiColumnComboBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/multicolumncombobox)
 * [x] [多选下拉框 [ MultiSelect ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/multiselect)
 * [x] [树形下拉框 [ DropDownTree ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/dropdowntree)
 * [x] [颜色框 [ ColorPicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/colorpicker)
 * [x] [滑块框 [ Slider ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/slider)
 * [x] [评级框 [ Rating ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/rating)
 * [x] [穿梭框 [ ListBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/listbox)
 * [x] [富文本框 [ Editor ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/editor)
 * [x] [上传框 [ Upload ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/upload)
 * [x] [验证 [ Validator ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/validator)
* [x] 数据 [ Data ]
 * [x] [表格 [ Grid ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/grid)
 * [x] [树形列表 [ TreeList ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/treelist)
 * [x] [列表视图 [ ListView ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/listview)
 * [x] [电子表格 [ Spreadsheet ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/spreadsheet)
 * [x] [透视表格 [ PivotGrid ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/pivotgrid)
 * [x] [过滤器 [ Filter ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/filter)
 * [x] [文件管理 [ FileManager ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/filemanager)
* [x] 日程 [ Scheduling ]
 * [x] [日历 [ Calendar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/calendar)
 * [x] [多重日历 [ MultiViewCalendar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/multiviewcalendar)
 * [x] [日程表 [ Scheduler ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/scheduler)
 * [x] [甘特图 [ Gantt ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/scheduling/gantt)
* [x] 会话 [ Conversational ]
 * [x] [聊天 [ Chat ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/conversational/chat)
* [x] 媒体 [ Media ]
 * [x] [媒体播放器 [ MediaPlayer ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/media/mediaplayer)
 * [x] [滚动视图 [ ScrollView ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/media/scrollview)
* [x] 交互 [ Interactivity ]
 * [x] [拖放 [ Drag and Drop ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/drag_and_drop)
 * [x] [拖放排序 [ Sortable ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/sortable)
 * [x] [进度条 [ ProgressBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/progressbar)
 * [x] [样式 [ Styling ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/styling)
 * [x] [特效 [ Effects ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/effects)
 * [x] [波纹效果 [ Ripple Container ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/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.5.1 >
* [Kendo UI for jQuery 官网](https://www.telerik.com/kendo-jquery-ui) ( v2020.2.513 )
* [Kendo UI Default Theme](https://github.com/telerik/kendo-themes/tree/develop/packages/default) ( v4.19.0 )
* [Kendo UI Bootstrap Theme](https://github.com/telerik/kendo-themes/tree/develop/packages/bootstrap) ( v4.17.0 )
* [Kendo UI Material Theme](https://github.com/telerik/kendo-themes/tree/develop/packages/material) ( v3.16.0 )
* [Bootstrap](https://github.com/twbs/bootstrap) ( v4.5.0 )
* [Font Awesome](https://github.com/FortAwesome/Font-Awesome) ( v5.13.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.6 )
* [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 )
* [JavaScript MD5](https://github.com/blueimp/JavaScript-MD5) ( v2.13.0 )
* [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) ( v2020.1.2 x64 )

## 📷 界面预览 Screenshot

### -= PC =-

![PC](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/screenshot/home_pc.png)

### -= PAD =-

![PAD](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/screenshot/home_pad.png)

### -= PHONE =-

![PHONE](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/screenshot/home_phone.png)

</div>

56071925/KendoUI-Admin-Site

简介

发行版

贡献者

近期动态

56071925/KendoUI-Admin-Site .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

56071925/KendoUI-Admin-Site