SSSDJ项目day2

最新推荐文章于 2021-07-19 20:42:00 发布
最新推荐文章于 2021-07-19 20:42:00 发布
阅读量182 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GG__bond1/article/details/95251327
版权

1.删除功能
1.1.employee.jsp

用户名： 邮件: 部门 : 查找

1.2.employee.js
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
del:function () {
//删除数据
},
save:function () {
//保存数据
}
}

1.3.employee.js
1.4.var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
//删除数据
del:function () {
//拿到选中的这条数据
var row = employeeGrid.datagrid(“getSelected”);
if(row){
$.messager.confirm(‘确认框’, ‘确定要狠心删除我么?’, function®{
if ®{
//进行删除
$.get("/employee/delete",{id:row.id},function (result) {
if(result.success){
$(’#employeeGrid’).datagrid(‘reload’);
}else{
//alert(“删除失败”);
$.messager.alert(‘提示信息’,‘删除失败!，原因:’+result.msg,“error”);
}
})
}
});
}else{
$.messager.alert(‘提示信息’,‘请选择一行再进行删除!’,‘info’);
}
},
save:function () {
//保存数据
}
修改加上弹出功能
employee.js代码
//验证扩展:两次数据是否一致
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
equals: {
validator: function(value,param){
return value == $(param[0]).val();
},
message: ‘两次密码匹配.’
}
});
//验证扩展：用户名是否可以重复使用
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
checkUsername: {
validator: function(value,param){
var employeeId = $("#employeeId").val();
var result = $.ajax({
type: “GET”,
url: “/employee/checkUsername”,
data:{username:value,id:employeeId},
async: false //同步
}).responseText;
return result==“true”;
},
message: ‘用户名不能重复.’
}
});
…
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
//添加数据(弹出添加的模态框)
add:function () {
//如果有data-save属性，我们把它展示出来
$("[data-save]").show();
//启动有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“enable”);
employeeForm.form(“clear”);//清除数据
//弹出表单窗口
employeeDialog.dialog(“center”).dialog(‘open’);
},
//修改数据(弹出修改的模态框)
edit:function () {
//选中了某一条数据才删除
var row = employeeGrid.datagrid(“getSelected”);
if(row){
//隐藏有data-save属性的元素
$("[data-save]").hide();
//禁用有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“disable”);

        employeeForm.form("clear");//清除数据
        employeeDialog.dialog("center").dialog('open');
        //单独解决部门的回显问题
        if(row.department){
            row["department.id"] = row.department.id;
        }
        //为form加载数据
        $("#employeeForm").form("load",row);
    }else{
        $.messager.alert('提示信息','请选择一行再进行修改!','info');
    }
},

save:function () {
var url = “/employee/save”;
var id = $("#employeeId").val();
if(id){
url = “/employee/update?cmd=update”;
}
employeeForm.form(‘submit’, {
url:url,
onSubmit: function(){
//做验证
return $("#employeeForm").form(“validate”);
},
success:function(data){
var result = JSON.parse(data);//转成相应的json数据
if(result.success) {
$(’#employeeGrid’).datagrid(‘reload’);
}else{
$.messager.alert(‘提示信息’,‘操作失败!，原因:’+result.msg,“error”);
}
employeeDialog.dialog(‘close’);
}
})
}
…
}

同步Ajax请求我们也可以用新的方案:
var isSuccess = $.util.requestAjaxBoolean(’/employee/checkUsername’,{username:value});

1.5.后台的功能支持
1.5.1.用户是否重复验证
EmployeeRepository
public interface EmployeeRepository extends BaseRepository<Employee,Long> {

 @Query("select o from Employee o where o.username=?1") 
 Employee findByUsername(String username);

}

IEmployeeService
public interface IEmployeeService extends IBaseService<Employee,Long> {

/**
 * 如果根据用户名查询到了员工 -> 返回false（代表这个用户已经存在）
 * @param username
 * @return
 */
boolean checkUsername(String username);

}

EmployeeServiceImpl
@Service
public class EmployeeServiceImpl extends BaseServiceImpl<Employee,Long> implements IEmployeeService {

@Autowired
private EmployeeRepository employeeRepository;

@Override
public boolean checkUsername(String username) {
    return employeeRepository.findByUsername(username)==null;
}

}

EmployeeController
@RequestMapping("/checkUsername")
@ResponseBody
public Boolean checkUsername(Long id,String username){
if(id!=null) {
//1.根据id拿到对应的员工
Employee dbEmp = employeeService.findOne(id);
//2.判断数据库的员工的username与传过来的username是否相等
if(username.equals(dbEmp.getUsername())){
return true; //相同代表没有修改
}
}
//正常验证
return employeeService.checkUsername(username);
}

