Java 全栈开发 ---Java ERP 系统开发:商业 ERP(五
[](()(四)部门名称的完善
[](()1、修改 emp.hbm.xml 当中的映射文件

[](()2、 修改 Emp,java 实体类

[](()3、 修改 emp.html 页面上的内容(给部门加上格式化器)

[](()4、 修改 BaseAction 的 listByPage 方法和 list 方法:DisableCircularReferenceDetect禁用循环引用保护


[](()5、再次访问 emp.html:实现

[](()(五)员工添加表单编辑
[](()1、设置编辑框的大小 crud.js 里面设置

[](()2、在 emp.html(设置新增按钮编辑的文本框)
将性别改为单选按钮

[](()3、在 emp.html 的添加页面上设置对应的添加功能(设置对应的日期格式)

<td>出生年月日</td>
<td>
<input name="t.birthday" class="easyui-datebox" editable="false" >
</td>

[](()4、部门下拉列表的设置(在 emp.html 当中设置)

从 emp 当中对应外键的 dep 当中获取部门列表
<td>部门</td><td><input name="t.dep.uuid" class="easyui-combobox" data-options="
url:'dep_list',textField:'name',valueField:'uuid' " >
</td>

[](()5、设置一些其他属性(添加验证)
(1)在 emp.html 当中设置对应(验证的属性)
<td>登陆名</td>
<td><input name="t.username" class="easyui-validatebox" data-options="
required:true,missingMessage:'登录名不能为空!' ">
</td>
<td>邮件地址</td>
<td><input name="t.email" class="easyui-validatebox" data-options="
required:true,validType:'email',invalidMessage:'Email 格式不正确'">
</td>

(2)在 crud.js 当中设置对应(验证的属性)点击保存的时候要验证
错误无法提交

//表单验证的时候当所有字段返回 true 的时候,该方法使用 validatebox(验证框架)插件
var isValid = $('#editForm').form('validate');
if(isValid == false ){
return;
}
var formdata= $('#editForm').serializeJSON();
$.ajax({
url:name+'_'+method+'.action',
data:formdata,
dataType:'json',
type:'post',
success:function(value){
if(value.success){
$('#editWindow').window('close');
$('#grid').datagrid('reload');
}
$.messager.alert('提示',value.message);
}
});

(3)部门为必填required:true


[](()6、员工搜索(普通表单的)
(1)修改性别在 emp.html 当中

(2)设置对应部门的下拉列表

(3)在 EmpDao 当中设置根据部门查询的条件

// 根据部门查询
if (null != emp1.getDep() && null != emp1.getDep().getUuid()) {
dc.add(Restrictions.eq("dep", emp1.getDep()));
}
(4)条件查询成功

[](()7、员工搜索(出生年月日)查询指定期间的信息
(1)修改前端 emp.html 当中的日期

出生年月日:<input name="t1.birthday" class="easyui-datebox" editable="false" >
-> <input name="t2.birthday" class="easyui-datebox" editable="false" >
(2)修改后端 EmpDap 当中的条件

(3)查询成功

[](()(六)部门关联格式处理
[](()1、点击修改的时候会报错(没有登录名称,真实姓名,性别,以及日期格式错误)

评论