jspx框架使用总结-页面开发

[size=large][color=red]jspx 一个来自于埃及的java web快速开发框架。谈谈使用jspx总结一些东西，关于jspx网上资料很少，希望大家分享下。

JSPX提供DataTable是一个集查询、分页、显示、导出excel等为一身的标签，使用起来非常简单，但也有它不足的地方。
Jspx页面，可以对应同名的java。
在td中插入jspx标签
<datatable id="datatable" datasource="java:/comp/env/jdbc/crisk"
table="table1"
sql="select code,name,test1 from table1 "
showrowindex="false" pagesize="10" showFooter="true"
showNewCommand="false" autobind="true"
headerstyle="text-align:center;" headerclass="title"
tdstyle="text-align:center; " rowstyle="text-align:center;"
tdclass="odd" rowclass="even" cellspacing="0" border="1"
width="100%" align="left" class="sortable"
selectedrowstyle="background-color:#59eeee"
footerstyle="background-color: #ECE9D8; color:#000000;font-weight:600;text-align:center;"
dateformat="yyyy-MM-dd" excel="true" noresults="无此信息" noresultsclass="ie" var="company_debt_info">
其中：
属性autobind：表示刚进入页面，是否运行sql，自动加载查询结果；
属性excel="true"：表示显示导出查询结果excel，若是不想导出，不用添加excel="true" ；
table="table1"，可以在后面外连接查询，条件查询中用到，类似：“${table1.code}”，取出查询结果值。
取出显示列：
一：取出sql中已有的列名test1对应的结果：
<datacolumn text="测试1" fieldname="test1" datatype="string" width="4%" />
二：取出sql没有相应的列，需要分散查询，传过去已查到的字段“code”的值，
<datacolumn text="测试2" fieldname="code" width="7%" type="lookup" lookup="fk1" datatype="string" />

分散查询对应：其中value显示要出来的字段名，key用于对照，用分查询的“code”对应传过来的“code”，实现一对一，不需要在sql中对应，自动匹配。
<datalookup name="fk1" key="code" value="name"
sql="select name,code from table2 " />

jspx中使用html原有的<a>标签：
<datacolumn text="名称" fieldname="name" datatype="string" width="7%" >
<itemTemplate>
<a href="tomodify.do?company_code=${table1.code}" target="_self">${table1.name }</a>
</itemTemplate>
table属性：是你需要查询的数据库表名；
sql属性：查询的SQL语句；
showrowindex属性：表示需要显示序号；
<dataparam>元素用来定义传入sql语句的参数，name属性用于指定传入SQL的变量名称，此处为MYID，而control指定变量从哪个属性取值，此例中为userId，表明是从userId中取得值，并赋值给MYID，expression为定义的表达式.
<datapk>元素定义主键，name为要作为主键的属性，sequence为Oralce中table所对应的sequence的名称。
<datacolumn>元素用于定义显示的数据列，其中text属性表示显示的列名称，fieldname表示从哪个属性中取值，type表示该列的数据类型，required表示该列是必须的。
<datacolumnCommand>元素表示定义列操作，JSPX默认提供了几个列操作，如select表示选择该条记录，并会返回该条记录的PK；check类型会显示为checkbox，并可对所有记录进行选择；edit类型表示对记录进行修改，JSPX对自动提供对记录的更新操作；remove类型表示删除记录；
<footer>用于指定页脚内容。
Java对应：
用于接收页面控件值，其中声明变量名和控件id值对应。
@JspxWebControl
private DataTable datatable;
@JspxWebControl
private Select fromDate;
@JspxWebControl
private Input endDate;
用endDate.getValue() ：表示标签id为endDate传来的值
页面button触发事件：
<input type="button" id="butquery" οnclick=""
onserverclick="execquery1" value="查询" />
后台java：
execquery1(WebControl sender, String args)
protected void pageLoaded(){}用于初始化界面之前赋值。

Jspx页面编写类似Jsp页面table表单：
例子：
方法一：在前台使用sql查询，使用标签<sqlrepeater>

<table>
<tr>
<th>名称</th>
<th>类型</th>
<th>日期</th>
<th>排名</th>
</tr>

