<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Ling_PF的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Ling_PF</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Ling_PF]]></copyright><item><title><![CDATA[MiniUI快速入门教程（五）主框架布局]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51940191</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51940191</guid><author>Ling_PF</author><pubDate>Mon, 18 Jul 2016 11:01:50 +0800</pubDate><description><![CDATA[下面实现一个最典型主框架布局。
效果图如下：
 

一：创建界面布局

div id="layout1" class="mini-layout" style="width:100%;height:100%;">
    div class="header" region="north" height="70" showSplit="false" showHeader="false">
 ]]></description><category></category></item><item><title><![CDATA[MiniUI快速入门教程（四）表单开发]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51940170</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51940170</guid><author>Ling_PF</author><pubDate>Mon, 18 Jul 2016 10:59:40 +0800</pubDate><description><![CDATA[表单开发包括：布局、验证、加载、提交、清除、重置等。
效果图如下：
 

表单布局
使用HTML Table标签实现任意丰富的表单布局：
table class="form-table" border="0" cellpadding="1" cellspacing="2">
    tr>
        td class="form-label" style="width:60px;]]></description><category></category></item><item><title><![CDATA[MiniUI快速入门教程（二）编写第一个MiniUI程序：Hello, world!]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51940032</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51940032</guid><author>Ling_PF</author><pubDate>Mon, 18 Jul 2016 10:51:06 +0800</pubDate><description><![CDATA[我们开始编写第一个MiniUI程序，代码如下：
DOCTYPE html />
html>
head>
    title> Hello MiniUI!title>
    
    script src="../jquery.js" type="text/javascript">script>
    
    link href="../themes/default/miniui.css" ]]></description><category></category></item><item><title><![CDATA[MiniUI快速入门教程（一）下载安装]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51939977</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51939977</guid><author>Ling_PF</author><pubDate>Mon, 18 Jul 2016 10:44:32 +0800</pubDate><description><![CDATA[产品下载地址：http://www.miniui.com/download。
Note：请根据不同的服务端后台，选择下载不同后台版本的MiniUI。

下载后，解压缩。
会有如下文件结构：
 

各目录文件解释如下：

dbsql：示例数据库sql文件。demo：页面示例。docs：api文档、开发指南。scripts/miniui：MiniUI产品的javascript和css]]></description><category></category></item><item><title><![CDATA[jQuery MiniUI开发系列之：数据验证]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51725889</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51725889</guid><author>Ling_PF</author><pubDate>Tue, 21 Jun 2016 11:15:33 +0800</pubDate><description><![CDATA[在开发应用系统界面时，往往需要进行很多、复杂的数据验证，当填写的数据符合规定，才能提交保存。
jQuery MiniUI提供了比较完美的表单数据验证和错误显示的方式。

常见的表单控件，都有一个验证事件"validation"。
通过监听处理“validation”事件，我们可以自定义验证规则逻辑、是否验证通过、验证错误描述等。



//监听处理"validation"事件
t]]></description><category></category></item><item><title><![CDATA[MiniUI支持Java Struts MVC]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51698874</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51698874</guid><author>Ling_PF</author><pubDate>Fri, 17 Jun 2016 11:47:40 +0800</pubDate><description><![CDATA[Java Struts MVC能很方便在后台返回JSON数据，所以与MiniUI进行数据交互非常简单。

1)后台处理：
在MVC控制器中，可以通过方法参数接收数据，也可以通过Request接收更复杂的数据对象；
然后通过PrintWriter输出流对象将任何服务端对象JSON序列化后返回。
比如一个典型的表格分页加载后台处理代码：



        private Http]]></description><category></category></item><item><title><![CDATA[MiniUI支持ASP.NET MVC]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51698854</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51698854</guid><author>Ling_PF</author><pubDate>Fri, 17 Jun 2016 11:43:54 +0800</pubDate><description><![CDATA[ASP.NET MVC能很方便在后台返回JSON数据，所以与MiniUI进行数据交互非常简单。]]></description><category></category></item><item><title><![CDATA[MiniUI支持ASP.NET WebService]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51698823</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51698823</guid><author>Ling_PF</author><pubDate>Fri, 17 Jun 2016 11:41:11 +0800</pubDate><description><![CDATA[ASP.NET WebService默认返回的数据格式是XML，但也能返回JSON格式。]]></description><category></category></item><item><title><![CDATA[jQuery MiniUI开发系列之：Ajax处理超时、服务端错误]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/51698768</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/51698768</guid><author>Ling_PF</author><pubDate>Fri, 17 Jun 2016 11:37:03 +0800</pubDate><description><![CDATA[MiniUI所有组件的ajax交互，均使用标准、成熟的jQuery.ajax。
依赖于jquery ajax组件的完善性，我们可以拦截住每一次ajax请求处理。
比如，拦截ajax返回数据前，判断返回的数据内容是超时、服务端错误等，此时或弹出信息框、或页面跳转。]]></description><category></category></item><item><title><![CDATA[Tree：加载列表数据]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/49449137</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/49449137</guid><author>Ling_PF</author><pubDate>Tue, 27 Oct 2015 15:37:03 +0800</pubDate><description><![CDATA[Tree控件，需要提供一个树形的JSON数据，才能正常显示。

通常，开发者在后台可以这样做：
1）从数据库查询出一个列表数据
2）在后台，将列表数据转换为树形数据
3）通过JSON方式返回
在前台页面，可以给Tree设置url地址，或者调用load方法加载树形数据。

后台的“列表转树形”是一个相对有点小难度的实现。
针对这个情况，MiniUI Tree提供了一种直接加载列表数]]></description><category></category></item><item><title><![CDATA[jQuery MiniUI开发系列之：安装部署]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/49449119</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/49449119</guid><author>Ling_PF</author><pubDate>Tue, 27 Oct 2015 15:36:01 +0800</pubDate><description><![CDATA[jQuery MiniUI是一套纯Javascript的WebUI控件库，它由几十个Javascript控件组成，是不依赖服务端和数据库的。
下载jQuery MiniUI，解压缩后，开发者可以直接在本地文件夹内，点击打开相关示例，进行参考学习。

注意：jQuery MiniUI在scripts/miniui目录下。包含了一个miniui.js，以及一些css和图片，体积非常小，只有几百k]]></description><category></category></item><item><title><![CDATA[jQuery MiniUI开发系列之：UI和数据分离]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/49279155</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/49279155</guid><author>Ling_PF</author><pubDate>Tue, 20 Oct 2015 16:35:07 +0800</pubDate><description><![CDATA[使用MiniUI需要注意：UI和数据是分离的。

传统的WEB开发，开发者经常将数据库操作、服务端业务、HTML标签写在一个页面内。
这样会造成开发的混乱，并且难以维护和升级。

使用MiniUI开发的时候，开发者通常会做两种页面：
1）数据页面：dataservice.jsp。（也可以是dataservice.aspx）
2）界面页面

数据页面用来提供json。它通过requ]]></description><category></category></item><item><title><![CDATA[jQuery MiniUI开发系列之：使用API文档]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/49123563</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/49123563</guid><author>Ling_PF</author><pubDate>Wed, 14 Oct 2015 12:41:35 +0800</pubDate><description><![CDATA[jQuery MiniUI在组件设计上，是简约、独立的，没有复杂的继承体系。
比如使用DataGrid，可以在api文档的datagrid部分，查找到datagrid的所有属性、方法、事件，而无需关注除datagrid之外的任何组件内容。]]></description><category></category></item><item><title><![CDATA[jQuery MiniUI开发系列之：创建组件对象]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/49123523</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/49123523</guid><author>Ling_PF</author><pubDate>Wed, 14 Oct 2015 12:37:23 +0800</pubDate><description><![CDATA[jQuery MiniUI可以使用Javascript和Html两种方式来创建对象。

1）Javascript创建对象
使用JavaScript创建对象，是最基本的方式，有如下几个要点：
1）使用new关键字。如: var grid = new mini.DataGrid();
2）使用set方法设置属性。如：grid.setUrl("getdata.jsp");
3）使用on方法监]]></description><category></category></item><item><title><![CDATA[jQuery MiniUI 开发指南+API组件参考手册]]></title><link>https://blog.youkuaiyun.com/Ling_PF/article/details/49021163</link><guid>https://blog.youkuaiyun.com/Ling_PF/article/details/49021163</guid><author>Ling_PF</author><pubDate>Sat, 10 Oct 2015 11:01:42 +0800</pubDate><description><![CDATA[了解jQuery MiniUI的组件类型、属性、方法和事件。]]></description><category></category></item></channel></rss>