1.5.2.完成基本的添加与修改
//添加
@RequestMapping("/save")
@ResponseBody
public Map<String,Object> save(Employee employee){
return saveOrUpdate(employee);
}

//修改
@RequestMapping("/update")
@ResponseBody
public Map<String,Object> update(Employee employee){
return saveOrUpdate(employee);
}

//添加或者修改
private Map<String,Object> saveOrUpdate(Employee employee){
Map<String,Object> map = new HashMap<>();
try {
employeeService.save(employee);
map.put(SUCCESS, true);
} catch (Exception e) {
e.printStackTrace();
map.put(SUCCESS, false);
map.put(“msg”, e.getMessage());
}
return map;
}

解决修改时的用户名问题

2.数据丢失问题
这里我们出现一个新的问题，当我们完成修改之后，咱们的密码就消失不见了，这里咱们有三个解决方案（至少为什么修改后密码会消失不见，请大家自己分析「第一个项目中已经讲解过原因」！）

2.1.三种解决方案
在这里，咱们有三个解决方案：
方案一：隐藏要传递的值（只隐藏，但是数据还是需要传递，这和第一个项目是同相同的方案）
这个方案的优点是简单易理解，缺点是如果字段过多，代码量会比较大，另外这种方案的安全性确实是有
三.修改功能
用户名验证传了id
后台获取id，根据id拿到对应用户，如果数据库的用户名称和传过来的名称相应，直接返回true,代表这个名字是可以用的
修改的时候没有密码
添加时显示密码,并且把它启用
//把所有带 data-save属性的元素显示起来
$("[data-save]").show();//把对应的元素启用
$("[data-save] input").validatebox(“enable”)
修改时隐藏密码，并且把它禁用
//把所有带 data-save属性的元素隐藏起来
$("[data-save]").hide();//对应的元素禁用(这个值就不会提交到后台)
$("[data-save] input").validatebox(“disable”);
修改回显
// 关连对象回显需要做的操作if(row.department){
row[“department.id”] = row.department.id;
}
//进行数据的回显(在清空后面)
employeeForm.form(“load”,row);
数据丢失(动态修改)
三种解决方案(隐藏域,SQL不修改,先到数据库查)
@ModelAttribute : 在路径访问这个方法的时候会先执行它
解决n-to-n的问题
添加:/employee/save 修改：/employee/update?cmd=update
@ModelAttribute(“editEmployee”)
public Employee beforeEdit(Long id,String cmd){
//修改的时候才查询(只要有id会就进行一次查询,这是不对的)
if(id!=null && “update”.equals(cmd)) {
Employee dbEmp = employeeService.findOne(id);
//把要传过来的关联对象都清空，就可以解决n-to-n的问题
dbEmp.setDepartment(null);
return dbEmp;
}
return null;
}

//这里的ModelAttribute和上面的名称是对应上的
@RequestMapping("/update")
@ResponseBody
public JsonResult update(@ModelAttribute("editEmployee")Employee employee){
    return saveOrUpdate(employee);
}

1.删除功能
1.1.employee.jsp

用户名： 邮件: 部门 : 查找

1.2.employee.js
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
del:function () {
//删除数据
},
save:function () {
//保存数据
}
}

1.3.employee.js
1.4.var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
//删除数据
del:function () {
//拿到选中的这条数据
var row = employeeGrid.datagrid(“getSelected”);
if(row){
$.messager.confirm(‘确认框’, ‘确定要狠心删除我么?’, function®{
if ®{
//进行删除
$.get("/employee/delete",{id:row.id},function (result) {
if(result.success){
$(’#employeeGrid’).datagrid(‘reload’);
}else{
//alert(“删除失败”);
$.messager.alert(‘提示信息’,‘删除失败!，原因:’+result.msg,“error”);
}
})
}
});
}else{
$.messager.alert(‘提示信息’,‘请选择一行再进行删除!’,‘info’);
}
},
save:function () {
//保存数据
}
修改加上弹出功能
employee.js代码
//验证扩展:两次数据是否一致
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
equals: {
validator: function(value,param){
return value == $(param[0]).val();
},
message: ‘两次密码匹配.’
}
});
//验证扩展：用户名是否可以重复使用
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
checkUsername: {
validator: function(value,param){
var employeeId = $("#employeeId").val();
var result = $.ajax({
type: “GET”,
url: “/employee/checkUsername”,
data:{username:value,id:employeeId},
async: false //同步
}).responseText;
return result==“true”;
},
message: ‘用户名不能重复.’
}
});
…
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
//添加数据(弹出添加的模态框)
add:function () {
//如果有data-save属性，我们把它展示出来
$("[data-save]").show();
//启动有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“enable”);
employeeForm.form(“clear”);//清除数据
//弹出表单窗口
employeeDialog.dialog(“center”).dialog(‘open’);
},
//修改数据(弹出修改的模态框)
edit:function () {
//选中了某一条数据才删除
var row = employeeGrid.datagrid(“getSelected”);
if(row){
//隐藏有data-save属性的元素
$("[data-save]").hide();
//禁用有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“disable”);

        employeeForm.form("clear");//清除数据
        employeeDialog.dialog("center").dialog('open');
        //单独解决部门的回显问题
        if(row.department){
            row["department.id"] = row.department.id;
        }
        //为form加载数据
        $("#employeeForm").form("load",row);
    }else{
        $.messager.alert('提示信息','请选择一行再进行修改!','info');
    }
},

