# KendoUI-Admin-Site **Repository Path**: complete_info/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/index_gitee.html - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 152 - **Created**: 2019-04-30 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
[![LOGO](https://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/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. GitHub Demo: [https://ikki2000.github.io/KendoUI-Admin-Site/](https://ikki2000.github.io/KendoUI-Admin-Site/) 码云演示：[https://ikki2000.gitee.io/kendoui-admin-site/index_gitee.html](https://ikki2000.gitee.io/kendoui-admin-site/index_gitee.html) [![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/) [![GitHub license](https://img.shields.io/github/license/IKKI2000/KendoUI-Admin-Site.svg)](https://github.com/IKKI2000/KendoUI-Admin-Site/blob/master/LICENSE) [![GitHub release](https://img.shields.io/github/release/IKKI2000/KendoUI-Admin-Site.svg)](https://github.com/IKKI2000/KendoUI-Admin-Site/releases)
[![GitHub Repo](https://img.shields.io/badge/GitHub%20Repo-%20-fff.svg?logo=GitHub&style=social)](https://github.com/IKKI2000/KendoUI-Admin-Site/) [![GitHub stars](https://img.shields.io/github/stars/IKKI2000/KendoUI-Admin-Site.svg?style=social)](https://github.com/IKKI2000/KendoUI-Admin-Site/stargazers) [![GitHub forks](https://img.shields.io/github/forks/IKKI2000/KendoUI-Admin-Site.svg?style=social)](https://github.com/IKKI2000/KendoUI-Admin-Site/network/members) [![GitHub watchers](https://img.shields.io/github/watchers/IKKI2000/KendoUI-Admin-Site.svg?style=social)](https://github.com/IKKI2000/KendoUI-Admin-Site/watchers)
[![码云仓库](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 stars](https://img.shields.io/badge/dynamic/json.svg?url=https://gitee.com/api/v5/repos/IKKI2000/KendoUI-Admin-Site&label=Stars&query=$.stargazers_count&style=social&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABmklEQVRIie1VS0sCYRQ9M6OOzoBWi8EgoclCK4N2vWkV/YLCFgUR1KJFEEHQok2LVgVC0J+oVSWG0YOIfkBhYAtbKAWWWpEPdGZaBGPwjTOIiBCd1b1z75xz75lv+Khbl1tBHUHXk/xvCJj0ivbhIQj+KXAeDyiL2ZAsvhvA29GJsQDFMBC3tyD4p6sZFlyPlxDQtKhtdaVqcgCAQh5IYgNTcxNaFxfUvJTOIHlwCOnjU58bQOo4aCzgGB0BzbI/iawgMjOLbOTBcPhKICyyOJ1qXHh5rokc0PrINFWOJVkNm8bH4Fpf0yVL7O0jFQwZCFQA1+0F7+vV7eH7fIRAY3+030idhkHzHICyhRTDwDk/B4bnaxfIx54Q3wkQz1smJ2Dr6gQAyLkcUde1iGYtAEVVrNsHB2B1d6j519090aO7gVkQ0H8ZhpTVmMzKwiaK6qkrJBJ4v76pTgAArGK7UQsUSUJsYxNKqUQOYvi2AYrJV0SXlpG5uNKsExukQ2GYHA5d7wFAKRaRiz4ifXYOOZ+v2Ef938kNF/gGPW5tTil3KhwAAAAASUVORK5CYII=)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/stargazers) [![Gitee forks](https://img.shields.io/badge/dynamic/json.svg?url=https://gitee.com/api/v5/repos/IKKI2000/KendoUI-Admin-Site&label=Forks&query=$.forks_count&style=social&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABmklEQVRIie1VS0sCYRQ9M6OOzoBWi8EgoclCK4N2vWkV/YLCFgUR1KJFEEHQok2LVgVC0J+oVSWG0YOIfkBhYAtbKAWWWpEPdGZaBGPwjTOIiBCd1b1z75xz75lv+Khbl1tBHUHXk/xvCJj0ivbhIQj+KXAeDyiL2ZAsvhvA29GJsQDFMBC3tyD4p6sZFlyPlxDQtKhtdaVqcgCAQh5IYgNTcxNaFxfUvJTOIHlwCOnjU58bQOo4aCzgGB0BzbI/iawgMjOLbOTBcPhKICyyOJ1qXHh5rokc0PrINFWOJVkNm8bH4Fpf0yVL7O0jFQwZCFQA1+0F7+vV7eH7fIRAY3+030idhkHzHICyhRTDwDk/B4bnaxfIx54Q3wkQz1smJ2Dr6gQAyLkcUde1iGYtAEVVrNsHB2B1d6j519090aO7gVkQ0H8ZhpTVmMzKwiaK6qkrJBJ4v76pTgAArGK7UQsUSUJsYxNKqUQOYvi2AYrJV0SXlpG5uNKsExukQ2GYHA5d7wFAKRaRiz4ifXYOOZ+v2Ef938kNF/gGPW5tTil3KhwAAAAASUVORK5CYII=)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/members) [![Gitee watchers](https://img.shields.io/badge/dynamic/json.svg?url=https://gitee.com/api/v5/repos/IKKI2000/KendoUI-Admin-Site&label=Watchers&query=$.watchers_count&style=social&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABmklEQVRIie1VS0sCYRQ9M6OOzoBWi8EgoclCK4N2vWkV/YLCFgUR1KJFEEHQok2LVgVC0J+oVSWG0YOIfkBhYAtbKAWWWpEPdGZaBGPwjTOIiBCd1b1z75xz75lv+Khbl1tBHUHXk/xvCJj0ivbhIQj+KXAeDyiL2ZAsvhvA29GJsQDFMBC3tyD4p6sZFlyPlxDQtKhtdaVqcgCAQh5IYgNTcxNaFxfUvJTOIHlwCOnjU58bQOo4aCzgGB0BzbI/iawgMjOLbOTBcPhKICyyOJ1qXHh5rokc0PrINFWOJVkNm8bH4Fpf0yVL7O0jFQwZCFQA1+0F7+vV7eH7fIRAY3+030idhkHzHICyhRTDwDk/B4bnaxfIx54Q3wkQz1smJ2Dr6gQAyLkcUde1iGYtAEVVrNsHB2B1d6j519090aO7gVkQ0H8ZhpTVmMzKwiaK6qkrJBJ4v76pTgAArGK7UQsUSUJsYxNKqUQOYvi2AYrJV0SXlpG5uNKsExukQ2GYHA5d7wFAKRaRiz4ifXYOOZ+v2Ef938kNF/gGPW5tTil3KhwAAAAASUVORK5CYII=)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/watchers) [![Gitee star](https://gitee.com/IKKI2000/KendoUI-Admin-Site/badge/star.svg?theme=dark)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/stargazers) [![Gitee fork](https://gitee.com/IKKI2000/KendoUI-Admin-Site/badge/fork.svg?theme=dark)](https://gitee.com/IKKI2000/KendoUI-Admin-Site/members)
[![jQuery](https://img.shields.io/badge/jQuery-1.12.4-0769ad.svg?labelColor=999&logo=jQuery&logoColor=0769ad)](http://jquery.com/) [![Kendo UI](https://img.shields.io/badge/Kendo%20UI-2019.1.220-f35800.svg?labelColor=999&logo=data:image/png;base64,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)](https://www.telerik.com/kendo-jquery-ui) [![Bootstrap](https://img.shields.io/badge/Bootstrap-4.3.1-563d7c.svg?labelColor=999&logo=Bootstrap&logoColor=563d7c)](https://getbootstrap.com/) [![Font Awesome](https://img.shields.io/badge/Font%20Awesome-5.8.1-228ae7.svg?labelColor=999&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)
![GitHub top language](https://img.shields.io/github/languages/top/IKKI2000/KendoUI-Admin-Site.svg?color=blue) ![GitHub language count](https://img.shields.io/github/languages/count/IKKI2000/KendoUI-Admin-Site.svg) ![GitHub HTML count](https://img.shields.io/badge/dynamic/json.svg?url=https://api.github.com/repos/IKKI2000/KendoUI-Admin-Site/languages&label=HTML&query=$.HTML&color=e54c21) ![GitHub CSS count](https://img.shields.io/badge/dynamic/json.svg?url=https://api.github.com/repos/IKKI2000/KendoUI-Admin-Site/languages&label=CSS&query=$.CSS&color=167dbe) ![GitHub JavaScript count](https://img.shields.io/badge/dynamic/json.svg?url=https://api.github.com/repos/IKKI2000/KendoUI-Admin-Site/languages&label=JavaScript&query=$.JavaScript&color=f0dc4e) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/IKKI2000/KendoUI-Admin-Site.svg) ![GitHub repo size in bytes](https://img.shields.io/github/repo-size/IKKI2000/KendoUI-Admin-Site.svg)
![GitHub contributors](https://img.shields.io/github/contributors/IKKI2000/KendoUI-Admin-Site.svg) ![GitHub last commit](https://img.shields.io/github/last-commit/IKKI2000/KendoUI-Admin-Site.svg) ![GitHub commit activity](https://img.shields.io/github/commit-activity/m/IKKI2000/KendoUI-Admin-Site.svg)
![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://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/master/img/screenshot/home_pc.png) ![Forms](https://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/master/img/screenshot/forms.png) ![Grid](https://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/master/img/screenshot/grid.png) ![Themes](https://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/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.github.io/KendoUI-Admin-Site/admin/index_router.html)（推荐） * [框架版 iFrame Edition](https://ikki2000.github.io/KendoUI-Admin-Site/admin/index_iframe.html) * [标签版 Tabstrip Edition](https://ikki2000.github.io/KendoUI-Admin-Site/admin/index_tabstrip.html) * [布局路由版 Splitter Router Edition](https://ikki2000.github.io/KendoUI-Admin-Site/admin/index_splitter_router.html) * [布局框架版 Splitter iFrame Edition](https://ikki2000.github.io/KendoUI-Admin-Site/admin/index_splitter_iframe.html) * [布局标签版 Splitter Tabstrip Edition](https://ikki2000.github.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
IE | Edge
Edge | Firefox
Firefox | Chrome
Chrome | Safari
Safari | Opera
Opera | | :----------: | :----------: | :----------: | :----------: | :----------: | :----------: | | 10, 11 | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | ## 📖 使用指南 Initialization 1. [下载](https://github.com/IKKI2000/KendoUI-Admin-Site/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.github.io/KendoUI-Admin-Site/'; +++ var apiPath = 'https://dev.YourDomain.com/api/'; // Ajax 提交 --- ajaxType: 'get', // GitHub Pages 演示只支持 get 请求，正常使用请改回 post 请求 +++ ajaxType: 'post', --- urlType: 'static', // GitHub Pages 演示接口为静态 json 文件，正常使用请改回 api 类型 +++ urlType: 'api', // 带二进制流的 Ajax 提交 --- ajaxType: 'get', // GitHub 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(path + '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 对象 | #### 前后端交互规范： * 前后端交互全部采用 `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·································（后台管理子页面脚本） │ │ ├── 404.html···································（404页面及样式） │ │ ├── 404.js·····································（404页面脚本） │ │ ├── home.html··································（主页页面及样式） │ │ └── home.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 组件图标） ├── flags/·············································（矢量国旗图标目录） ├── fonts/·············································（字体图标目录） ├── img/···············································（图片目录） │ ├── avatar.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 库） ├── 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·····································（默认头像） │ ├── 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 库） ├── json/··············································（本地 Mock 数据目录） ├── views/·············································（SPA 页面目录） │ ├── xxx/···········································（子目录） │ │ ├── xxx.html···································（子页面及样式） │ │ └── xxx.js·····································（子页面脚本） │ ├── 404.html·······································（404页面及样式） │ ├── 404.js·········································（404页面脚本） │ ├── home.html······································（主页页面及样式） │ └── home.js········································（主页页面脚本） ├── index.html·········································（登录后首页） └── login.html·········································（后台入口登录页） ``` ## 📁 功能列表 Function List #### 基础功能 [ Basic ] * [登录 [ Sign In ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/login.html) ✔️ * 注册 [ Register ] * 忘记密码 [ Forget Password ] * [框架 [ Admin Layout ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/index.html) ✔️ * [主页 [ Home ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/home) ✔️ * 403页 [ 403 ] * [404页 [ 404 ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/404) ✔️ * 500页 [ 500 ] * 回到顶部 [ Go Top ] ✔️ #### 顶部菜单 [ Menu ] * 导航折叠 [ Navigation Drawer ] ✔️ * 面包屑 [ Breadcrumb ] ✔️ * 刷新 [ Refresh ] ✔️ * 全屏 [ Full Screen ] ✔️ * 锁屏 [ Lock Screen ] ✔️ * 配色 [ Theme ] ✔️ * 语言 [ Localization ] ✔️ * 消息 [ Message ] * 提醒 [ Notice ] * 用户名头像显示 [ User Name & Avatar ] ✔️ * [前台切换 [ Goto Website ]](https://ikki2000.github.io/KendoUI-Admin-Site/site/index.html) ✔️ * 用户中心 [ User Center ] * 修改密码 [ Change Password ] * 系统设置 [ Setting ] * 退出登录 [ Sign Out ] ✔️ #### 左侧导航 [ Navigation ] * 综合 [ Dashboard ] 💯 * 表单 [ Forms ] 💯 * [基础表单元素](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/forms/form_elements) ✔️ * [表单 Post 提交](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/forms/form_post) ✔️ * [表单 Ajax 提交](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/forms/form_ajax) ✔️ * [范围选择](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/forms/form_range) ✔️ * [下拉分组多选级联](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/forms/form_cascade) ✔️ * [地图联动选择](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/forms/form_map) ✔️ * 表格 [ Grids ] 💯 * [全功能搜索及自定义编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_custom) ✔️ * [弹出框带校验编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_popup) ✔️ * [行内带校验编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_inline) ✔️ * [单元格带校验编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_incell) ✔️ * [复制新增及数据联动编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_copy) ✔️ * [自定义功能按钮](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_button) ✔️ * [自定义选择提交](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_select) ✔️ * [分组合计排序筛选](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_group) ✔️ * [子表详情及滚动翻页](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_detail) ✔️ * [合并表头及行内拆分](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/grids/grid_merge) ✔️ * 树形 [ Trees ] 💯 * [全功能拖放及自定义编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/trees/tree_custom) ✔️ * [节点选择编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/trees/tree_edit) ✔️ * [自定义图标](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/trees/tree_icon) ✔️ * [复选框及半选提交](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/trees/tree_checkbox) ✔️ * 列表 [ Lists ] 💯 * [全功能排版及自定义编辑](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/lists/list_custom) ✔️ * [多模块自定义排版](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/lists/list_layout) ✔️ * [大图列表切换](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/lists/list_switch) ✔️ * [间隔项模版](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/lists/list_alternate) ✔️ * 分配 [ Assigns ] 💯 * [表格搜索双击选择](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/assigns/assign_grid) ✔️ * [树形直接拖放](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/assigns/assign_drag) ✔️ * [树形同级双击选择](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/assigns/assign_tree) ✔️ * [列表搜索双击选择](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/assigns/assign_list) ✔️ * [穿梭框拖放](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/dashboard/assigns/assign_listbox) ✔️ * 框架 [ Framework ] 💯 * [全球化 [ Globalization ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/globalization) ✔️ * [视图模型 [ MVVM ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/mvvm) ✔️ * [数据源 [ DataSource ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/datasource) ✔️ * [模版 [ Templates ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/templates) ✔️ * [绘图 [ Drawing ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/drawing) ✔️ * [单页应用 [ SPA ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/spa) ✔️ * [PDF导出 [ PDF Export ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/pdf_export) ✔️ * [触摸事件 [ Touch Events ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/touch_events) ✔️ * [整合 [ Integration ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/framework/integration) ✔️ * 布局 [ Layout ] 💯 * [页面布局 [ Splitter ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/layout/splitter) ✔️ * [响应面板 [ Responsive Panel ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/layout/responsive_panel) ✔️ * [模态框 [ Window ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/layout/window) ✔️ * [对话框 [ Dialog ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/layout/dialog) ✔️ * [通知框 [ Notification ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/layout/notification) ✔️ * [提示框 [ Tooltip ]](https://ikki2000.github.io/KendoUI-Admin-Site/admin/#/layout/tooltip) ✔️ * 导航 [ Navigation ] * 菜单 [ Menu ] * 折叠面板 [ PanelBar ] * 选项卡 [ TabStrip ] * 工具栏 [ ToolBar ] * 树形视图 [ TreeView ] * 按钮 [ Button ] * 按钮组 [ ButtonGroup ] * 表单 [ Forms ] * 转换框 [ Switch ] * 数字框 [ NumericTextBox ] * 日期框 [ DatePicker ] * 日期范围框 [ DateRangePicker ] * 时间框 [ TimePicker ] * 时日框 [ DateTimePicker ] * 时日掩码框 [ DateInput ] * 掩码框 [ MaskedTextBox ] * 自动完成框 [ AutoComplete ] * 单选下拉框 [ DropDownList ] * 输入下拉框 [ ComboBox ] * 表格下拉框 [ MultiColumnComboBox ] * 多选下拉框 [ MultiSelect ] * 树形下拉框 [ DropDownTree ] * 颜色框 [ ColorPicker ] * 滑块框 [ Slider ] * 进度框 [ ProgressBar ] * 穿梭框 [ ListBox ] * 富文本框 [ Editor ] * 上传框 [ Upload ] * 验证 [ Validator ] * 数据 [ Data ] * 表格 [ Grid ] * 树形列表 [ TreeList ] * 列表视图 [ ListView ] * 电子表格 [ Spreadsheet ] * 透视表格 [ PivotGrid ] * 日程 [ Scheduling ] * 日历 [ Calendar ] * 多重日历 [ MultiViewCalendar ] * 日程表 [ Scheduler ] * 甘特图 [ Gantt ] * 会话 [ Conversational ] * 聊天 [ Chat ] * 媒体 [ Media ] * 媒体播放器 [ MediaPlayer ] * 滚动视图 [ ScrollView ] * 交互 [ Interactivity ] * 拖放 [ Drag and Drop ] * 拖放排序 [ Sortable ] * 样式 [ 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 ] * 敬请期待…… ## 🔗 相关链接 Thanks for * [jQuery](https://github.com/jquery/jquery) ( v1.12.4 ) * [Kendo UI for jQuery 官网](https://www.telerik.com/kendo-jquery-ui) ( v2019.1.220 ) * [Kendo UI themes](https://github.com/telerik/kendo-themes) ( v3.3.1 ) * [Bootstrap](https://github.com/twbs/bootstrap) ( v4.3.1 ) * [Font Awesome](https://github.com/FortAwesome/Font-Awesome) ( v5.8.1 ) * [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.3.0 ) * [Count Up](https://github.com/inorganik/countUp.js) ( v1.9.3 ) * [Verify](https://github.com/Hibear/verify) ( v0.1.0 ) * [Particleground](https://requestlab.fr/) ( v1.1.0 ) ## 📷 界面预览 Screenshot
### -= PC =- ![PC](https://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/master/img/screenshot/home_pc.png) ### -= PAD =- ![PAD](https://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/master/img/screenshot/home_pad.png) ### -= PHONE =- ![PHONE](https://raw.githubusercontent.com/IKKI2000/KendoUI-Admin-Site/master/img/screenshot/home_phone.png)