雖說如今業界的各種前端框架層出不窮,但在為後台管理系統選擇前端框架的時候卻經常陷入糾結。
而從筆者實踐經驗來看,kendoui算是乙個不錯的選擇,總結起來其優點有三
不過,kendoui在國內的使用者卻不多,中文的教程也不多見,因此咱拋磚引玉,介紹一下kendo ui的功能以及一些實踐經驗。
簡單說明一下壓縮包中各資料夾裡的東西。
檔案說明
/examples
一些樣例,拉到最後面有乙個index.html用瀏覽器開啟
/js壓縮後的js檔案
/styles
壓縮後的css檔案以及
首先引用kendo的css和js,再引入kendo依賴的jquery。注意的是css檔案裡kendo.common.css必須在kendo.default.css前面。如下**:
welcome to kendo ui!title>
href="styles/kendo.common.min.css"
rel="stylesheet" />
href="styles/kendo.default.min.css"
rel="stylesheet" />
src="js/jquery.min.js">
script>
src="js/kendo.all.min.js">
script>
head>
hello world!
body>
html>
下面我們用kendo ui的元件datepicker,做乙個選擇日期的輸入框。只需要做兩步
在body裡面寫乙個input標籤,給它乙個id 寫js
用jquey選中這個元素,呼叫kendodatepicker初始化元件
**如下:
welcome to kendo ui!title>
href="styles/kendo.common.min.css"
rel="stylesheet" />
href="styles/kendo.default.min.css"
rel="stylesheet" />
src="js/jquery.min.js">
script>
src="js/kendo.all.min.js">
script>
head>
id="datepicker" />
$(function
() );
script>
body>
html>
儲存為html檔案,用瀏覽器開啟,第乙個kendo元件就完成啦! Spring AOP中文教程
僅僅用配置檔案便可把程式的每一部分組裝起來。四個bean定義的次序並不重要。我們現在有了乙個advice,乙個包含了正規表示式pointcut的advisor,乙個主程式類和乙個配置好的介面,通過工廠ctx,這個介面返回自己本身實現的乙個引用。beanimpl和testbeforeadvice都是直...
Beautiful Soup 中文教程
beautiful soup 是乙個處理python html xml的模組,功能相當強勁,最近仔細的看了一下他的幫助文件,終於看明白了一些。準備好好研究一下,順便將beautiful soup的一些用法整理一下,放到這個wiki上面,那個文件確實不咋地。beautiful soup 中文教程 的官...
kafka中文教程
本網翻譯整理apache kafka,提供整理apache kafka的完整學習文件。資料流,如訊息傳遞系統 高效並實時 資料流安全地在分布式集群中複製儲存 kafka是用於構建實時資料管道和流應用程式。具有橫向擴充套件,容錯,wicked fast 快 等優點,並已在成千上萬家公司執行。apach...