save:function () {
var url = “/employee/save”;
var id = $("#employeeId").val();
if(id){
url = “/employee/update?cmd=update”;
}
employeeForm.form(‘submit’, {
url:url,
onSubmit: function(){
//做验证
return $("#employeeForm").form(“validate”);
},
success:function(data){
var result = JSON.parse(data);//转成相应的json数据
if(result.success) {
$(’#employeeGrid’).datagrid(‘reload’);
}else{
$.messager.alert(‘提示信息’,‘操作失败!，原因:’+result.msg,“error”);
}
employeeDialog.dialog(‘close’);
}
})
}
…
}

同步Ajax请求我们也可以用新的方案:
var isSuccess = $.util.requestAjaxBoolean(’/employee/checkUsername’,{username:value});

1.5.后台的功能支持
1.5.1.用户是否重复验证
EmployeeRepository
public interface EmployeeRepository extends BaseRepository<Employee,Long> {

 @Query("select o from Employee o where o.username=?1") 
 Employee findByUsername(String username);

}

IEmployeeService
public interface IEmployeeService extends IBaseService<Employee,Long> {

/**
 * 如果根据用户名查询到了员工 -> 返回false（代表这个用户已经存在）
 * @param username
 * @return
 */
boolean checkUsername(String username);

}

EmployeeServiceImpl
@Service
public class EmployeeServiceImpl extends BaseServiceImpl<Employee,Long> implements IEmployeeService {

@Autowired
private EmployeeRepository employeeRepository;

@Override
public boolean checkUsername(String username) {
    return employeeRepository.findByUsername(username)==null;
}

}

EmployeeController
@RequestMapping("/checkUsername")
@ResponseBody
public Boolean checkUsername(Long id,String username){
if(id!=null) {
//1.根据id拿到对应的员工
Employee dbEmp = employeeService.findOne(id);
//2.判断数据库的员工的username与传过来的username是否相等
if(username.equals(dbEmp.getUsername())){
return true; //相同代表没有修改
}
}
//正常验证
return employeeService.checkUsername(username);
}

1.5.2.完成基本的添加与修改
//添加
@RequestMapping("/save")
@ResponseBody
public Map<String,Object> save(Employee employee){
return saveOrUpdate(employee);
}

//修改
@RequestMapping("/update")
@ResponseBody
public Map<String,Object> update(Employee employee){
return saveOrUpdate(employee);
}

//添加或者修改
private Map<String,Object> saveOrUpdate(Employee employee){
Map<String,Object> map = new HashMap<>();
try {
employeeService.save(employee);
map.put(SUCCESS, true);
} catch (Exception e) {
e.printStackTrace();
map.put(SUCCESS, false);
map.put(“msg”, e.getMessage());
}
return map;
}

解决修改时的用户名问题

2.数据丢失问题
这里我们出现一个新的问题，当我们完成修改之后，咱们的密码就消失不见了，这里咱们有三个解决方案（至少为什么修改后密码会消失不见，请大家自己分析「第一个项目中已经讲解过原因」！）

