采购系统(二)
一、用户列表
1.实体分析
(1)数据库表分析
系统用户表: SYSUSER
记录系统所有的用户。
Id: 主键
USERID: 账号
USERNAME: 名称
GROUPID: 用户类别 0:系统管理员 1:卫生局 2:卫生院 3:卫生室 4:供货商
SYSID: 系统用户所属的单位
监督单位表: USERJD
Id: 主键
MC: 单位名称
DQ: 管理区域
医院单位表: USERYY
Id: 主键
MC: 单位名称
DQ: 所属区域
供货商单位表: USERGYS
Id: 主键
Mc: 单位名称
2.需求
(1)自定义查询，查询用户信息
SQL语句:
第一种查询
select *
from (select SYSUSER.id,
SYSUSER.userid,
SYSUSER.username,
SYSUSER.groupid,
SYSUSER.sysid,
nvl(userjd.mc, nvl(useryy.mc, usergys.mc)) sysmc
from SYSUSER
left join userjd
on SYSUSER.Sysid = userjd.id
left join useryy
on SYSUSER.Sysid = useryy.id
left join usergys
on SYSUSER.Sysid = usergys.id
) u
where u.sysmc like '%高村%';
NVL函数
格式: NVL(E1,E2)
解释: 如果E1为NULL，则函数返回E2，否则就返回E1。
NVL2函数
格式: NVL2(E1,E2,E3)
解释: 如果E1为NULL，则函数返回E3，若E1不为null，则返回E2。
第二种查询
select *
from (select SYSUSER.id,
SYSUSER.userid,
SYSUSER.username,
SYSUSER.groupid,
SYSUSER.sysid,
decode(SYSUSER.Groupid,
'1',
(select mc from userjd where id = sysuser.sysid),
'2',
(select mc from userjd where id = sysuser.sysid),
'3',
(select mc from useryy where id = sysuser.sysid),
'4',
(select mc from usergys where id = sysuser.sysid)) sysmc
from SYSUSER)u
where u.sysmc like '%高村%'
DECODE函数
格式: DECODE(value, if1, then1, if2,then2, if3,then3, . . . else)
解释: 如果value的值为if1，Decode 函数的结果是then1；如果value等于if2，Decode函数结果是then2。
3.后台代码
(1)实体类
查询结果的包装类
SysuserCustom.java
查询条件的包装类
SysuserQueryVo.java
由于页面是DataGrid所以查询结果还要封装一个对象
(2)Mapper相关
SysuserMapperCustom.xml
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="yycg.base.dao.mapper.SysuserMapperCustom">
<!-- sql片段 -->
<!-- 用户查询条件 -->
<sql id="quey_sysuser_where">
<if test="sysuserCustom != null">
<if test="sysuserCustom.sysmc != null and sysuserCustom.sysmc !=''">
and sysuser.sysmc like '%${sysuserCustom.sysmc}%'
</if>
<if test="sysuserCustom.userid != null and sysuserCustom.userid !=''">
and sysuser.userid = #{sysuserCustom.userid}
</if>
<if test="sysuserCustom.username != null and sysuserCustom.username !=''">
and sysuser.username = #{sysuserCustom.username}
</if>
<if test="sysuserCustom.groupid != null and sysuserCustom.groupid !=''">
and sysuser.groupid = #{sysuserCustom.groupid}
</if>
</if>
</sql>
<!-- 用户查询 -->
<select id="findSysuserList" parameterType="yycg.base.pojo.vo.SysuserQueryVo" resultType="yycg.base.pojo.vo.SysuserCustom">
select * from (
select SYSUSER.id,
SYSUSER.userid,
SYSUSER.username,
SYSUSER.groupid,
SYSUSER.userstate,
SYSUSER.sysid,
decode(SYSUSER.Groupid,
'1',
(select mc from userjd where id = sysuser.sysid),
'2',
(select mc from userjd where id = sysuser.sysid),
'3',
(select mc from useryy where id = sysuser.sysid),
'4',
(select mc from usergys where id = sysuser.sysid)
) sysmc
from SYSUSER
)sysuser
<where>
<include refid="quey_sysuser_where"/>
</where>
</select>
</mapper>
SysuserMapperCustom.java
(3)Service/Action
SqlMapconfig.xml
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"> <configuration> <!-- 配置分页插件 --> <plugins> <plugin interceptor="com.github.pagehelper.PageHelper"> <!-- 指定使用的数据库 --> <property name="dialect" value="oracle" /> </plugin> </plugins> </configuration>
SysuserAction.java
4.前台页面
JS
<script type="text/javascript"> //datagrid列定义 var columns_v = [ [ { field : 'userid',//对应json中的key title : '账号', width : 120 }, { field : 'username',//对应json中的key title : '名称 ', width : 180 }, { field : 'groupid',//对应json中的key title : '用户类型', width : 120, formatter : function(value, row, index) {
//通过此方法格式化显示内容,value表示从json中取出该单元格的值，row表示这一行的数据，是一个对象,index:行的序号 if(value =='1'){ return "卫生局"; }else if(value =='2'){ return "卫生院"; }else if(value =='3'){ return "卫生室"; }else if(value =='4'){ return "供货商"; }else if(value =='0'){ return "系统管理员"; } } }, { field : 'sysmc',//对应json中的key title : '所属单位', width : 120 }, { field : 'userstate',//对应json中的key title : '状态', width : 120, formatter : function(value, row, index) {
//通过此方法格式化显示内容,value表示从json中取出该单元格的值，row表示这一行的数据，是一个对象,index:行的序号 if(value =='1'){ return "正常"; }else if(value =='0'){ return "暂停"; } } } ] ]; //定义 datagird工具 var toolbar_v = [ {//工具栏 id : 'btnadd', text : '添加', iconCls : 'icon-add', handler : function() { //打开一个窗口，用户添加页面 //参数：窗口的title、宽、高、url地址 createmodalwindow("添加用户信息", 800, 250, '${baseurl}user/queryuserlist.action'); } } ]; //加载datagrid $(function() { $('#sysuserlist').datagrid({ title : '用户查询',//数据列表标题 nowrap : true,//单元格中的数据不换行，如果为true表示不换行，不换行情况下数据加载性能高，如果为false就是换行，换行数据加载性能不高 striped : true,//条纹显示效果 url : '${baseurl}user/queryuserlist.do',//加载数据的连接，引连接请求过来是json数据 idField : 'id',//此字段很重要，数据结果集的唯一约束(重要)，如果写错影响 获取当前选中行的方法执行 loadMsg : '', columns : columns_v, pagination : true,//是否显示分页 rownumbers : true,//是否显示行号 pageList:[15,30,50], toolbar : toolbar_v }); }); //查询方法 function queryuser(){ var grid = $('#sysuserlist'); var options = grid.datagrid('getPager').data("pagination").options; var page = options.pageNumber; var rows = options.pageSize; $('#page').val(page); $('#rows').val(rows); //datagrid的方法load方法要求传入json数据，最终将 json转成key/value数据传入action //将form表单数据提取出来，组成一个json var formdata = $("#sysuserqueryForm").serializeJson(); $('#sysuserlist').datagrid('load',formdata); } </script> </head> <body> <!-- html的静态布局 --> <form id="sysuserqueryForm" action="${baseurl}user/queryuserlist.do"> <!-- 查询条件 --> <TABLE class="table_search"> <TBODY> <TR> <TD class="left">用户账号：</td> <input type="hidden" name="page" id="page"/> <input type="hidden" name="rows" id="rows"/> <td><INPUT type="text" name="sysuserCustom.userid" /></TD> <TD class="left">用户名称：</TD> <td><INPUT type="text" name="sysuserCustom.username" /></TD> <TD class="left">单位名称：</TD> <td><INPUT type="text" name="sysuserCustom.sysmc" /></TD> <TD class="left">用户类型：</TD> <td><select name="sysuserCustom.groupid"> <option value="">请选择</option> <option value="1">卫生局</option> <option value="2">卫生院</option> <option value="3">卫生室</option> <option value="4">供货商</option> <option value="0">系统管理员</option> </select></TD> <td><a id="btn" href="#" onclick="queryuser()" class="easyui-linkbutton" iconCls='icon-search'>查询</a></td> </TR> </TBODY> </TABLE> <!-- 查询列表 --> <TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=center> <TBODY> <TR> <TD> <table id="sysuserlist"></table> </TD> </TR> </TBODY> </TABLE> </form> </body> </html>
//form表单数据转成json (function($){ $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(serializeObj[this.name])){ serializeObj[this.name].push(this.value); }else{ serializeObj[this.name]=[serializeObj[this.name],this.value]; } }else{ serializeObj[this.name]=this.value; } }); return serializeObj; }; })(jQuery);
5.Orcale分页查询
SELECT *
FROM (SELECT A.*, ROWNUM RN
FROM (SELECT * FROM sysuser) A
WHERE ROWNUM <= 40)
WHERE RN >= 21
二、保存用户
1.需求
2.后台代码
(1)Service层
@Override
public void insertSysuser(SysuserCustom sysuser) throws Exception{
Sysuser user = findSysuserByUserId(sysuser.getUserid());
if(user != null){
throw new Exception("账号已经存在了");
}
String groupid = sysuser.getGroupid();
String mc = sysuser.getSysmc();
String mcID = null;
if(groupid.equals("1") || groupid.equals("2")){
// 监督单位
Userjd userjd = findUserjdByMc(mc);
if(userjd == null){
// 抛出异常
throw new Exception("用户单位不存在");
}
mcID = userjd.getId();
}else if(groupid.equals("3")){
// 监督单位
Useryy useryy = findUseryyByMc(mc);
if(useryy == null){
// 抛出异常
throw new Exception("用户单位不存在");
}
mcID = useryy.getId();
}else if(groupid.equals("4")){
// 监督单位
Usergys usergys = findUsergysByMc(mc);
if(usergys == null){
// 抛出异常
throw new Exception("用户单位不存在");
}
mcID = usergys.getId();
}
// 设置主键
UUID uuid = UUID.randomUUID();
String uuid32 = uuid.toString().replace("-", "");
sysuser.setId(uuid32);
sysuser.setSysid(mcID);
sysuserMapoer.insert(sysuser);
}
(2)Action层
3.前台页面
(1)JS代码
表单Ajax提交JS代码
var pathName = window.location.pathname.substring(1); var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/')); var BaseUrl= window.location.protocol + '//' + window.location.host + '/'+ webName + '/'; /* *jquery预读方法 */ jQuery(document).ready(function(){ loadingReady(); }); function loading(){ $("body").append('<div id="load" style="width:100%;position:absolute;top:250px;text-align:center;"><img src="'+BaseUrl+'images/loading2.gif" /></div>'); } function removeLoading(){ $("#load").remove(); } function loadingReady(){ jQuery("body").ajaxSend(function(request,settings,uu){ loading(); }); jQuery("body").ajaxComplete(function(request, settings){ removeLoading(); }); jQuery("body").ajaxError(function(request, settings){ removeLoading(); }); } /* *form提交(post方式) *formname form Name *callbackfn 回调函数名(要求函数必须有参数且不能多与两个,一个参数时参数为响应文本,两个参数时第一个参数为响应文本) *param 回调函数参数(如果为null,那么调用一个参数的回调函数,否则调用两个参数的回调函数) */ function jquerySubByFName(formName,callbackFn,param){ var formObj = jQuery("form[@name=" + formName + "]"); var options = {success: function(responseText) { if(param === null){ callbackFn(responseText); }else{ callbackFn(responseText,param); } }}; formObj.ajaxSubmit(options); } /* *form提交(post方式) *formId form Id *callbackfn 回调函数名(要求函数必须有参数且不能多与两个,一个参数时参数为响应文本,两个参数时第一个参数为响应文本) *param 回调函数参数(如果为null,那么调用一个参数的回调函数,否则调用两个参数的回调函数) */ function jquerySubByFId(formId,callbackFn,param,dataType){ var formObj = jQuery("#" + formId); var options = { dataType: ("undefined"!=dataType && null!=dataType)?dataType:"json", success: function(responseText) { if(param === null){ callbackFn(responseText); }else{ callbackFn(responseText,param); } } }; formObj.ajaxSubmit(options); }
(2)JSP代码
<form id="userform" action="${baseurl}user/addsysusersubmit.do" method="post"> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#c4d8ed> <tbody> <tr> <td background=images/r_0.gif width="100%"> <table cellSpacing=0 cellPadding=0 width="100%"> <tbody> <tr> <td> 系统用户信息</td> <td align=right> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table class="toptable grid" border=1 cellSpacing=1 cellPadding=4 align=center> <tbody> <tr> <td height=30 width="15%" align=right >用户账号：</td> <td class=category width="35%"> <div> <input type="text" id="sysuser_userid" name="sysuserCustom.userid" /> </div> <!-- sysuser_useridTip用于显示提示信息，提示div的id等于校验input的id+Tip --> <div id="sysuser_useridTip"></div> </td> <td height=30 width="15%" align=right >用户名称：</td> <td class=category width="35%"> <div> <input type="text" id="sysuser_username" name="sysuserCustom.username" /> </div> <div id="sysuser_usernameTip"></div> </td> </tr> <tr> <td height=30 width="15%" align=right >用户密码：</td> <td class=category width="35%"> <div> <input type="password" id="sysuser_password" name="sysuserCustom.pwd" /> </div> <div id="sysuser_passwordTip"></div> </td> <td height=30 width="15%" align=right >用户类型：</td> <td class=category width="35%"> <div> <select name="sysuserCustom.groupid" id="sysuser_groupid"> <option value="">请选择</option> <option value="1">卫生局</option> <option value="2">卫生院</option> <option value="3">卫生室</option> <option value="4">供货商</option> <option value="0">系统管理员</option> </select> </div> <div id="sysuser_groupidTip"></div> </td> </tr> <tr> <td height=30 width="15%" align=right >用户单位名称：</td><!-- 用处：根据名称获取单位id --> <td class=category width="35%"> <input type="text" name="sysuserCustom.sysmc" /> </td> <td height=30 width="15%" align=right>用户状态：</td> <td class=category width="35%"> <input type="radio" name="sysuserCustom.userstate" value="1" />正常 <input type="radio" name="sysuserCustom.userstate" value="0" />暂停 </td> </tr> <tr> <td colspan=4 align=center class=category> <a id="submitbtn" class="easyui-linkbutton" iconCls="icon-ok" href="#" onclick="sysusersave()">提交</a> <a id="closebtn" class="easyui-linkbutton" iconCls="icon-cancel"
href="#" onclick="parent.closemodalwindow()">关闭</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </form>
越努力，越幸运！
