编写dao、service、action
编写dao、service、action都非常简单。记得要把模块的配置文件加载到总配置文件中！
ComplainAction代码如下：
public class ComplainAction extends BaseAction { /*************注入Service************************/ @Autowired private ComplainService complainServiceImpl; /************数据自动封装，给出setter和getter*************************/ private Complain complain; public Complain getComplain() { return complain; } public void setComplain(Complain complain) { this.complain = complain; } /************Action中7大方法*************************/ //抛出Action异常 public String listUI() throws ServiceException, UnsupportedEncodingException { //把状态的集合带过去 QueryHelper queryHelper = new QueryHelper(Complain.class, "c"); //当前页数没有值，那么赋值为1 if (currentPageCount == 0) { currentPageCount = 1; } //把状态带过去给JSP页面 ActionContext.getContext().getContextMap().put("complainStateMap", Complain.COMPLAIN_STATE_MAP); pageResult = complainServiceImpl.getPageResult(queryHelper,currentPageCount); return "listUI"; } }
导入对应的JSP页面…..得到的效果如下：
条件查询
我们来看一下条件查询有几个：可以根据投诉的标题、投诉的时间、投诉的状态进行查询。
对于投诉标题和投诉的状态我们都可以很容易地拿到条件：
//根据complain标题是否为null来判断是否是条件查询。如果complain为空，那么是查询所有。 if (complain != null) { if (org.apache.commons.lang.StringUtils.isNotBlank(complain.getCompTitle())) { selectCondition = URLDecoder.decode(complain.getCompTitle(),"UTF-8"); complain.setCompTitle(selectCondition); queryHelper.addCondition(" c.compTitle like ? ", "%" + complain.getCompTitle() + "%"); } //投诉状态并不需要编码，因为它并不是中文。 if (org.apache.commons.lang.StringUtils.isNotBlank(complain.getState())) { queryHelper.addCondition(" c.state like ? ", "%" + complain.getState() + "%"); } }
那么根据投诉时间来进行查询，我们要怎么做呢？？？我们约定时间是这样的格式：yyyy-MM-dd HH:mm。这样的格式Struts2默认是不支持解析的，那么我们怎么获取呢？？？
有的同学可能会想到类型转换器，我们在Struts2的时候的确是学过类型转换器。。。但是呢，这种方法并不是最好的。我们可以使用DateUtils工具类来得到日期数据！
//先判断时间，通过时间进行筛选后，再进行like模糊查询。那么性能会好一些 if (StringUtils.isNotBlank(startTime)) { startTime = URLDecoder.decode(startTime,"UTF-8"); queryHelper.addCondition(" c.compTime >= ? ", DateUtils.parseDate(startTime, new String[]{"yyyy-MM-dd HH:mm"})); } if (StringUtils.isNotBlank(endTime)) { endTime = URLDecoder.decode(endTime,"UTF-8"); queryHelper.addCondition(" c.compTime <= ? ", DateUtils.parseDate(endTime, new String[]{"yyyy-MM-dd HH:mm"})); }
我们在JSP页面上也使用datepicker组件来让用户选择日期：
投诉时间：<s:textfield id="startTime" name="startTime" cssClass="s_text" cssStyle="width:160px;" readonly="true" onfocus="WdatePicker({'skin':'whyGreen','dateFmt':'yyyy-MM-dd HH:mm'});"/> - <s:textfield id="endTime" name="endTime" cssClass="s_text" cssStyle="width:160px;" readonly="true" onfocus="WdatePicker({'skin':'whyGreen','dateFmt':'yyyy-MM-dd HH:mm'});"/>
受理回复
提供处理受理的UI界面。根据id查找投诉的全部信息。
//提供受理的UI public String dealUI() { //把状态传递过去 ActionContext.getContext().getContextMap().put("complainStateMap", Complain.COMPLAIN_STATE_MAP); //得到想要受理的记录 if (complain != null) { complain = complainServiceImpl.findObjectById(complain.getCompId()); } return "dealUI"; }
在处理受理的JSP页面上要把投诉的id给发送给Action处理。不然在保存信息的时候，就会把投诉信息丢失了！。在Action中通过id重新查找回投诉的信息！
//受理 public String deal() { //修改投诉信息的处理状态 if (complain != null) { //查找到信息 complain = complainServiceImpl.findObjectById(complain.getCompId()); //如果状态是已处理了，那么就不用再修改了 if (!complain.getState().equals(Complain.COMPLAIN_STATE_DONE)) { complain.setState(Complain.COMPLAIN_STATE_DONE); } } //保存回复的信息 if (reply != null) { //更新回复的日期 reply.setReplyTime(new Timestamp(new Date().getTime())); //把回复信息添加到投诉信息中【关联关系】 reply.setComplain(complain); complain.getComplainReplies().add(reply); } //级联更新 complainServiceImpl.update(complain); return "list"; }
显示回复信息
我们在处理投诉的时候，应该把回复的历史信息给处理的人看…..
把回复的信息遍历出来。
<s:iterator value="complain.complainReplies" status="st"> <tr> <%--得到所有回复的信息--%> <td colspan="2"> <fieldset style="border: solid 1px #c0c0c0;margin-top:5px;"><legend style="color:green;font-weight:bold;"> 回复<s:property value="#st.count"/> </legend> <div style="width:100%; text-align:center;color:#ccc;maring-top:5px;"> 回复部门：<s:property value="replyDept"/> 回复人：<s:property value="replyer"/> 回复时间：<s:date name="replyTime" format="yyyy-MM-dd HH:mm"/> </div> <div style="width:100%;maring-top:10px;font-size:13px;padding-left:5px;"><s:property value="replyContent"/></div> </fieldset> </td> </tr> </s:iterator>
现在有一个问题，就是我们使用的是set集合，它所有的回复信息并不是按照顺序来排列的。我们可以在hbm配置文件中指定我们set集合的顺序：
那么在显示的时候，我们的回复顺序就不会被搞乱了。
匿名投诉
在需求中，我们已经看到了，如果投诉的人是匿名投诉的，那么我们不能显示该投诉人的名字、部门。他的号码应该设置成1372342类型的。
其实我们只要在显示对应值的前面判断该投诉人是否是匿名投诉就行了。
<td> <s:if test="%{complain.isNm==0}"> <%--138****2342类型--%> <s:property value="complain.compMobile"/> </s:if> <s:else> <s:property value="%{complain.compMobile.substring(0,3)+'****'+complain.compMobile.substring(7,11)}"/> </s:else> </td>
我要投诉二级联动
用户可以在首页上通过“我要投诉”超链接对工作人员进行投诉..当然了，用户点击“我要投诉”超链接的时候，应该在新的页面上给出对应的页面，所以指定target为“_blank”..
我们在指定部门的时候，下拉菜单应该在后台给出对应的的员工。这就需要我们用到ajax进行二级菜单的二级联动了。
我们在返回JSON格式有两种方式：第一种就是没有使用Struts2框架的时候，
使用三个开发包commons-beanutils-1.8.0，ezmorph-1.0.6，json-lib-2.3-jdk15。使用JSONObject对象来构建JSON字符串，使用流对象返回给浏览器。
我们如果使用了Struts2框架的话，直接导入：struts2-json-plugin-2.3.20这么一个开发包，并且在配置文件中指定继承json-defalut包，返回的类型是JSON的话。那么Struts2框架就会自动帮我们在该Action中所拥有getter方法的属性就生成JSON格式返回给浏览器。。。当然了，我们可能不想Struts2把全部带有getter的属性都生成JSON返回给浏览器，我们只要在返回JSON类型上指定参数root，就可以指定生成哪一个属性自动生成JSON字符串返回给浏览器了。
当然了，无论是没有使用Struts2框架，还是有使用Struts2框架，我们都是有过Demo的。详情请参考博文：http://blog.csdn.net/hon_3y/article/details/72468761和http://blog.csdn.net/hon_3y/article/details/72480126
另外，我们手动访问Acttion给出对应的参数，就可以看到服务器返回的JSON是什么了。最后我们使用HiJson这样的工具，就可以把返回的JSON进行格式化。
那么，我们的代码是这样的：
使用ajax返回服务器。
function doSelectDept() { var $dept = $("#toCompDept option:selected").val(); //初始化清空 if($dept =="0"){ $("#toCompName").empty(); } $.ajax({ type: "post", url: "${basePath}sys/home_getUserJson.action", data: {"dept":$dept}, dataType: "json", success: function (data) { if("success" == data.msg){ var toCompName = $("#toCompName"); toCompName.empty(); $.each(data.userList, function(index, user){ toCompName.append("<option value='" + user.name + "'>" + user.name + "</option>"); }); } else {alert("获取被投诉人列表失败！");} }, error: function () { alert("失败咯") } }); }
使用一个Map集合装载这些数据，Struts2自动把Map集合的数据转成是JSON格式的，返回给浏览器。
private Map<String, Object> return_map; public Map<String, Object> getReturn_map() { return return_map; } public String getUserJson() { //得到带过来的dept String dept = ServletActionContext.getRequest().getParameter("dept"); if (dept != null) { //根据部门查询所有的员工 QueryHelper queryHelper = new QueryHelper(User.class, "u"); queryHelper.addCondition(" u.dept like ? ", "%" +dept); //2、根据部门查询用户列表 return_map = new HashMap(); return_map.put("msg", "success"); return_map.put("userList", userServiceImpl.findObjects(queryHelper)); } return "success"; }
我要投诉保存信息
我们在投诉的内容上添加上富文本框，让用户可以在文本域上传上图片….
加上一个富文本框是非常简单的，只要导入对应的js文件，在textarea上写上ueditor的id就可以完成效果了。。。
<script type="text/javascript" charset="utf-8" src="${basePath}js/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="${basePath}js/ueditor/ueditor.all.min.js"> </script> <script type="text/javascript" charset="utf-8" src="${basePath}js/ueditor/lang/zh-cn/zh-cn.js"></script> <script type="text/javascript"> //配置ueditor的根路径 var UEDITOR_HOME_URL = "${basePath}js/ueditor/"; var ue = UE.getEditor('editor'); </script> <td><s:textarea id="editor" name="comp.compContent" cssStyle="width:90%;height:160px;"/></td>
再次观察我们的投诉页面，表单里面的值只有是被投诉人的信息，投诉人的信息是没有的。于是我们在表单中把投诉人的信息通过隐藏域将其添加进去….
<s:hidden name="comp.compCompany" value="%{#session.SYS_USER.dept}"></s:hidden> <s:hidden name="comp.compName" value="%{#session.SYS_USER.name}"></s:hidden> <s:hidden name="comp.compMobile" value="%{#session.SYS_USER.mobile}"></s:hidden>
那我们保存“我要投诉”信息的流程应该是怎么样的呢？？？为了达到更好的用户体验，我们应该先把提示用户数据已经保存起来了，然后刷新父窗口，接着把“我要投诉”本页面给关闭了。这样用户看起来，就觉得他的操作已经是成功了！
下面是整个“我要投诉”操作的时序图：
代码：
public void saveComplain() { try { if (comp != null) { //把投诉的缺少的信息补全 comp.setState(Complain.COMPLAIN_STATE_UNDONE); comp.setCompTime(new Timestamp(new Date().getTime())); //调用service保存 complainServiceImpl.save(comp); //告诉浏览器保存信息成功了。 ServletActionContext.getResponse().getWriter().write("success"); } } catch (IOException e) { e.printStackTrace(); } }
提示用户已经投诉成功，把父窗口刷新，本页面关闭。
function saveComplain() { $.ajax({ url: "${basePath}sys/home_saveComplain.action", /*将整个表单的属性转成是JSON*/ data: $("form").serialize(), type: "post", success: function (backdata) { if(backdata == "success"){ //告诉用户，保存成功了。 alert("投诉成功！！！"); //把父窗口刷新 window.opener.parent.location.reload(true); //把本页面关闭 window.close(); } }, error:function () { alert("保存投诉信息失败了！"); } }); }
