MIniUI使用教程肖超 2015-1-14为什么使用MiniUI缩短开发时间,减少代码量,提升用户体验快速开发Web界面丰富控件:包含表格、树、数据验证、布局导航等超过50个控件超强表格:提供锁定列、多表头、分页排序、行过滤、数据汇总、单元格编辑、详细行、Excel导出等功能快速入门官网: /下载MiniUI,并引用jquery.js、miniui.js、miniui.css即可 项目常用控件LayouttoolbardatagridButtonButtoneditTextboxComboboxSpinnerCheckbox数据验证项目常用控件常用控件使用方法查找在线示例确定demo拷贝code查看Api手册确定属性作用修改属性值,绑定数据url (例: " url="@Url.Action("GetNodeRelationList")" )使用MiniUI控件初始化 mini.parse(); 获取控件 (例:var grid = mini.get(“datagrid1”); 使用ID获取控件)调用控件方法 (例:grid.load(); 调用控件的方法)使用方法使用方法使用方法使用方法mini.parse();初始化MiniUIvar grid = mini.get(“datagrid1”); 使用ID获取控件grid.load(); 调用控件的方法使用方法使用方法使用方法UI和数据分离使用MiniUI开发的时候,开发者通常会做两种页面:1)数据页面:Controller2)界面页面:View数据页面用来提供json。它通过request获取提交的信息,进行逻辑判断后,进行相关服务端操作,通常是在数据库查询,或者增加、修改、删除数据。在最后,它把要返回的数据内容,做成一个JSON字符串,通过response返回。界面开发者可以不用理会数据服务,专心开发界面。当界面呈现完成后,进行数据服务的交互处理。UI和数据分离jQuery MiniUI不关心服务端的处理。它只关注:1)url地址是什么2)传递什么参数3)服务端的url地址返回什么JSON数据而在服务端,开发者可以集中精力,使用各种Web开发框架,如S、NHibernate、A mvc等。jQuery MiniUI也不关心数据库,Oracle还是SQL Server。一切后台的处理,都屏蔽在url之后。UI和数据分离$.ajax({ type: 'post', url: "@Url.Action("Del")", data: { id: row.Id }, success: function (jsonMsg) { if (jsonMsg.ErrorCode == '00') { grid.removeRow(row, true); alert("删除成功!"); } else { alert(jsonMsg.ErrorDesc); } grid.unmask(); }UI和数据分离这种开发模式带来的好处是:1)专注。后台开发者专注于数据库、服务端、业务设计;前端开发可以专注界面细节。2)复用。数据页面dataservice.jsp,可以被多个界面页面所调用,而只需要开发一次。3)可控。 使用firebug、httpwatch等工具,是界面传递的参数不对,还是后台获取的数据错误,一目了然。4)上手迅速、低成本、高可靠性。可以让一个新手使用MiniUI开发界面,让有经验的人开发最重要的后台。5)易维护、易升级。只需要修改界面,不需要修改后台代码,就可以让系统焕然一新。参考代码开发手册示例代码:PCITC.MES.PME 工厂模型扩展项目

miniui连接oracle,MiniUI使用教程.pptx相关推荐

  1. miniui连接oracle,miniui从继承看控件处理

    上文中的oo0OOl应该就是控件的基类.可以对照miniuiAPI文档中的Control. 然后许多控件是从Control类去继承.也可能有其他中间类.以mini-button为例: lolO00 = ...

  2. r 连oracle数据库,R语言—连接Oracle数据库

    R语言-连接Oracle数据库 本教程会讲解两种方法,第一种方法较为简单,且中文不容易出现乱码.第二种方法,较为复杂,和java的jdbc连接数据库操作类似. 操作环境: 系统:windows10 6 ...

  3. python连接oracle详细教程_[宜配屋]听图阁

    1. 连接对象 操作数据库之前,首先要建立数据库连接. 有下面几个方法进行连接. >>>import cx_Oracle >>>db = cx_Oracle.con ...

  4. oracle数据库连接时报12514_连接Oracle数据库时报ORA-12541:TNS:无监听程序的图文解决教程...

    在用PL/SQL Developer等客户端工具连接oracle服务器时出现ORA-12541:TNS:无监听程序的错误,如下图: 发现原来是oracle的监听没有启动,重启监听后就连接成功了,下面跟 ...

  5. oracle通过DBlink连接神通数据库方法教程

    oracle通过DBlink连接神通数据库方法教程 (其他数据库也可以) **1.首先确认自己电脑版本 ** 找到Microsoft ODBC ,exe程序位置 :C:\Windows\System3 ...

  6. Navicat连接Oracle详细教程

    注:本人承接私单,以及解决项目中出现的问题,如果有需要请加Q858345096 or 微信Dong858345096 Navicat Premium算是比较好的一个可视化数据库管理工具了,短小精悍,一 ...

  7. python3连接oracle教程_python3 连接oracle

    ```````````` 之前没有用过oracle 数据库,这家是oracle ,天天测试需要修改数据数据,所以自己想用代码实现,当连接oracle 的时候肯定上网找用到哪些包,如何初始化实例啊,结果 ...

  8. Maven工具管理下的Spring Boot连接Oracle数据库教程

    Maven工具管理下的Spring Boot连接Oracle数据库教程 一.系统环境 二.操作教程 1.明确Oracle版本 2.找到合适的jar包 3.将jar包配置到Maven本地库中 4.在Ec ...

  9. oracle如何远程连接,远程连接Oracle--详细图文教程

    远程连接Oracle 1.关闭放火墙 2.被连接主机作为服务端,进行如下配置: 服务端找到oracle安装目录的listener.ora文件,我的在 D:\Oracle\Oracle1\Oracle\ ...

最新文章

  1. OSS.Core基于Dapper封装(表达式解析+Emit)仓储层的构思及实现
  2. 今天是2013年06月21日,博客之路开始了!
  3. python在windows下import其他模块的注意事项
  4. ev3dev:设置自动登录wifi
  5. 皮一皮:听说这门专业挺难学...
  6. jsp与servlet之间页面跳转及参数传递实例
  7. 计算机Word应用程序,Word2007目录设置_计算机软件和应用程序_IT /计算机_信息
  8. ubuntu11.04下CUDA4.0的安装与配置
  9. docker上定期备份mysql数据库
  10. 修改堆内存_浅谈程序的内存布局
  11. sso(single sign on)介绍
  12. 三星s9Android9内测申请链接,Galaxy S9/S9+国行版进行安卓9.0内测
  13. C# WinForm TextBox 文本垂直居中实现
  14. .NET并发编程-数据结构不可变性
  15. 给宝贝女儿雅琪写的顺口溜
  16. Python从入门到自闭(网络篇)
  17. iOS应用安全-专栏总目录(持续更新) 丨蓄力计划
  18. sequencer和driver
  19. MC官方模板的分析Day1
  20. Mac升级AS至2021.1.1 patch 2踩坑

热门文章

  1. 关于 Chukwa 数据收集监控系统的介绍
  2. WebRTC手记之本地视频采集
  3. 虚拟机已经显示了已连接的图标但不能上网的解决办法+虚拟机显示网络连接激活失败
  4. Windows上的Docker机器–如何设置主机
  5. 个人永久性免费-Excel催化剂功能第17波-批量文件改名、下载、文件夹创建等
  6. Linux Top command
  7. 无人值守地磅防作弊就是在地磅周围加个摄像头吗?
  8. 【课后习题】高等数学第七版下第九章 多元函数微分法及其应用 第九节 二元函数的泰勒公式
  9. 【解析】TensorBoard 可视化
  10. 易语言破解之PUSH窗体