开发技巧--自定义功能按钮开发

Posted 赵戬

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了开发技巧--自定义功能按钮开发相关的知识,希望对你有一定的参考价值。

返回Z平台-帮助文档-首页


需求说明

开发过程

第一、登录Z平台,打开【系统管理 / 开发 / 表单管理】功能。并找到 【客户管理】表单

第二、选择该记录后,点击修改,进入编辑页面,然后,选择表管理中的【客户信息】表。进行修改。

第三、在明细表记录中切换到按钮管理TAB页,点击 新增 按钮

第四、添写自定义按钮相关信息并保存。

第五、保存完成后,执行【创建后台方法JAVA代码】生成方法后台处理方法的源码

第六、编写后台自定义方法代码

测试

第一、运行客户信息功能。为了演示重置效果,请先清空客户【张三】的登录密码

第二、执行重置密码。

需求说明

本文以为 【客户信息】 表单增加 【重置登录密码】 功能按钮为例进行讲解说明。需求应用在客户忘记密码时,无法自行修改登录密码时使用,客服人员可以通过该功能快速重置客户的登录密码。

开发过程

自定义按钮开发过程需要开发环境的支持,请自行完成开发环境的搭建【开发环境搭建

第一、登录Z平台,打开【系统管理 / 开发 / 表单管理】功能。并找到 【客户管理】表单

第二、选择该记录后,点击修改,进入编辑页面,然后,选择表管理中的【客户信息】表。进行修改。

第三、在明细表记录中切换到按钮管理TAB页,点击 新增 按钮

第四、添写自定义按钮相关信息并保存。

所属页面类型:

            列表页面:按钮放在列表页面。根据本实例需求,我们选择放在列表页面。可以同时重置多个客户登录密码。

            编辑页面:按钮放在编辑页面           

方法类型:

            跳转到新页面:生成的后台方法执行完成后需要跳转到新页面

            返回json结果:生成的后台方法执行完返回com.futvan.z.framework.common.bean.Result类型的JSON数据

            前端JS方法:不调用后台方法,纯前端JS方法

是否隐藏:

            控制按钮显示与隐藏

按钮标识:

            按钮唯一标识,需定义以字母数字组合的标识 ,该标识用户方法调用使用

按钮名称:

             按钮的显示名称

按钮图标:

            按钮显示的图标

JS点击事件:按钮执行的JS代码

	//获取选中的客户记录
	var zids = getTableColumn('MainTable','zid');
	if(zids==''){
		parent.alertMessager('请选择要重置登录密码的客户');
	}else{
		$.messager.confirm('信息提示','您确定要重置这些客户的登录密码吗?',function(r){
			if (r){
			    //打开执行等待图标
				parent.openLoading();
				$.ajax({
					type : "POST",
					url : 'reset_customer_loginpassword',//url内容就是前面定义的按钮标识
					data:{zids:zids},
					success : function(data) {
						//关闭执行等待图标
						parent.closedLoading();
						if(data.code=='SUCCESS'){
							parent.alertMessager('重置密码成功');
							//刷新当前列表
							RefreshList();
						}else{
							//后台执行出错,显示错误信息
							parent.alertErrorMessager(''+data.msg);
						}
					},
					error: function (data) {
						//关闭执行等待图标
						parent.closedLoading();
						parent.alertErrorMessager('错误:'+JSON.stringify(data));
					}
				});
			}
		});
	}

第五、保存完成后,执行【创建后台方法JAVA代码】生成方法后台处理方法的源码

如果显示代码创建成功,代表已完成后台代码的创建过程。需要刷新Eclipse工程后,就可以在源代码目录中找到刚刚创建的后台类与方法了。生成的类文件存储目录为 com.futvan.z.项目标识.表单标识 包中。

第六、编写后台自定义方法代码

try {
        //获取所有客户主键
	String zids = bean.get("zids");
	String[]zid_array = zids.split(",");
	//遍历所有客户主键
	for (int i = 0; i < zid_array.length; i++) {
	    String zid = zid_array[i];
	    String new_password = StringUtil.CreatePassword("123456");
	    String sql = "update crm_customer set password_login = '"+new_password+"' where zid = '"+zid+"'";
	    //重置客户密码
	    sqlSession.update("update", sql);
        }
	result.setCode(Code.SUCCESS);
	result.setMsg("重置成功");
			
} catch (Exception e) {
	result.setCode(Code.ERROR);
	result.setMsg("重置登录密码出错|"+e.getMessage());
}

以上就是自定义按钮开发全过程,快启动Z平台测试一下吧。

测试

第一、运行客户信息功能。为了演示重置效果,请先清空客户【张三】的登录密码

第二、执行重置密码。

通过以上的测试,证明自定义按钮是执行成功的

以上是关于开发技巧--自定义功能按钮开发的主要内容,如果未能解决你的问题,请参考以下文章

WordPress 创建自定义功能

从零开始学BPM,Day5报表配置及自定义功能页面开发

Android recyclerview拖拽自定义功能

如何为 Android 软键盘添加自定义功能

关于destoon后台添加自定义功能+前台展示标签调用方法

ArcGIS API for JavaScript 4.2学习笔记[16] 弹窗自定义功能按钮及为要素自定义按钮(第五章完结)