# KendoUI-Admin-Site **Repository Path**: linzhongjie0834/KendoUI-Admin-Site ## Basic Information - **Project Name**: KendoUI-Admin-Site - **Description**: 基于jQuery里功能最强大最完整的UI库~ 无需掌握前端工程化知识就能开箱即用~ 一分钟配置~ 五分钟上手~ 最适合后端程序员的后台管理框架~ 50+业务组件~ 150+官方组件~ 200+演示页面~ 500+样例展示~ 800+功能点~ 一套组件实现Web端、移动端、大数据图表展示~ jQuery最后的辉煌~ - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: https://ikki2000.gitee.io/kendoui-admin-site/ - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 152 - **Created**: 2024-01-22 - **Last Updated**: 2024-01-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
[![LOGO](https://gitee.com/IKKI2000/KendoUI-Admin-Site/raw/master/img/logo.png)](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/) [![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=Gitee&logoColor=c71d23&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.6.0)-0769ad.svg?labelColor=f5f5f5&logo=jQuery&logoColor=0769ad)](http://jquery.com/) [![Kendo UI](https://img.shields.io/badge/Kendo%20UI-2021.3.1207-f35800.svg?labelColor=f5f5f5&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABBVBMVEUAAAATJ04rR1niaEHsakDjaEAuQ1jiaEHiaEHhakQPJU4KIEztaUEjNFUOIkoRJEwUJUziaUEUJkwhKUyYT0UuSl8xR1w5SVvIY0XYXz4sQVntbkDNZETiaUIyR1sxRl0WI07iaUHsTzEOI0zwZUgXKk8RH04vLksPIEtbT1foUjU+SlriaEHiaUH+W1UxR1wOIUuaeV4hOFa3i2GshF8GH0u6j2QsR10tRl15aFw1SVxzYlpASlotQllPS1XBYkbtaj/BpIizmoejhm6if2CHcmB/aVuge1ptYFpoW1iugVdzYFdfVVZAQVI+P1AmME4kL06ec00aKEwZKEywYEq3Ykmnai4r62C+AAAAL3RSTlMAbhTu3b61q3plYF0yJQ3w7+DQzcqzrayrqaafnp6Ti4mJdWdmYmFeWUI5NCgjCDliDmQAAACpSURBVBjTY0ACepwcirrIAiqC7Ow6cB4fH4M0B6ssJ5SrJiTALyzJyqOlBOErGACBqQgPTDmvqZ2hoZ2pOly/hqeJsbGJDzdcQNnSMNDd0AMhwOhqHOZlZsmFEHAzM3Fy9EYS8Ld2cbYOUIULsBkE+/oFGUhBuUxs+rZGQGCrL8oEdoS8vr65VWiIlbm+vhhEiZyFjb2Dg72NhTgTVJO2DAszM4uEJogNAJr2Fc/W4MnfAAAAAElFTkSuQmCC)](https://www.telerik.com/kendo-jquery-ui) [![Bootstrap](https://img.shields.io/badge/Bootstrap-4.6.1-7952b3.svg?labelColor=f5f5f5&logo=Bootstrap&logoColor=7952b3)](https://getbootstrap.com/) [![Font Awesome](https://img.shields.io/badge/Font%20Awesome-5.15.4-339af0.svg?labelColor=f5f5f5&logo=Font%20Awesome&logoColor=339af0)](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) ![Firefox Browser](https://img.shields.io/badge/Firefox-last%202%20versions-ff8b04.svg?logo=Firefox%20Browser&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) ![Electron](https://img.shields.io/badge/Electron-last%202%20versions-9feaf9.svg?logo=Electron&logoColor=fff)
![Language](https://img.shields.io/badge/language-JavaScript-yellow.svg) ![HTML](https://img.shields.io/static/v1?label=HTML&message=32.3%&labelColor=f5f5f5&color=e34f26&logo=HTML5&logoColor=e34f26) ![CSS](https://img.shields.io/static/v1?label=CSS&message=2.8%&labelColor=f5f5f5&color=1572b6&logo=CSS3&logoColor=1572b6) ![JavaScript](https://img.shields.io/static/v1?label=JavaScript&message=64.9%&labelColor=f5f5f5&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)
![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 样式预处理 * 7 套 114 种主题配色可选 * IKKI Amikoko（14 种） * Ant Design（13 种） * Kendo UI Less（16 种） * Kendo UI Sass（9 种） * Kendo UI Classic（8 种） * Bootstrap（21 种） * Material Design（33 种） * [Kendo UI 官方简体、繁体汉化提供者](https://github.com/telerik/kendo-ui-core/blob/master/src/messages/kendo.messages.zh-CN.js) ## 🌐 浏览器支持 Browser Support * IE10 及以上、现代浏览器和 Electron 桌面应用 | IE
IE | Edge
Edge | Firefox
Firefox | Chrome
Chrome | Safari
Safari | Opera
Opera | Electron
Electron | | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | | 10, 11 | last 2 versions | 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 ``` **或**：任意方式创建并运行一个本地 Web 服务并修改好步骤 **2** 的 IP 和端口，然后在浏览器打开 `index.html` 即可~ ```text http://192.x.x.x: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`
其中 `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' | | **popMsg** | --- | --- | --- | 弹出框 | | | *dom* | object | --- | 触发弹出框的 DOM 对象 | | | *title* | string | --- | 弹出框显示的标题 | | | *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 对象 | #### 前后端交互规范： * 前后端交互全部采用 `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-icons.min.css·····························（矢量国旗图标） │ ├── fontawesome-all.min.css························（字体图标） │ ├── kendo.rtl.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 加密） │ ├── pako_deflate.min.js····························（PDF 导出） │ ├── 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_iamkk_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 加密） │ ├── pako_deflate.min.js····························（PDF 导出） │ ├── 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 * [x] Kendo UI Less * [x] Kendo UI Sass * [x] Kendo UI Classic * [x] Bootstrap * [x] Material Design * [ ] Nouvelle * [ ] 语言 [ 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_filter) * [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_alternate) * [x] [合并表头及行内拆分](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/grids/grid_merge) * [x] 树形表格 [ TreeGrids ] * [x] [全功能搜索及自定义编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_custom) * [x] [模态框带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_popup) * [x] [行内带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_inline) * [x] [单元格带校验编辑](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_incell) * [x] [自定义选择提交](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_select) * [x] [合计排序筛选](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_filter) * [x] [行及间隔项模版](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_alternate) * [x] [合并表头及行内拆分](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/dashboard/treegrids/treegrid_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_grid) * [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_group) * [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] [单页应用 [ SPA ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/spa) * [x] [图标 [ Icon ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/icon) * [x] [绘图 [ Drawing ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/framework/drawing) * [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) * [x] 布局 [ 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] [扩展面板 [ Expansion Panel ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/expansion_panel) * [x] [头像 [ Avatar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/avatar) * [x] [徽标 [ Badge ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/badge) * [x] [标签 [ Chip ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/chip) * [x] [标签列表 [ ChipList ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/chiplist) * [x] [卡片 [ Cards ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/cards) * [x] [磁贴布局 [ TileLayout ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/tilelayout) * [x] [表单 [ 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] [弹出框 [ Popover ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/popover) * [x] [提示框 [ Tooltip ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/tooltip) * [x] [消息框 [ MessageBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/layout/messagebox) * [x] 导航 [ Navigation ] * [x] [导航栏 [ AppBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/appbar) * [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] [关联菜单 [ ContextMenu ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/contextmenu) * [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] [动作面板 [ ActionSheet ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/actionsheet) * [x] [底部导航 [ BottomNavigation ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/bottomnavigation) * [x] [选项卡 [ TabStrip ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/tabstrip) * [x] [步骤条 [ Stepper ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/stepper) * [x] [向导 [ Wizard ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/wizard) * [x] [工具栏 [ ToolBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/toolbar) * [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] [切换按钮 [ ToggleButton ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/togglebutton) * [x] [下拉按钮 [ DropDownButton ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/dropdownbutton) * [x] [拆分按钮 [ SplitButton ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/splitbutton) * [x] [按钮组 [ ButtonGroup ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/buttongroup) * [x] [悬浮按钮 [ FloatingActionButton ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/navigation/floatingactionbutton) * [x] 表单 [ Forms ] * [x] [标签 [ Label ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/label) * [x] [浮动标签 [ FloatingLabel ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/floatinglabel) * [x] [提示栏 [ Hint ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/hint) * [x] [文本框 [ TextBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/textbox) * [x] [搜索框 [ SearchBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/searchbox) * [x] [文本域 [ TextArea ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/textarea) * [x] [单选框 [ Radio ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/radio) * [x] [单选组 [ RadioGroup ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/radiogroup) * [x] [复选框 [ CheckBox ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/checkbox) * [x] [复选组 [ CheckBoxGroup ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/checkboxgroup) * [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] [多选下拉框 [ MultiSelect ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/multiselect) * [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] [树形单选下拉框 [ DropDownTree ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/dropdowntree) * [x] [树形多选下拉框 [ MultiSelectTree ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/multiselecttree) * [x] [颜色框 [ ColorPicker ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/colorpicker) * [x] [颜色渐变板 [ ColorGradient ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/colorgradient) * [x] [颜色色块板 [ ColorPalette ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/colorpalette) * [x] [滑块框 [ Slider ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/slider) * [x] [滑块范围框 [ RangeSlider ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/rangeslider) * [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] [图像编辑框 [ ImageEditor ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/imageeditor) * [x] [上传框 [ Upload ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/upload) * [x] [验证码 [ Captcha ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/captcha) * [x] [验证 [ Validator ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/validator) * [x] [出错提示 [ Error ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/forms/error) * [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] [分页 [ Pager ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/pager) * [x] [任务板 [ TaskBoard ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/data/taskboard) * [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] [骨架屏 [ Skeleton Container ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/skeleton_container) * [x] [加载中 [ Loader ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/loader) * [x] [局部加载中 [ Loader Container ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/loader_container) * [x] [进度条 [ ProgressBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/progressbar) * [x] [分块进度条 [ ChunkProgressBar ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/chunkprogressbar) * [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) * [x] [辅助功能 [ Accessibility ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/interactivity/accessibility) * [ ] 处理 [ Processing ] * [x] [PDF导出 [ PDF Export ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/processing/pdf_export) * [x] [PDF查看 [ PDF Viewer ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/processing/pdf_viewer) * [x] [字符 [ Words ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/processing/words) * [x] [数据 [ Spread ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/processing/spread) * [x] [数据流 [ SpreadStream ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/processing/spreadstream) * [ ] [文件上传 [ Uploads ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/processing/uploads) * [ ] [文件下载 [ Downloads ]](https://ikki2000.gitee.io/kendoui-admin-site/admin/#/processing/downloads) * [ ] 图表 [ Charts ] * [ ] 综合图表 [ Charts ] * [ ] 区域图 [ Area Charts ] * [ ] 条形图 [ Bar Charts ] * [ ] 箱线图 [ Box Plot Charts ] * [ ] 气泡图 [ Bubble Charts ] * [ ] 子弹图 [ Bullet Charts ] * [ ] 环形图 [ Donut Charts ] * [ ] 热力图 [ HeatMap ] * [ ] 漏斗图 [ 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 ] * [ ] 圆周计 [ Circular Gauge ] * [ ] 径向计 [ Radial Gauge ] * [ ] 弧形计 [ Arc Gauge ] * [ ] 条码 [ Barcodes ] * [ ] 条形码 [ Barcode ] * [ ] 二维码 [ QR Code ] * [ ] 地图 [ Maps ] * [ ] 架构图 [ Diagram ] * [ ] 地图 [ Map ] * [ ] 组织结构图 [ OrgChart ] * [ ] 移动端 [ 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.6.0 > * [Kendo UI for jQuery 官网](https://www.telerik.com/kendo-jquery-ui) ( v2021.3.1207 ) * [Kendo UI Themes](https://github.com/telerik/kendo-themes) ( v4.43.0 ) * [Bootstrap](https://github.com/twbs/bootstrap) ( v4.6.1 ) * [Font Awesome](https://github.com/FortAwesome/Font-Awesome) ( v5.15.4 ) * [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 Icons](https://github.com/lipis/flag-icons) ( v4.1.4 ) * [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.19.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) ( v2021.2.3 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)