百度 | 神马 | 搜狗 | 技术文档 | 学习资料分享 - 记录帝国CMS及运维技术的点点滴滴
你的位置:首页 > 实用IT技术 » 正文

【经典网站】KendoUI:网站HTML5 UI框架开发平台

发布时间:2020-09-16

作品分类:经典网站  开发  你可以  应用程序  框架  开发  平台  网站  KendoUI

KendoUI:网站HTML5 UI框架开发平台是一个强大的框架,用于快速HTML5 UI开发,基于最新的HTML5、CSS3和JavaScript标准;强大的数据源,通用的拖拉功能,模板和UI控件等。

Kendo UI提供了简单和连贯的程序界面,经过修饰和创新的用户界面小工具,并获得jQuery, HTML5 & CSS3, MVVM框架、主题的支持,可以完全定制化,以便将小工具嵌入到网络应用程序和模板中。

剩下的工作就是开发现代化的桌面和移动应用程序了。你可以在利用个人专业技能的同时释放JavaScript, HTML5 & CSS的权利,并使用垂直的Kendo UI网络。你可以建立适用于智能手机的本土化手机应用程序,并提供无与伦比的用户体验,无需任何额外的编码工作。

Kendo UI移动套餐中包含了简单易用的基于JQuery-的小工具和内置的丰富组件,可实现快捷的移动应用程序开发。你可以借助HTML5和Javascript技术开发互动式的数据可视化应用程序,其外观和行为可以在任何平台或者设备上本地化。UI DataViz使用SVG为你带来众多UI小工具,包括jQuery的图表,仪表版等。

Kendo UI添加了模板,数据源绑定,MVVM 和移动设备的支持,功能上相对要强大很多,但Kendo UI本身不是免费,它是由Telerik公司开发并支持的。

如何准备Kendo UI开发环境呢?首先使用Visual Studio创建一个空的Web Site,然后将Kendo UI的 js和 styles 目录拷贝到这个新创建的网站应用中。你如果直接使用Notepad作为开发工具,可以创建一个开发目录,然后把js和Styles目录拷贝过来也是一样的。

使用Visual Studio的一个好处是支持Intelisense,帮助编写JavaScript代码,这是就需要把vsdoc的内容拷贝到js目录下。编写基于桌面系统的网络应用,使用KendoUI WEB Javascript库,在Html的Head部分添加对应的CSS和JavaScrpt。如果能够正确显示dataPicker控件,就表示Kendo UI Web开发环境已经正确设置好了。

如果需要开发数据显示控件的网络页面(比如DataGrid,表格等),在页面添加DataViz库和CSS的应用。最后,修改mobile.html测试一下移动Web应用。这样就设置好了Kendo UI的开发环境。

Kendo UI is everything developers need to build HTML5/JS sites and mobile apps.Kendo UI has effectively become the star player of all internal sites developed within our organization. It’s ease of use, low learning curve, flexibility of use, and consistent performance across multiple browsers has made it an unparalleled leader among alternative solutions.

Top