-
前端代码:(standard.html)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>取派标准</title>
<!-- 导入jquery核心类库 -->
<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
<!-- 导入easyui类库 -->
<link rel="stylesheet" type="text/css" href="../../js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../js/easyui/ext/portal.css">
<link rel="stylesheet" type="text/css" href="../../css/default.css">
<script type="text/javascript" src="../../js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../js/easyui/ext/jquery.portal.js"></script>
<script type="text/javascript" src="../../js/easyui/ext/jquery.cookie.js"></script>
<script src="../../js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
// 先将body隐藏,再显示,不会出现页面刷新效果
$("body").css({visibility:"visible"});
// 收派标准信息表格
$('#grid').datagrid( {
iconCls : 'icon-forward',
fit : true,
border : false,
rownumbers : true,
striped : true,
pageList: [30,50,100],
pagination : true,
toolbar : toolbar,
url : "../../standard_pageQuery.action",
idField : 'id',
columns : columns
});
//给外派标准save按钮添加click事件
$("#save").click(function(){
//判断form中的对象是否都通过校验
if($("#standardForm").form('validate')){
//表单提交
$("#standardForm").submit();
}else{
//校验未通过,显示警告窗口
$.messager.alert("警告","表单存在非法内容","warning");
}
});
});
//工具栏
var toolbar = [ {
id : 'button-add',
text : '增加',
iconCls : 'icon-add',
handler : function(){
/*打开窗口*/
$("#standardWindow").window('open');
}
}, {
id : 'button-edit',
text : '修改',
iconCls : 'icon-edit',
handler : function(){
var rows = $("#grid").datagrid('getSelections');
if(rows.length != 1){
//没选中或者选中多个
$.messager.alert("提示信息","修改数据时,只能选中一行","warning")
}else{ //只选中一个
//数据回显
$("#standardForm").form('load',rows[0]);
//显示窗口
$("#standardWindow").window('open');
}
}
}];
// 定义列
var columns = [ [ {
field : 'id',
checkbox : true
},{
field : 'name',
title : '标准名称',
width : 120,
align : 'center'
}, {
field : 'minWeight',
title : '最小重量',
width : 120,
align : 'center'
}, {
field : 'maxWeight',
title : '最大重量',
width : 120,
align : 'center'
}, {
field : 'minLength',
title : '最小长度',
width : 120,
align : 'center'
}, {
field : 'maxLength',
title : '最大长度',
width : 120,
align : 'center'
}, {
field : 'operator',
title : '操作人',
width : 120,
align : 'center'
}, {
field : 'operatingTime',
title : '操作时间',
width : 120,
align : 'center'
}, {
field : 'company',
title : '操作单位',
width : 120,
align : 'center'
} ] ];
</script>
</head>
<body class="easyui-layout" style="visibility:hidden;">
<div region="center" border="false">
<table id="grid"></table>
</div>
<div class="easyui-window" title="对收派标准进行添加或者修改" id="standardWindow" collapsible="false" minimizable="false" maximizable="false" modal="true" closed="true" style="width:600px;top:50px;left:200px">
<div region="north" style="height:31px;overflow:hidden;" split="false" border="false">
<div class="datagrid-toolbar">
<a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true">保存</a>
</div>
</div>
<div region="center" style="overflow:auto;padding:5px;" border="false">
<form id="standardForm" action="../../standard_save.action" method="post">
<table class="table-edit" width="80%" align="center">
<tr class="title">
<td colspan="2">收派标准信息
<!--提供隐藏域 装载id 如果id有值就执行修改操作,否则,执行添加操作-->
<input type="hidden" name="id" />
</td>
</tr>
<tr>
<td>收派标准名称</td>
<td>
<!-- 检验输入框不能为空 -->
<input type="text" name="name"
class="easyui-validatebox" data-options="required:true" />
</td>
</tr>
<tr>
<td>最小重量</td>
<td>
<!-- 数字框不能为空 -->
<input type="text" name="minWeight"
class="easyui-numberbox" required="true" />
</td>
</tr>
<tr>
<td>最大重量</td>
<td>
<input type="text" name="maxWeight" class="easyui-numberbox" required="true" />
</td>
</tr>
<tr>
<td>最小长度</td>
<td>
<input type="text" name="minLength" class="easyui-numberbox" required="true" />
</td>
</tr>
<tr>
<td>最大长度</td>
<td>
<input type="text" name="maxLength" class="easyui-numberbox" required="true" />
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
class="easyui-window":窗口(window)是一个浮动的、可拖拽的面板,可以当做应用程序窗口使用。默认情况下,窗口可移动、可调整尺寸、可关闭。它的内容既可以通过静态 html 定义,也可以通过 ajax 动态加载。
class="easyui-linkbutton":链接按钮(linkbutton)用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本,或者仅仅显示图标和文本中的一个。按钮宽度可动态收缩/扩展以适应其文本标签。
class="easyui-validatebox":验证框(validatebox)是为了验证表单输入字段而设计的。如果用户输入无效的值,它将改变背景颜色,显示警告图标和提示消息。验证框(validatebox)可与表单(form)插件集成,防止提交无效的字段。
class="easyui-numberbox":数字框(numberbox)用于让用户仅能输入数字的值。它可以把输入元素转换为不同类型的输入(比如:数字 numeric、百分比 percentage、货币 currency,等等)。更多的输入类型依赖 'formatter' 和 'parser' 函数来定义。
-
服务器实现添加收派标准 struts2 表现层
//@Controller:把该类交给Spring容器管理,@Repository,@Service,@Controller意思相同
@Controller
// 设置为多例
@Scope("prototype")
// @Namespace:对应配置文件中的nameSpace,命名空间。
@Namespace("/")
// @ParentPackage:对应xml配置文件中的package的父包,一般需要继承struts-default。
@ParentPackage("json-default")
public class StandardAction extends ActionSupport implements ModelDriven<Standard> {
// 模型驱动
private Standard standard = new Standard();
@Override
public Standard getModel() {
return standard;
}
// 注入Service对象
@Autowired
private StandardService standardService;
/**
* @Action:表示请求的Action及处理方法.
* @Action的属性: value():表示action的请求名称,也就是<action>节点中的name属性.
* results():表示action的多个result;这个属性是一个数组属性,因此可以定义多个Result.
* @Result:这个注解对应了<result>节点。这个注解只能应用于action类上.
* @Result的属性: name():表示action方法的返回值,默认情况下是success.
* location():表示view层文件的位置,可以是相对路径,也可以是绝对路径.
* type():是action的类型,比如redirect,不指定情况下,框架默认的是dispatcher. type =
* "redirect":页面重定向,跳转到jsp页面
*/
@Action(value = "standard_save", results = {
@Result(name = "success", type = "redirect", location = "./pages/base/standard.html") })
// 保存操作
public String save() {
standardService.save(standard);
return SUCCESS;
}
}
-
服务器实现添加收派标准 业务层接口
public interface StandardService {
void save(Standard standard);
}
-
服务器实现添加收派标准 业务层实现类
//@Service:要把该类交给Spring容器管理
@Service
//管理事务
@Transactional
public class StandardServiceImpl implements StandardService {
//注入dao对象
@Autowired
private StandardRepository standardRepository;
@Override
public void save(Standard standard) {
standardRepository.save(standard);
}
}
-
服务器实现添加收派标准 持久层
public interface StandardRepository extends JpaRepository<Standard, Integer> {
}