也许朋友们会以为这是DWR官方发布的什么帮助,但非常遗憾这不是。现在不少朋友在使用DWR开发项目,我也是其中之一,但苦于关于DWR的帮助文档实在太少,很多问题都不得不自己去钻研DWR的源码才能解决或理解。经过一段时间的苦苦钻研,总结出那么一点点心得,现在从DWR源码实现的角度详细讲解DWR的使用,写出来与大家分享。今天我谈一谈如何编写通用的单行编辑框。
当我们需要编辑某行数据的时候,可以将该行的数据设置到一个已经设计好的单行编辑框中进行编辑。在编辑完成以后,点击“保存”按钮,DWR可以采用ajax的方式访问服务器,将数据保存到数据库中。怎样设计一个单行编辑框呢?让我们一步一步来完成吧。
1、设计页面。
设计好一个单行编辑框的页面,为值对象中的每一个属性设计一个数据输入框,如单行文本框、多行编辑框、下拉框、单选框等等。设计这些数据输入框的同时应当将它们的id设置成与值对象对应的属性名相同的名称。这里我想特别说明的是下拉框,因为下拉框中的下拉部分应当是一个从数据库中查出来的下拉列表。DWR为下拉框设计了一个非常便利的函数addOptions(),函数addOptions的完整写法如下:addoptions(eleid, data, valueprop, textprop);
在该函数中,eleid是下拉框的id。data是下拉框需要显示的下拉列表的数据集,它通常需要包含至少两行数据,一行是下拉框value部分的数据,即需要存数据库的数据,另一行是下拉框text部分的数据,即仅仅用于在下拉列表中显示的数据。比如,我们有一个选择部门的下拉框,value部分对应的应当部门编号,而text部分应当是部门名称。清楚了data,valueprop和textprop就好说了,valueprop就是value部分的属性名,textprop就是text部分的属性名。因此,写一个选择部门的下拉框应当这样写:DepartmentBus.findDepartment(
function(resultset){
addoptions(‘department’,resultset.collection,
’departmentId’,’departmentName’);});
另外一个关键的问题我想特别提一下,就是值对象的主键。我在设计hibernate的值对象的时候倡导的是使用无意义的主键。既然是无意义的主键,那么我们不应当将主键值展示给用户。因此我在设计页面的时候通常是将主键对应的标签设计成一个hidden标签。如果主键标签为空,在提交数据保存的时候,hibernate将执行插入操作;如果不为空,执行的将是更新操作。因此,通常不需要分别设计插入页面和更新页面,可以将它们合二为一(一些因特殊原因必须将插入页面和更新页面拆开来编写的情况应当另当别论)。
2、设计清除函数
如果你需要设计一个添加功能,则需要显示一个没有显示任何值的空单行编辑框。然而使用DWR设计页面,我们的思维需要发生一个转变,那就是不要随便刷新页面。什么意思呢?当你打开一个单行编辑框添加一条数据并保存以后,又需要添加另一条数据。如果不刷新页面,则该页面此时还依然显示的是上一条数据的内容,我们就需要设计一个页面清除函数。如果我们在dwr.xml文件中是一个一个注册值对象,那么写清除函数就非常简单了。具体编辑如下:var department = new Department();
dwr.util.setValues(department);
第一行产生一个空值对象,第二行使用setValues()将页面清空。
3、设计编辑函数
当我们在列表显示框中选择了某行并点击“编辑”按钮以后,需要一个编辑函数将该行的数据设置到单行编辑框中。用DWR怎样设计编辑函数呢?前面提到,在列表显示框装载查询结果集的时候,我们同时也将结果集放置到了一个叫objCache页面端数据缓存中。当用户点击“编辑”按钮时,需要将该行的行好以参数的形式传递给编辑函数,然后编辑函数将到objCache中取得该行的值对象,最后使用setValues()将该值对象设置到单行编辑框中。
4、设计保存函数
当编辑数据完成以后,点击“保存”按钮以后,需要执行一个保存函数来执行保存。在设计保存函数的时候,首先需要从页面中取出数据并放置到值对象中。为了完成该功能,DWR提供了getValues()函数。在使用该函数的时候,我们必须写产生一个空值对象,然后将该对象作为参数传递给getValues(),则页面中的数据就植入到了该对象中。最后,使用DWR的特有方式,调用服务器端的java对象中的函数,执行保存。在执行保存的过程这,DWR还专门提供了事务处理的功能,当然我从来没有测试过该事务处理的能力。总结保存函数应当如下编写:var department = new Department();
dwr.util.getValues(department);
dwr.engine.beginBatch();
DepartmentBus.updateDepartment(department);
dwr.engine.endBatch();
objCache[curid] = obj;
回顾保存函数,我们可以抽象出部分代码,以便简化保存函数的编写并提高代码复用度。代码中的第2、3、5、6行都可以抽象成一个通用的函数进行编写。而代码中的1、4行则是个性化的代码,应当在具体编写每个功能的时候分别去实现。也就是说保存函数被我分成了通用函数和具体实现函数两部分,具体的实现见我的示例。
5、设计删除函数
当我们在列表显示框中选择了某行并点击“删除”按钮的时候,我们需要设计一个删除函数来删除该行数据。删除函数的设计与保存函数的设计比较近似,这里我就不再累赘了,朋友们自己思考吧。
示例:一个dwr+spring+hibernate的示例
分享到:
相关推荐
2. **编写通用的列表显示框和单行编辑框** DWR支持创建可重用的组件,例如,可以编写通用的JavaScript函数来显示从服务器获取的数据列表,并提供编辑功能。这通常涉及到AJAX的异步更新,使得用户无需刷新整个页面...
1、在dwr中尝试编写的一些通用的代码,包括如何编写一个通用的列表显示框并实现分页、如何编写一个通用的单行编辑框、如何编辑一个通用的存盘和删除程序等等。 <br>2、在dwr中如何与spring兼容,调用bus中的方法...
JESD79-2F DDR2 JESD79-3F DDR3 JESD79-4D DDR4 JESD79-5C DDR5 JESD209-2F LPDDR2 JESD209-3C LPDDR3 JESD209-4E LPDDR4 JESD209-4-1A LPDDR4X JESD209-5C LPDDR5(X)
COMSOL二维光子晶体角态研究:单胞与超胞能带计算及边界态与角态特性分析,COMSOL二维光子晶体角态研究:单胞与超胞能带计算及边界态与角态特性分析,comsol二维光子晶体角态。 单胞能带,超胞能带,边界态以及角态计算。 ,comsol;二维光子晶体;角态;单胞能带;超胞能带;边界态计算,基于Comsol的二维光子晶体角态及能带边界计算研究
六自由度机械臂抓取动作仿真与代码解析:抓取动画、关节参数变化及轨迹图解详解,六自由度机械臂抓取动作仿真指南:掌握两套代码实现动画与轨迹图模拟学习攻略,六自由度机械臂抓取动作仿真-8 两套关于抓取动作的代码,包括抓取动画、关节角、角速度、角加速度的变化仿真、以及抓取轨迹图 简单易懂好上手~ ,六自由度机械臂;抓取动作仿真;抓取动画;关节角变化;角速度角加速度;抓取轨迹图;两套代码;简单易懂好上手,六自由度机械臂抓取动作仿真演示:代码与轨迹图解
ITC网络广播工具软件
Multisim四位密码锁电路仿真设计:设定、开锁与声光报警功能演示资料包,Multisim四位密码锁电路仿真设计:设定、输入、开锁与报警功能详解,附源文件、原理说明书与演示视频,multisim四位密码锁电路仿真设计 功能: 1.通过拨码开关1进行初始密码设定。 2.通过拨码开关2输入密码,实现开锁判断。 3.如果密码正确,LED绿灯亮,表示开锁。 4.如果密码不正确,LED红灯亮,蜂鸣器鸣叫,声光报警。 资料包含:仿真源文件+原理说明书+演示视频 ,四位密码锁电路、Multisim仿真设计、初始密码设定;拨码开关输入;开锁判断;LED灯显示;声光报警;仿真源文件;原理说明书;演示视频,Multisim四位密码锁电路仿真设计:初始密码设置与智能解锁功能的声光报警展示
俗话说,摸鱼摸的好,上班没烦恼,毕竟谁能拒绝带薪拉屎呢(手动狗头) 这是一个云开发职场打工人专属上班摸鱼划水微信小程序源码,没有后台 直接导入微信开发者工具即可运行,UI简约大气漂亮,只需登录微信公众平台配置完合法域名即可轻松上线。 用户进入摸鱼小程序,可以自由设置薪资,上班时间、下班时间、发薪日、 月工作天数以提醒自己摸鱼,全民打酱油,让自己成为摸鱼冠军,《商鞅摸鱼哲学》 摸鱼不是自我放纵,而是个人实力的积蓄,我们的小目标是晚睡晚起 小程序中的今日待办会提醒用户带薪拉屎和闲逛,下方展示的是距离休息日的天数,距离下一次发工资的天数和节日的天数。
【毕业设计】基于Java的开发的一个集合校园二手交易、拼车、失物招领等功能的app_pgj
个人记录:PICkit3离线烧录流程 使用软件:MPLAB X IDE v5.30 记录时间:20250215
基于Matlab代码的电力系统状态估计与实验仿真研究:扩展卡尔曼滤波和无迹卡尔曼滤波在电力系统动态状态估计中的应用及效果分析,Matlab仿真实验研究:基于扩展卡尔曼滤波器与无迹卡尔曼滤波器对电力系统状态估计的影响及验证,状态估计 电力系统状态估计 Matlab代码 实验仿真研究 电力系统由于测量值和传输误差,还有测量噪声的影响,会对状态估计产生影响。 因此,需要对嘈杂的测量进行滤波,以获得准确的电力系统运行动态。 本文使用扩展卡尔曼滤波器(EKF)和无迹卡尔曼滤波器(UKF)来估计电力系统的动态状态。 扩展卡尔曼滤波EKF、无迹卡尔曼滤波UKF 利用扩展的无迹卡尔曼滤波器估计了动力系统的动态状态。 对WECC 3机9总线系统和新英格兰10机39总线系统进行了案例研究。 结果表明EKF和UKF都能准确地估计电力系统的动态状态。 ,核心关键词:状态估计; 电力系统状态估计; Matlab代码; 实验仿真; 测量值误差; 测量噪声; 扩展卡尔曼滤波器(EKF); 无迹卡尔曼滤波器(UKF); 动力系统; 动态状态估计; WECC 3机9总线系统; 新英格兰10机39总线系统。,Matlab
springboot在线考试--
台达DVP EH3与MS300 PLC&变频器通讯程序的全面解决方案,台达DVP EH3与MS300通讯程序:稳定可靠的频率控制与启停管理系统,台达DVP EH3与台达MS300通讯程序(TDEH-9) 可直接用于实际的程序,程序带注释,并附送触摸屏程序,有接线方式和设置,通讯地址说明等。 程序采用轮询,可靠稳定 器件:台达DVP EH3系列PLC,台达MS300系列变频器,昆仑通态7022Ni 功能:实现频率设定,启停控制,实际频率读取,加减速时间设定。 资料:带注释程序,触摸屏程序,接线和设置说明,后续有技术咨询。 ,核心关键词:台达DVP EH3; 台达MS300; 通讯程序(TDEH-9); 轮询; 稳定; 频率设定; 启停控制; 实际频率读取; 加减速时间设定; 触摸屏程序; 接线方式; 设置说明; 技术咨询。,台达PLC与变频器通讯程序(带注释、触摸屏控制)
项目资源包含:可运行源码+sql文件 适用人群:学习不同技术领域的小白或进阶学习者;可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。项目具有较高的学习借鉴价值,也可拿来修改、二次开发。 个人账户管理:支持用户注册、登录与个人信息编辑;提供密码找回及账号安全保护措施。 声纹采集:利用麦克风设备录制用户的声纹样本;支持多种录音格式和质量调整,确保采集到清晰、准确的声纹数据。 声纹模板库管理:建立和维护一个安全的声纹模板库;支持声纹模板的添加、删除、更新和查询操作。 声纹比对与识别:运用深度学习算法对输入的声纹数据进行特征提取和匹配;实现快速、准确的声纹身份验证。 多场景应用支持:适用于多种场景,如门禁系统、移动支付、远程登录等;可根据实际需求定制开发相应的应用场景。 实时监控与报警:实时监控系统运行状态,包括声纹识别成功率、处理速度等指标;当出现异常情况时,及时发出报警信息。 数据分析与报告生成:收集并分析声纹识别过程中的数据,如识别准确率、处理时间等;根据用户需求输出包含详细图表说明的专业级文档供下载打印保存。 社区互动交流:设立论坛版块鼓励用户分享心得体会讨论热点话题;定期邀请行业专家举办线上讲座传授实用技巧知识。 音乐筛选与推荐:集成音乐平台API,根据用户的浏览习惯和情绪状态推荐背景音乐,增强用户体验。 数据可视化:提供交互式的数据可视化面板,使非技术用户也能轻松理解复杂的数据集,从而做出更明智的决策。
三相与多相开绕组永磁同步电机仿真模型的先进控制策略探讨与实现,三相与多相开绕组永磁同步电机的Simulink仿真模型与先进控制策略研究,开绕组电机,开绕组永磁同步电机仿真模型、simulink仿真 共直流母线、独立直流母线,两相容错,三相容错控制,零序电流抑制,控制策略很多 三相开绕组永磁同步电机,六相开绕组永磁同步电机 五相开绕组永磁同步电机,五相开绕组电机 ,开绕组电机; 永磁同步电机仿真模型; simulink仿真; 共直流母线; 独立直流母线; 两相容错; 三相容错控制; 零序电流抑制; 控制策略; 六相开绕组永磁同步电机; 五相开绕组永磁同步电机,开绕组电机仿真研究:共直流母线与独立直流母线的容错控制策略
【毕业设计】基于Java的开发的网上汽车租赁管理系统_pgj
csv 模块是 Python 的标准库,无需额外安装。 运行结果如下图: ['姓名', '年龄', '城市'] ['张三', '25', '北京'] ['李四', '30', '上海'] ['王五', '22', '广州']
【毕业设计】基于Java+Springboot+Vue的宠物领养系统_pgj
让前端开发者学习“机器学习”!
【毕业设计】基于Java的实现的以宠物为主体的论坛式的APP