# KendoUI-Admin-Site **Repository Path**: shiyifeng/KendoUI-Admin-Site ## Basic Information - **Project Name**: KendoUI-Admin-Site - **Description**: Kendo UI Admin & Site base on Kendo UI for jQuery and Bootstrap 4. - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: https://ikki2000.gitee.io/kendoui-admin-site - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 152 - **Created**: 2019-03-18 - **Last Updated**: 2021-11-03 ## 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. [https://ikki2000.github.io/KendoUI-Admin-Site/](https://ikki2000.github.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/) [![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) [![GitHub license](https://img.shields.io/github/license/IKKI2000/KendoUI-Admin-Site.svg)](https://github.com/IKKI2000/KendoUI-Admin-Site/blob/master/LICENSE)
[![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.7.2-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/y/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 ็ง๏ผ‰ ## ๐ŸŒ ๆต่งˆๅ™จๆ”ฏๆŒ 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-ๆจกๅ—ๅ็งฐ` ็ป„ๆˆ * ้กถ้ƒจ่œๅ•ๅŠๅทฆไพงๅฏผ่ˆช็š„ 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 ๆ–นๅผๆไบค * ๅ‰็ซฏๆไบค็ป™ๅŽ็ซฏ็š„ๆ•ฐๆฎๆ ผๅผๅˆ†ไธบๆ ‡ๅ‡†็š„ `json` ๆ ผๅผๅ’ŒๅธฆไบŒ่ฟ›ๅˆถๆต็š„ `form data` ๆ ผๅผไธค็ง * ๅŽ็ซฏ่ฟ”ๅ›ž็ป™ๅ‰็ซฏ็š„ `json` ๆ ผๅผๆ ‡ๅ‡†ๅฆ‚ไธ‹๏ผš ```json { "result": "y", "msg": "ๆ“ไฝœๆˆๅŠŸ๏ผ", "data": [] } ``` * ๆ‰€ๆœ‰ๆ—ฅๆœŸ `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 #### ้กถ้ƒจ่œๅ• [ Menu ] * ๅฏผ่ˆชๆŠ˜ๅ  [ Navigation Drawer ] * ้ขๅŒ…ๅฑ‘ [ Breadcrumb ] * ๅˆทๆ–ฐ [ Refresh ] * ๅ…จๅฑ [ Full Screen ] * ้”ๅฑ [ Lock Screen ] * ้…่‰ฒ [ Theme ] * ่ฏญ่จ€ [ Localization ] * ๆถˆๆฏ [ Message ] * ๆ้†’ [ Notice ] * ็”จๆˆทๅๅคดๅƒๆ˜พ็คบ [ User Name & Avatar ] * ๅ‰ๅฐๅˆ‡ๆข [ Goto Website ] * ็”จๆˆทไธญๅฟƒ [ User Center ] * ไฟฎๆ”นๅฏ†็  [ Change Password ] * ็ณป็ปŸ่ฎพ็ฝฎ [ Setting ] * ้€€ๅ‡บ็™ปๅฝ• [ Sign Out ] #### ๅทฆไพงๅฏผ่ˆช [ Navigation ] * ็ปผๅˆ [ Dashboard ] * ่กจๅ• [ Forms ] * ่กจๅ• Post ๆไบค * ่กจๅ• Ajax ๆไบค * ่Œƒๅ›ด้€‰ๆ‹ฉ * ไธ‹ๆ‹‰ๅˆ†็ป„ๅคš้€‰็บง่” * ๅœฐๅ›พ่”ๅŠจ้€‰ๆ‹ฉ * ่กจๆ ผ [ Grids ] * ๅ…จๅŠŸ่ƒฝๆœ็ดขๅŠ่‡ชๅฎšไน‰็ผ–่พ‘ * ๅผนๅ‡บๆก†ๅธฆๆ ก้ชŒ็ผ–่พ‘ * ่กŒๅ†…ๅธฆๆ ก้ชŒ็ผ–่พ‘ * ๅ•ๅ…ƒๆ ผๅธฆๆ ก้ชŒ็ผ–่พ‘ * ๅคๅˆถๆ–ฐๅขžๅŠๆ•ฐๆฎ่”ๅŠจ็ผ–่พ‘ * ่‡ชๅฎšไน‰ๅŠŸ่ƒฝๆŒ‰้’ฎ * ่‡ชๅฎšไน‰้€‰ๆ‹ฉๆไบค * ๅˆ†็ป„ๅˆ่ฎกๆŽ’ๅบ็ญ›้€‰ * ๅญ่กจ่ฏฆๆƒ…ๅŠๆปšๅŠจ็ฟป้กต * ๅˆๅนถ่กจๅคดๅŠ่กŒๅ†…ๆ‹†ๅˆ† * ๆ ‘ๅฝข [ Trees ] * ๆ•ฌ่ฏทๆœŸๅพ…โ€ฆโ€ฆ * ๅˆ—่กจ [ Lists ] * ๆ•ฌ่ฏทๆœŸๅพ…โ€ฆโ€ฆ * ๅˆ†้… [ Assigns ] * ๆ•ฌ่ฏทๆœŸๅพ…โ€ฆโ€ฆ * ๆก†ๆžถ [ Framework ] * ๅ…จ็ƒๅŒ– [ Globalization ] * ่ง†ๅ›พๆจกๅž‹ [ MVVM ] * ๆ•ฐๆฎๆบ [ DataSource ] * ๆจก็‰ˆ [ Templates ] * ็ป˜ๅ›พ [ Drawing ] * ๅ•้กตๅบ”็”จ [ SPA ] * PDFๅฏผๅ‡บ [ PDF Export ] * ่งฆๆ‘ธไบ‹ไปถ [ Touch Events ] * ๆ•ดๅˆ [ Integration ] * ๅธƒๅฑ€ [ Layout ] * ้กต้ขๅธƒๅฑ€ [ Splitter ] * ๅ“ๅบ”้ขๆฟ [ Responsive Panel ] * ๆจกๆ€ๆก† [ Window ] * ๅฏน่ฏๆก† [ Dialog ] * ้€š็Ÿฅๆก† [ Notification ] * ๆ็คบๆก† [ 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.7.2 ) * [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)