2.1.三种解决方案
在这里，咱们有三个解决方案：
方案一：隐藏要传递的值（只隐藏，但是数据还是需要传递，这和第一个项目是同相同的方案）
这个方案的优点是简单易理解，缺点是如果字段过多，代码量会比较大，另外这种方案的安全性确实是有
三.修改功能
用户名验证传了id
后台获取id，根据id拿到对应用户，如果数据库的用户名称和传过来的名称相应，直接返回true,代表这个名字是可以用的
修改的时候没有密码
添加时显示密码,并且把它启用
//把所有带 data-save属性的元素显示起来
$("[data-save]").show();//把对应的元素启用
$("[data-save] input").validatebox(“enable”)
修改时隐藏密码，并且把它禁用
//把所有带 data-save属性的元素隐藏起来
$("[data-save]").hide();//对应的元素禁用(这个值就不会提交到后台)
$("[data-save] input").validatebox(“disable”);
修改回显
// 关连对象回显需要做的操作if(row.department){
row[“department.id”] = row.department.id;
}
//进行数据的回显(在清空后面)
employeeForm.form(“load”,row);
数据丢失(动态修改)
三种解决方案(隐藏域,SQL不修改,先到数据库查)
@ModelAttribute : 在路径访问这个方法的时候会先执行它
解决n-to-n的问题
添加:/employee/save 修改：/employee/update?cmd=update
@ModelAttribute(“editEmployee”)
public Employee beforeEdit(Long id,String cmd){
//修改的时候才查询(只要有id会就进行一次查询,这是不对的)
if(id!=null && “update”.equals(cmd)) {
Employee dbEmp = employeeService.findOne(id);
//把要传过来的关联对象都清空，就可以解决n-to-n的问题
dbEmp.setDepartment(null);
return dbEmp;
}
return null;
}

//这里的ModelAttribute和上面的名称是对应上的
@RequestMapping("/update")
@ResponseBody
public JsonResult update(@ModelAttribute("editEmployee")Employee employee){
    return saveOrUpdate(employee);
}

1.删除功能
1.1.employee.jsp

用户名： 邮件: 部门 : 查找

1.2.employee.js
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
del:function () {
//删除数据
},
save:function () {
//保存数据
}
}

1.3.employee.js
1.4.var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
//删除数据
del:function () {
//拿到选中的这条数据
var row = employeeGrid.datagrid(“getSelected”);
if(row){
$.messager.confirm(‘确认框’, ‘确认删除??’, function®{
if ®{
//进行删除
$.get("/employee/delete",{id:row.id},function (result) {
if(result.success){
$(’#employeeGrid’).datagrid(‘reload’);
}else{
//alert(“删除失败”);
$.messager.alert(‘提示信息’,‘删除失败!，原因:’+result.msg,“error”);
}
})
}
});
}else{
$.messager.alert(‘提示信息’,‘请选择一行再进行删除!’,‘info’);
}
},
save:function () {
//保存数据
}
修改加上弹出功能
employee.js代码
//验证扩展:两次数据是否一致
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
equals: {
validator: function(value,param){
return value == $(param[0]).val();
},
message: ‘两次密码匹配.’
}
});
//验证扩展：用户名是否可以重复使用
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
checkUsername: {
validator: function(value,param){
var employeeId = $("#employeeId").val();
var result = $.ajax({
type: “GET”,
url: “/employee/checkUsername”,
data:{username:value,id:employeeId},
async: false //同步
}).responseText;
return result==“true”;
},
message: ‘用户名不能重复.’
}
});
…
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
//添加数据(弹出添加的模态框)
add:function () {
//如果有data-save属性，我们把它展示出来
$("[data-save]").show();
//启动有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“enable”);
employeeForm.form(“clear”);//清除数据
//弹出表单窗口
employeeDialog.dialog(“center”).dialog(‘open’);
},
//修改数据(弹出修改的模态框)
edit:function () {
//选中了某一条数据才删除
var row = employeeGrid.datagrid(“getSelected”);
if(row){
//隐藏有data-save属性的元素
$("[data-save]").hide();
//禁用有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“disable”);

        employeeForm.form("clear");//清除数据
        employeeDialog.dialog("center").dialog('open');
        //单独解决部门的回显问题
        if(row.department){
            row["department.id"] = row.department.id;
        }
        //为form加载数据
        $("#employeeForm").form("load",row);
    }else{
        $.messager.alert('提示信息','请选择一行再进行修改!','info');
    }
},1.删除功能

1.1.employee.jsp

用户名： 邮件: 部门 : 查找

1.2.employee.js
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
del:function () {
//删除数据
},
save:function () {
//保存数据
}
}

