值得分享和收藏的xmlplus组件学习教程

　　

<强> xmlplus介绍
　　

　　

xmlplus是一个设计非常独特的JavaScript框架,用于快速开发前后端项目。

　　

　　

在xmlplus中,组件是基本的构造块。评价组件设计好坏的一个重要标准是封装度。基于xmlplus设计的组件具有极高的封装度。下面是一个简单的组件示例:

　　 　　 　　部件:{ 　　css:“#小部件{颜色:红色;}”, 　　xml:“& lt; h2 id=毙〔考赿efault之前 　　 　　

注意,这个组件包含的样式,XML文档以及函数项仅对该组件有效,其它组件对它是完全不可见的。这种组件的书写方式改变了传统的将CSS, JS以及HTML置于不同文件的应用书写模式,但它却能使你在构建应用时更加得心应手。

　　

组件由命名空间组织。基于传统目录路径的组件引用方式,让组件的使用更为便捷。假设你已经定义好一个位于命名空间//ui的日历组件,那么你可以在HTML页面中这样使用它:

　　

　　

至于如何定义组件,请参考官方文档http://www.xmlplus.cn/docs。

　　

　　

非侵入式的设计,使得xmlplus可以与当今几乎所有的框架或者库集成使用。

　　

利用xmlplus出色的整合能力,你可以整合现有的库或框架到你的项目中,以避免陷入重造轮子的困境。

　　

下面是一个封装引导按钮组件的一个示例:

　　 　　 　　按钮:{ 　　xml:“& lt;按钮类型=卑磁ァ敖准?' btn/祝辞, 　　乐趣:函数(sys、物品选择){ 　　这一点。addClass (“btn——“+ opts.type); 　　} 　　} 　　之前 　　 　　

经由此封装后,你可以像下面这样非常简洁地使用它:

　　 　　 　　& lt;按钮类型=澳稀弊４荄efault 　　& lt;按钮类型=俺跫丁弊４荘rimary 　　& lt;按钮类型=俺晒Α痹赟uccess 　　之前 　　 　　

　　

xmlplus独特的设计,使得它可以以相同的方式,设计基于浏览器端以及基于服务端的应用。

　　

在浏览器端,使用它可以高效地开发单页应用。在服务端,你既可以用它来开发服务应用,还能用它开发传统网站。

　　

下面是一个服务端的一个简单的Sqlite组件的封装。

　　 　　 　　Sqlite: { 　　乐趣:函数(sys、物品选择){ 　　var sqlite=要求(“sqlite3”) .verbose (), 　　返回新sqlite.Database (“data.db”); 　　} 　　} 　　之前 　　 　　

你可以像下这样使用上面已经定义好的Sqlite组件:

　　 　　 　　例如:{ 　　xml:“& lt; Sqlite id=盨qlite/祝辞, 　　乐趣:函数(sys、物品选择){ 　　让支撑=" SELECT *从用户”; 　　items.sqlite。(支撑,(呃,行)=比;console.log(行)); 　　} 　　} 　　之前 　　 　　

本框架支持在后台直接序列化输出HTML代码,所以使用xmlplus开发传统网站是极其便利的。下面示例简单地演示了这一点:

　　 　　 　　HttpServer: { 　　xml:“& lt; html> 　　& lt;身体id=吧硖濉痹赿efault 　　& lt;/html> 　　乐趣:函数(sys、物品选择){ 　　让http=要求(“http”); 　　http。res createServer(点播)=比;{ 　　sys.body.text (“hello, world”); 　　res.setHeader(“内容类型”、“text/html”); 　　res.end (this.serialize (true)); 　　}).listen (80); 　　} 　　} 　　之前 　　 　　

通过示例,你可以发现,在处理服务接受请求后,可以动态改变XML的文档结构,这一点使得xmlplus开发传统网站方式与PHP、JSP等脚本语言有着很大的不同。

　　

另外,xmlplus所包含的检索,通信,共享以及延迟实例化等基本特性也是其独有的,它们可以极其高效地辅助应用的开发。

　　

xmlplus学习指南
　　xmlplus是一个开源的框架,你可以访问官方网站:http://www.xmlplus.cn。官方网站包含详细的入门教程,你可以从这里开始。

　　

另外xmlplus的源代码托管于github,你可以通过访问下面的地址来获取相应的资源:

　　https://github.com/qudou/xmlplus

　　

如果你已经学完了基础教程,那么可以继续学习本博写的xmlplus组件设计系列。此系列主要讨论实际中组件的设计思路,方法与技巧等。

　　

xmlplus组件设计系列之一,图标(图标)

　　

xmlplus组件设计系列之二——按钮(按钮)

　　

xmlplus组件设计系列之三——文本框(文本框)

值得分享和收藏的xmlplus组件学习教程