标签<sqlrepeater>是循环标签，有sql编写。可以嵌套<sqlrepeater>,形成子循环。
<sqlrepeater id="func1"
sql="${this.sql }"
itemlist="func_level1" var="f1">
<tr align="center">
<td>${f1.name } </td>
<td>${f1.type } </td>
<td>${f1.date } </td>
<td>${f1.slist} </td>
</tr>
</sqlrepeater>
</table>
方法二：在后台使用sql查询，pageLoaded()查出
后台java：
@JspxBean(scope = JspxBean.REQUEST, name = "table1")
BEANtable1 table1= null;
protected void pageLoaded() {
table1 = (new DAOtable1()).getByPK(code);
}
前台jspx引用：
<td align="center">${table1.name} </td>

循环问题：<sqlrepeater>标签可以与标签table中<tr>、<td>配合使用
例子：页面
<sqlrepeater id="func1"
sql="select name,id from table3 "
itemlist="func_level1" var="f1">
<tr>
<th align="left" bgcolor="#DDDDDD" bordercolor="#BADDFA" >
${f1.name}
</th>
<sqlrepeater id="func2" sql="select p.name,p.id,p.cont from processdef p
where p.type='${this.type }' "
itemlist="func_level2" var="f2">
<tr>
<td align="left" bgcolor="#FFFFFF" bordercolor="#BADDFA" title="${f2.cont}">
${f2.name}
</td>
<sqlrepeater id="func3"
sql="select ivalue from table3 " itemlist="func_level3" var="f3">
<td align="right" bgcolor="#FFFFFF" bordercolor="#BADDFA" width="240">
${f3.ivalue }
</td>
</sqlrepeater>
</tr>
</sqlrepeater>
</tr>
</sqlrepeater>
[/color][/size]

jspx框架使用总结-页面开发相关推荐

框架应用 : Spring MVC - 开发详述
软件开发中的MVC设计模式软件开发的目标是减小耦合,让模块之前关系清晰. MVC模式在软件开发中经常和ORM模式一起应用,主要作用是将(数据抽象,数据实体传输和前台数据展示)分层,这样前台,后台,数 ...
html5页面主题,HTML5页面开发笔记
页面由设计决定, 所以首先聊聊设计稿前戏, 页面设计规范 PSD设计稿的图层 "分组" 以及图层 "命名": 设计稿中的每一个元素, 比如唱片机, 设计师需 ...
转载 WebService 的CXF框架 WS方式Spring开发
WebService 的CXF框架 WS方式Spring开发 1.建项目,导包. 1 <project xmlns="http://maven.apache.org/POM/4.0.0 ...
页面前端的水有多深？再议页面开发
但凡从事互联网的人基本都会写几行html,用过Word的人用Dreamweaver也能做出规整的页面,所以大部分人会很自然地认为"页面的开发没什么技术含量,很简单".不仅有这种普 ...
H5中的history单页面，手动实现单页面开发，细说h5单页面原理
就目前来看,前端的单页面开发占了很大一部分,一方面无刷新的切换增强了体验,并且浏览器记录依然存在,前进后退都没问题,在之前我们通地址栏中的hash改变来触发onhashchange方法来实现单页面应用 ...
PyQt模拟微信聊天页面开发
一.引述网上关于Qt模拟微信.QQ的页面开发的多如牛毛,但C++本身来说逻辑上难上手,对只会Python的小伙伴来说太痛苦了. 今天就为大家开个场(下节更精彩),众所周知,要想模拟微信.QQ等这种聊 ...
如何进行移动端的页面开发？
如何进行移动端的页面开发应该说,移动端的开发是伴随着HTML5的兴起而出现的,2007年第一款iPhone诞生,2009年HTML5这个名词第一次登上"舞台".当时的移动互联网开 ...
python人机交互界面设计_python_GUI页面开发
GUI:人机交互图形化界面,图形页面窗口,Windows系统就是一个庞大的GUI界面,比命令行更加让人得以接受,使用更加简便在python中的GUI界面是由tkinter提供的,使用前需导入变量 ...
喵喵电影-前端页面开发
喵喵电影-前端页面开发一.项目预览二.开发前准备 1.配置node环境:npm cnpm 2.安装Vue脚手架:vue-cli 3.创建项目 miaomiao 三.实战开发 1.改造项目文件创建框 ...
【Web网页制作】影视主题网页制作web页面开发（附源码）
[写在前面] 其实之前我就写过一篇关于我的家乡的页面,也有不少网友和我私下反馈,让我多出一些关于页面制作的,于是乎我就今天晚上抽出点时间来整理一篇关于影视内容的web页面制作,希望能够得到大家的喜欢. ...

jspx框架使用总结-页面开发

jspx框架使用总结-页面开发相关推荐

最新文章

热门文章