易用宝项目记录day3-curd

1.删除

先创建好employee.jsp页面(查easyui文档)
判断前台用户是否选中要删除的内容

是:提示真的要删除

否:提示选中再操作
前台页面传id到后台删除
后台设置一个JsonResult来返回删除是否成功的Boolean值

2.增加

employee.jsp页面增加一个弹出验证框

<%--添加与修改的表单对话框--%>
<div id="editDialog" class="easyui-dialog" title="功能编辑" style="width:400px;"data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true"><form id="editForm" method="post"><input id="employeeId" type="hidden" name="id" /><table cellpadding="5"><tr><td>用户名:</td><%--data-options="required:true"必须输入--%><td><input class="easyui-validatebox" type="text" name="username" data-options="required:true,validType:'checkName'"/></td></tr><tr data-edit="true"><td>密码:</td><td><input id="password" class="easyui-validatebox" type="password" name="password" data-options="required:true"/></td></tr><tr data-edit="true"><td>确认密码:</td><td><input class="easyui-validatebox" type="password" data-options="required:true" validType="equals['password','id']"/></td></tr><tr><td>邮件:</td><td><input class="easyui-validatebox" type="text" name="email" data-options="required:true,validType:'email'"/></td></tr><tr><td>年龄:</td><%--integerRange[1,100]扩展插件--%><td><input class="easyui-validatebox" type="text" name="age" data-options="validType:'integerRange[1,100]'"/></td></tr><tr><td>部门:</td><td><input  name="department.id" class="easyui-combobox"   panelHeight="auto"data-options="valueField:'id',textField:'name',url:'/util/dept',required:true" /></td></tr></table></form><div style="text-align:center;padding:5px"><a href="javascript:void(0)" class="easyui-linkbutton" data-method="save">提交</a><a href="javascript:void(0)" class="easyui-linkbutton" data-method="closeDialog">关闭</a></div>
</div>

在employee.js设置弹窗居中,显示密码框(因为修改需要隐藏)

 //添加add() {//让密码框显示$("*[data-edit]").show();$("*[data-edit] input").validatebox("enable");//修改弹出框TitleeditDialog.dialog('setTitle', "添加");//清空form中的数据editForm.form("clear");//打开弹出框(居中)editDialog.dialog("center").dialog("open");}

密码扩展插件验证,邮箱自带验证及名字的自定义验证

密码扩展插件验证:

<%--验证扩展的样式与js引入--%>
<link rel="stylesheet" type="text/css" href="/easyui/plugin/validatebox/jeasyui.extensions.validatebox.css">
<script src="/easyui/plugin/validatebox/jeasyui.extensions.validatebox.rules.js"></script>

代码:

<tr data-edit="true"><td>密码:</td><td><input id="password" class="easyui-validatebox" type="password" name="password" data-options="required:true"/></td>
</tr>
<tr data-edit="true"><td>确认密码:</td><td><input class="easyui-validatebox" type="password" data-options="required:true" validType="equals['password','id']"/></td>
</tr>

邮箱自带验证:

<tr><td>邮件:</td><td><input class="easyui-validatebox" type="text" name="email" data-options="required:true,validType:'email'"/></td>
</tr>

名字的自定义验证:

//自定义验证用户名是否存在
$.extend($.fn.validatebox.defaults.rules, {//验证名称checkName: {//验证的规则/*value ：文本框当前的值param : 传过来的值(数组)*/validator: function (value, param) {//拿到员工的idvar employeeId = $("#employeeId").val();//用ajax的同步提交!!var result = $.ajax({url: "/employee/checkUsername",data: {username: value, id: employeeId},async: false //false  同步}).responseText;result = JSON.parse(result);//返回false,代表验证失败return result;},//失败提示message: '用户名已存在!'}
});

3.修改

弹出验证框获取到id,传入后台查询数据回显,隐藏密码,头像和id字段
关于密码问题

添加时显示密码,并且把它启用

 //让密码框显示$("*[data-edit]").show();$("*[data-edit] input").validatebox("enable");

修改时隐藏密码，并且把它禁用

 //让密码框失效且隐藏起来$("*[data-edit]").hide();
$("*[data-edit] input").validatebox("disable");

修改回显

//把结果进行回显if (row.department) {row["department.id"] = row.department.id;}editForm.form("load", row);

###3.密码和头像丢失问题

