MiniUI所有组件的ajax交互,均使用标准.成熟的jQuery.ajax. 依赖于jquery ajax组件的完善性,我们可以拦截住每一次ajax请求处理. 比如,拦截ajax返回数据前,判断返回的数据内容是超时.服务端错误等,此时或弹出信息框.或页面跳转. 首先要注意,将mini_debugger = false;禁止掉默认的MiniUI错误信息框. mini_debugger在boot.js内设置即可. 监听ajax全局完成事件,判断返回内容是超时的话,则跳转登录页面: $(docume…
使用MiniUI需要注意:UI和数据是分离的. 传统的WEB开发,开发者经常将数据库操作.服务端业务.HTML标签写在一个页面内. 这样会造成开发的混乱,并且难以维护和升级. 使用MiniUI开发的时候,开发者通常会做两种页面: 1)数据页面:dataservice.jsp.(也可以是dataservice.aspx) 2)界面页面 数据页面用来提供json.它通过request获取提交的信息,进行逻辑判断后,进行相关服务端操作,通常是在数据库查询,或者增加.修改.删除数据.在最后,它把要返回的…
jQuery MiniUI是一套纯Javascript的WebUI控件库,它由几十个Javascript控件组成,是不依赖服务端和数据库的. 下载jQuery MiniUI,解压缩后,开发者可以直接在本地文件夹内,点击打开相关示例,进行参考学习. 注意:jQuery MiniUI在scripts/miniui目录下.包含了一个miniui.js,以及一些css和图片,体积非常小,只有几百k. DataGrid是一个表格控件,具备:查询.分页.排序.汇总等数据显示能力. 为了更好的演示DataGr…
jQuery MiniUI可以使用Javascript和Html两种方式来创建对象. 1)Javascript创建对象 使用JavaScript创建对象,是最基本的方式,有如下几个要点: 1)使用new关键字.如: var grid = new mini.DataGrid(); 2)使用set方法设置属性.如:grid.setUrl("getdata.jsp"); 3)使用on方法监听事件.如:grid.on("rowclick", onRowClick); 4)使…
在开发应用系统界面时,往往需要进行很多.复杂的数据验证,当填写的数据符合规定,才能提交保存. jQuery MiniUI提供了比较完美的表单数据验证和错误显示的方式. 常见的表单控件,都有一个验证事件"validation". 通过监听处理“validation”事件,我们可以自定义验证规则逻辑.是否验证通过.验证错误描述等. //监听处理"validation"事件 textbox1.on("validation", function (e)…
jQuery MiniUI在组件设计上,是简约.独立的,没有复杂的继承体系. 比如使用DataGrid,可以在api文档的datagrid部分,查找到datagrid的所有属性.方法.事件,而无需关注除datagrid之外的任何组件内容. 下面,我们通过查看和理解datagrid的api,来学习如何使用api文档. 1)打开http://www.miniui.com/docs/api,查看datagrid. 2)datagrid的顶部全名是"mini.DataGrid. 通过这个信息,我们可以分…
全部使用Javascript写一个界面,是一件很困难的事. 1)要求有较高的Javascript编程能力. 2)会造成“代码树”问题.一级又一级子"children",需要"{"和"}"对应,嵌套层次过多,会是一场灾难. 3)难以排错.JS是解释性语言,漏掉个","."}"号,运行的时候才发现,而且很难直接定位到行. 4)维护困难.一个开发者写的复杂JS代码,另一个开发者很难接手. 5)布局困难.需要复杂的…
jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅.                 1.Hello MiniUI!                2.MiniUI系统架构                3.表单篇 4.表格篇                5.树形篇                6.布局器篇                7.导航器篇 API组件参考手册 了解jQuery Mini…
Query通过Ajax向PHP服务端发送请求并返回JSON数据 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据.阅读本文的读者应该具备jQuery.Ajax.PHP相关知识,并能熟练运用. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中…
好消息:IM1.0.0版本已经上线啦,支持特性: 私聊发送文本/文件 已发送/已送达/已读回执 支持使用ldap登录 支持接入外部的登录认证系统 提供客户端jar包,方便客户端开发 github链接: https://github.com/yuanrw/IM 本篇将带大家从零开始搭建一个轻量级的IM服务端,IM的整体设计思路和架构在我的上篇博客中已经讲过了,没看过的同学请点击从零开始开发IM(即时通讯)服务端 . 这篇将给大家带来更多的细节实现.我将从三个方面来阐述如何构建一个完整可靠的IM系统…