1.3.employee.js
1.4.var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
add:function () {
//添加数据(弹出添加的模态框)
},
edit:function () {
//修改数据(弹出修改的模态框)
},
//删除数据
del:function () {
//拿到选中的这条数据
var row = employeeGrid.datagrid(“getSelected”);
if(row){
$.messager.confirm(‘确认框’, ‘确定要狠心删除我么?’, function®{
if ®{
//进行删除
$.get("/employee/delete",{id:row.id},function (result) {
if(result.success){
$(’#employeeGrid’).datagrid(‘reload’);
}else{
//alert(“删除失败”);
$.messager.alert(‘提示信息’,‘删除失败!，原因:’+result.msg,“error”);
}
})
}
});
}else{
$.messager.alert(‘提示信息’,‘请选择一行再进行删除!’,‘info’);
}
},
save:function () {
//保存数据
}
修改加上弹出功能
employee.js代码
//验证扩展:两次数据是否一致
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
equals: {
validator: function(value,param){
return value == $(param[0]).val();
},
message: ‘两次密码匹配.’
}
});
//验证扩展：用户名是否可以重复使用
. e x t e n d ( .extend( .extend(.fn.validatebox.defaults.rules, {
checkUsername: {
validator: function(value,param){
var employeeId = $("#employeeId").val();
var result = $.ajax({
type: “GET”,
url: “/employee/checkUsername”,
data:{username:value,id:employeeId},
async: false //同步
}).responseText;
return result==“true”;
},
message: ‘用户名不能重复.’
}
});
…
var itsource={
//查询数据
search:function () {
//需要先引入 jquery.serializejson.js 才可以使用这个方法
var params = searchForm.serializeJSON();
employeeGrid.datagrid(‘load’,params);
},
//添加数据(弹出添加的模态框)
add:function () {
//如果有data-save属性，我们把它展示出来
$("[data-save]").show();
//启动有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“enable”);
employeeForm.form(“clear”);//清除数据
//弹出表单窗口
employeeDialog.dialog(“center”).dialog(‘open’);
},
//修改数据(弹出修改的模态框)
edit:function () {
//选中了某一条数据才删除
var row = employeeGrid.datagrid(“getSelected”);
if(row){
//隐藏有data-save属性的元素
$("[data-save]").hide();
//禁用有data-save属性的input元素的验证功能
$("[data-save] input").validatebox(“disable”);

        employeeForm.form("clear");//清除数据
        employeeDialog.dialog("center").dialog('open');
        //单独解决部门的回显问题
        if(row.department){
            row["department.id"] = row.department.id;
        }
        //为form加载数据
        $("#employeeForm").form("load",row);
    }else{
        $.messager.alert('提示信息','请选择一行再进行修改!','info');
    }
},

save:function () {
var url = “/employee/save”;
var id = $("#employeeId").val();
if(id){
url = “/employee/update?cmd=update”;
}
employeeForm.form(‘submit’, {
url:url,
onSubmit: function(){
//做验证
return $("#employeeForm").form(“validate”);
},
success:function(data){
var result = JSON.parse(data);//转成相应的json数据
if(result.success) {
$(’#employeeGrid’).datagrid(‘reload’);
}else{
$.messager.alert(‘提示信息’,‘操作失败!，原因:’+result.msg,“error”);
}
employeeDialog.dialog(‘close’);
}
})
}
…
}

同步Ajax请求我们也可以用新的方案:
var isSuccess = $.util.requestAjaxBoolean(’/employee/checkUsername’,{username:value});

1.5.后台的功能支持
1.5.1.用户是否重复验证
EmployeeRepository
public interface EmployeeRepository extends BaseRepository<Employee,Long> {

 @Query("select o from Employee o where o.username=?1") 
 Employee findByUsername(String username);

}

IEmployeeService
public interface IEmployeeService extends IBaseService<Employee,Long> {

/**
 * 如果根据用户名查询到了员工 -> 返回false（代表这个用户已经存在）
 * @param username
 * @return
 */
boolean checkUsername(String username);

}

EmployeeServiceImpl
@Service
public class EmployeeServiceImpl extends BaseServiceImpl<Employee,Long> implements IEmployeeService {

@Autowired
private EmployeeRepository employeeRepository;

@Override
public boolean checkUsername(String username) {
    return employeeRepository.findByUsername(username)==null;
}

}

EmployeeController
@RequestMapping("/checkUsername")
@ResponseBody
public Boolean checkUsername(Long id,String username){
if(id!=null) {
//1.根据id拿到对应的员工
Employee dbEmp = employeeService.findOne(id);
//2.判断数据库的员工的username与传过来的username是否相等
if(username.equals(dbEmp.getUsername())){
return true; //相同代表没有修改
}
}
//正常验证
return employeeService.checkUsername(username);
}

1.5.2.完成基本的添加与修改
//添加
@RequestMapping("/save")
@ResponseBody
public Map<String,Object> save(Employee employee){
return saveOrUpdate(employee);
}

//修改
@RequestMapping("/update")
@ResponseBody
public Map<String,Object> update(Employee employee){
return saveOrUpdate(employee);
}

//添加或者修改
private Map<String,Object> saveOrUpdate(Employee employee){
Map<String,Object> map = new HashMap<>();
try {
employeeService.save(employee);
map.put(SUCCESS, true);
} catch (Exception e) {
e.printStackTrace();
map.put(SUCCESS, false);
map.put(“msg”, e.getMessage());
}
return map;
}

解决修改时的用户名问题

2.数据丢失问题
这里我们出现一个新的问题，当我们完成修改之后，咱们的密码就消失不见了，这里咱们有三个解决方案（至少为什么修改后密码会消失不见，请大家自己分析「第一个项目中已经讲解过原因」！）

2.1.三种解决方案
在这里，咱们有三个解决方案：
方案一：隐藏要传递的值（只隐藏，但是数据还是需要传递，这和第一个项目是同相同的方案）
这个方案的优点是简单易理解，缺点是如果字段过多，代码量会比较大，另外这种方案的安全性确实是有
三.修改功能
用户名验证传了id
后台获取id，根据id拿到对应用户，如果数据库的用户名称和传过来的名称相应，直接返回true,代表这个名字是可以用的
修改的时候没有密码
添加时显示密码,并且把它启用
//把所有带 data-save属性的元素显示起来
$("[data-save]").show();//把对应的元素启用
$("[data-save] input").validatebox(“enable”)
修改时隐藏密码，并且把它禁用
//把所有带 data-save属性的元素隐藏起来
$("[data-save]").hide();//对应的元素禁用(这个值就不会提交到后台)
$("[data-save] input").validatebox(“disable”);
修改回显
// 关连对象回显需要做的操作if(row.department){
row[“department.id”] = row.department.id;
}
//进行数据的回显(在清空后面)
employeeForm.form(“load”,row);
数据丢失(动态修改)
三种解决方案(隐藏域,SQL不修改,先到数据库查)
@ModelAttribute : 在路径访问这个方法的时候会先执行它
解决n-to-n的问题
添加:/employee/save 修改：/employee/update?cmd=update
@ModelAttribute(“editEmployee”)
public Employee beforeEdit(Long id,String cmd){
//修改的时候才查询(只要有id会就进行一次查询,这是不对的)
if(id!=null && “update”.equals(cmd)) {
Employee dbEmp = employeeService.findOne(id);
//把要传过来的关联对象都清空，就可以解决n-to-n的问题
dbEmp.setDepartment(null);
return dbEmp;
}
return null;
}

//这里的ModelAttribute和上面的名称是对应上的
@RequestMapping("/update")
@ResponseBody
public JsonResult update(@ModelAttribute("editEmployee")Employee employee){
    return saveOrUpdate(employee);
}

save:function () {
var url = “/employee/save”;
var id = $("#employeeId").val();
if(id){
url = “/employee/update?cmd=update”;
}
employeeForm.form(‘submit’, {
url:url,
onSubmit: function(){
//做验证
return $("#employeeForm").form(“validate”);
},
success:function(data){
var result = JSON.parse(data);//转成相应的json数据
if(result.success) {
$(’#employeeGrid’).datagrid(‘reload’);
}else{
$.messager.alert(‘提示信息’,‘操作失败!，原因:’+result.msg,“error”);
}
employeeDialog.dialog(‘close’);
}
})
}
…
}

同步Ajax请求我们也可以用新的方案:
var isSuccess = $.util.requestAjaxBoolean(’/employee/checkUsername’,{username:value});

1.5.后台的功能支持
1.5.1.用户是否重复验证
EmployeeRepository
public interface EmployeeRepository extends BaseRepository<Employee,Long> {

 @Query("select o from Employee o where o.username=?1") 
 Employee findByUsername(String username);

}

IEmployeeService
public interface IEmployeeService extends IBaseService<Employee,Long> {

/**
 * 如果根据用户名查询到了员工 -> 返回false（代表这个用户已经存在）
 * @param username
 * @return
 */
boolean checkUsername(String username);

}

EmployeeServiceImpl
@Service
public class EmployeeServiceImpl extends BaseServiceImpl<Employee,Long> implements IEmployeeService {

@Autowired
private EmployeeRepository employeeRepository;

@Override
public boolean checkUsername(String username) {
    return employeeRepository.findByUsername(username)==null;
}

}

EmployeeController
@RequestMapping("/checkUsername")
@ResponseBody
public Boolean checkUsername(Long id,String username){
if(id!=null) {
//1.根据id拿到对应的员工
Employee dbEmp = employeeService.findOne(id);
//2.判断数据库的员工的username与传过来的username是否相等
if(username.equals(dbEmp.getUsername())){
return true; //相同代表没有修改
}
}
//正常验证
return employeeService.checkUsername(username);
}

1.5.2.完成基本的添加与修改
//添加
@RequestMapping("/save")
@ResponseBody
public Map<String,Object> save(Employee employee){
return saveOrUpdate(employee);
}

//修改
@RequestMapping("/update")
@ResponseBody
public Map<String,Object> update(Employee employee){
return saveOrUpdate(employee);
}

//添加或者修改
private Map<String,Object> saveOrUpdate(Employee employee){
Map<String,Object> map = new HashMap<>();
try {
employeeService.save(employee);
map.put(SUCCESS, true);
} catch (Exception e) {
e.printStackTrace();
map.put(SUCCESS, false);
map.put(“msg”, e.getMessage());
}
return map;
}

解决修改时的用户名问题

2.数据丢失问题
这里我们出现一个新的问题，当我们完成修改之后，咱们的密码就消失不见了，这里咱们有三个解决方案（至少为什么修改后密码会消失不见，请大家自己分析「第一个项目中已经讲解过原因」！）

2.1.三种解决方案
在这里，咱们有三个解决方案：
方案一：隐藏要传递的值（只隐藏，但是数据还是需要传递，这和第一个项目是同相同的方案）
这个方案的优点是简单易理解，缺点是如果字段过多，代码量会比较大，另外这种方案的安全性确实是有
三.修改功能
用户名验证传了id
后台获取id，根据id拿到对应用户，如果数据库的用户名称和传过来的名称相应，直接返回true,代表这个名字是可以用的
修改的时候没有密码
添加时显示密码,并且把它启用
//把所有带 data-save属性的元素显示起来
$("[data-save]").show();//把对应的元素启用
$("[data-save] input").validatebox(“enable”)
修改时隐藏密码，并且把它禁用
//把所有带 data-save属性的元素隐藏起来
$("[data-save]").hide();//对应的元素禁用(这个值就不会提交到后台)
$("[data-save] input").validatebox(“disable”);
修改回显
// 关连对象回显需要做的操作if(row.department){
row[“department.id”] = row.department.id;
}
//进行数据的回显(在清空后面)
employeeForm.form(“load”,row);
数据丢失(动态修改)
三种解决方案(隐藏域,SQL不修改,先到数据库查)
@ModelAttribute : 在路径访问这个方法的时候会先执行它
解决n-to-n的问题
添加:/employee/save 修改：/employee/update?cmd=update
@ModelAttribute(“editEmployee”)
public Employee beforeEdit(Long id,String cmd){
//修改的时候才查询(只要有id会就进行一次查询,这是不对的)
if(id!=null && “update”.equals(cmd)) {
Employee dbEmp = employeeService.findOne(id);
//把要传过来的关联对象都清空，就可以解决n-to-n的问题
dbEmp.setDepartment(null);
return dbEmp;
}
return null;
}

//这里的ModelAttribute和上面的名称是对应上的
@RequestMapping("/update")
@ResponseBody
public JsonResult update(@ModelAttribute("editEmployee")Employee employee){
    return saveOrUpdate(employee);
}
Maybe?
关注
影城项目DAY09 配置座位模板所需资源（二）
07-05
影城项目DAY09 配置座位模板所需资源（二）
影城项目DAY09 配置座位模板所需资源（一）
07-05
影城项目DAY09 配置座位模板所需资源（一）
SSM6.3【Spring：练习-用户列表展示、用户添加和删除操作】
yubaby
07-19 315
用户列表展示 用户添加 用户删除 代码实现 1 package com.haifei.domain; 2 3 import java.util.List; 4 5 public class User { 6 7 private Long id; 8 private String username; 9 private St...
从零开始的全栈工程师——js篇2.2
weixin_30469895的博客
10-16 78
条件语句 补充： var a=“hello world” a这个变量是字符串了 对于里面每一个字母来说 他是字节 里面有11个字节 字节总数用length表示 如下： 根据上面的内容咱们又发现了一个运算方法“.”（符号运算） 符号运算 “+”号表示拼接 “.”表示“的”（在上面这条语句里表示a“的”length） 对于点运算 点前面的叫对象 点后面的叫属性和方法 属性和...
SSSDJ项目day1
GG__bond1的博客
07-09 347
一.SpringDataJpa SpringData -> SpringDataJpa:操作数据库变得更好简单 1.pom.xml配置 <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <org.springframework.version>4.2.5.RELEASE&...
SSSDJ day4
GG__bond1的博客
07-12 138
2019-07-08-day4-代码生成器 1.模板技术 1.1.简介 velocity-1.6.3.jar 默认模板的后缀vm freemarker-2.2.19.jar 默认模板的后缀ftl 1.2.模板技术和jsp的异同 第一次jsp执行流程:jsp转译为java文件,编译为class文件 第2-n次jsp(没有修改)执行流程:直接访问class文件 apache-tomcat-8....
SSSDJ day10
GG__bond1的博客
07-19 303
2.采购订单的模型分析 2.1.从页面怎样判断数据库的关系 如果是下拉列表：一般是多对一，一对一 如果是复选框：一般是多对多,一对多 2.2.类图 2.3.组合关系 2.3.1.页面处理方式 在一个页面同时操作2张表采购订单和采购订单明细 2.3.2.组合关系映射配置要求 1.整体和部分,整体和部分不能分割，本质还是双向一对多 2.一方(主表)： @OneToMany(cascade = Casc...
SSSDJ day8
GG__bond1的博客
07-17 243
1.Java操作Excel 1.1.Java操作办公软件 在开发中，我们经常需要写程序还操作办公软件(其中操作得最多的就是Word与Excel)！ 因此，我们使用代码过生成，读取这些文件的数据也是很重要的一个功能。 而我们Java中，也是提供了相应的操作办公软件的框架，其中，最常用的是下面两种： jxl：只能对Excel进行操作，属于比较老的框架。 POI：是apache的项目，可对ms的word...
Mybatis-Day02
茴香豆的博客
12-27 134
1、Mybatis别名 内置别名 常用基本类型、包装类型、集合类型 自定义别名 ​ 第一种形式：直接配置类 <typeAlias type="cn.itsource.mybatis.query.ProductQuery" alias="productQuery"></typeAlias> <typeAlias type="cn.itsourc...
mybaties-day02
W1184394406的博客
12-26 301
1 mybatis别名(掌握) <typeAliases> <!-- a)内置别名 常用基本类型 和包装类型 8 个 以及集合类型 --> <!-- b)自定义别名(1)单独配置类的实现 <typeAlias type="cn...
Day62_SSJ集成
weixin_44055406的博客
12-07 172
(1)Bean的创建方式 有四种创建4种方式 ①普通方式 <bean id="myBean" class="com.luo._09_createBean._01_base.MyBean"></bean> ②FactoryBean方式 普通方式注入都是通过new出来的，但是有时不希望是直接new出来的，就需要使用FactoryBean方式或者工厂方式 一个类实现了Fact...
python 14、商城项目 2-2_Day02_PM.mp4
03-13
python 14、商城项目 2-2_Day02_PM.mp4
大事件项目Day01.md
07-03
大事件项目Day01.md
计算机前端-核心编程day2-02搭建项目.avi
06-05
计算机前端-核心编程day2-02搭建项目.avi
VB程序实例-运用Mschat图表显示数据(方法二).zip
11-03
VB程序实例-运用Mschat图表显示数据(方法二).zip
VB程序实例-改变Windows图标大小.zip
11-03
VB程序实例，可供参考学习使用，希望对你有所帮助
技术资料分享ZigBee协议栈的研究与实现非常好的技术资料.zip
11-03
技术资料分享ZigBee协议栈的研究与实现非常好的技术资料.zip
pytz-2016.10-py3.1.egg
最新发布
11-03
pytz库的主要功能 时区转换：pytz库允许用户将时间从一个时区转换到另一个时区，这对于处理跨国业务或需要处理多地时间的数据分析尤为重要。 历史时区数据支持：pytz库不仅提供了当前的时区数据，还包含了历史上不同时期的时区信息，这使得它在处理历史数据时具有无与伦比的优势。 夏令时处理：pytz库能够自动处理夏令时的变化，当获取某个时区的时间时，它会自动考虑是否处于夏令时期间。 与datetime模块集成：pytz库可以与Python标准库中的datetime模块一起使用，以确保在涉及不同时区的场景中时间的准确性。
技术资料分享ADV7123非常好的技术资料.zip
11-03
技术资料分享ADV7123非常好的技术资料.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值