三种解决方案(隐藏域,SQL不修改,先到数据库查)

最好的方法:在EmployeeController.java里设置

@ModelAttribute在执行其他方法前,先执行这个方法

//@ModelAttribute在执行其他方法前,先执行这个方法
@ModelAttribute("editEmployee")
public Employee beforeEdit(Long id, String cmd) {if (id != null && "_upd_".equals(cmd)) {Employee one = employeeService.findOne(id);//解决n-to-n的问题one.setDepartment(null);return one;}return null;
}
//修改
@RequestMapping("/update")
@ResponseBody
public JsonResult update(@ModelAttribute("editEmployee") Employee employee) {try {employeeService.save(employee);return new JsonResult();} catch (Exception e) {e.printStackTrace();return new JsonResult(false, e.getMessage());}
}

易用宝项目记录day3-curd相关推荐

python调用手机蓝牙_米家生态出品，易锁宝蓝牙U型锁，让开锁更灵活
由于工作室的外门是传统老式铁艺门,没办法改指纹锁,只能一直用传统的U型锁来锁住.但是经常出现尴尬的情况就是,到了楼下发现忘带钥匙.再加上最近原本的U型锁出现小问题,开锁不那么顺畅了.所以在换U型锁的时 ...
Android WebView使用及苏宁易付宝支付相关问题
最近项目中应用到苏宁易付宝支付方式项目中遇到了一些问题总结如下: 易付宝使用处理的逻辑代码: public class YiFuBaoWebView extends BaseActivity im ...
UI-网站首页轮播图、易拉宝、发布在微信公众号的宣传海报的图片设计信息
UI交互设计一."新建" 常见的颜色模式: 颜色模式,是将某种颜色表现为数字形式的模型,或者说是一种记录图像颜色的方式.分为:RGB模式.CMYK模式.HSB模式.Lab颜色模式 ...
菜鸟窝-仿京东淘宝项目学习笔记（二）ToolBar的基本使用
本篇知识点均来自于菜鸟窝-仿京东淘宝实战项目视频中今天继续仿京东淘宝项目的学习,第二天,学习ToolBar的基本使用,本篇记录视频中一些重要的笔记笔记一:ToolBar的一些重要属性 xml st ...
易订宝移动营销网络订货平台
易订宝产品介绍易订宝订货管理系统是西安维度云网软件技术有限公司积累多年企业信息化软件开发经验,专为贸易型和生产型企业开发的新一代实时网上订货管理平台,该平台基于互联网,实现分销商(经销商/代理商)与 ...
基于ssm开发的易付宝理财系统
本系统是基于ssm架构(Spring+SpringMVC+MyBatis)开发的易付宝理财中心网站系统,系统以Java作为编程语言,采用Mysql数据库作为后台数据库. 研究的主要内容 (1)用户模块 ...
Java Web 网络商城案例演示十六订单详情功能（支付功能的实现使用易付宝）
sValue.append(p3_Amt); // 交易币种 sValue.append(p4_Cur); // 商品名称 sValue.append(p5_Pid); // 商品种类 sValue. ...
【金融项目】尚融宝项目（一）
1.尚融宝项目简介 1.1.前言尚融宝项目是一个网络借贷信息中介服务平台,为个人投资者.个人融资用户和小微企业提供专业的线上信贷及出借撮合服务. 行业案例:人人贷 https://www.renre ...
机器人x展架制作_易拉宝展架设计制作常规尺寸材质有哪些？
苏州百傲广告传媒有限公司可以经营易拉宝展架制作设计,设计制作易拉宝的常规尺寸材质有哪些?下面给大家介绍一下关于X展架.易拉宝的材料材质以及优点好处. x展架用途和易拉宝相同,是公共场所.活动或商家店铺 ...
机器人x展架制作_门型展架80*180易拉宝x展架海报架广告架立牌展示架地推海报2元优惠券券后价20元...
★门型展架80*180易拉宝x展架海报架广告架立牌展示架地推海报,2元拼多多优惠券★券后价20元★★★门型展架80*180易拉宝x展架海报架广告架立牌展示架地推海报￥20元￥22元已拼5299件点击抢 ...

易用宝项目记录day3-curd

易用宝项目记录day3-curd

1.删除

2.增加

3.修改

易用宝项目记录day3-curd相关推荐

最新文章

热门文章