纳税服务系统七（投诉管理模块）【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】...
生活随笔
收集整理的這篇文章主要介紹了
纳税服务系统七（投诉管理模块）【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
投訴受理管理模塊
接下來，就是來開發我們的投訴受理管理模塊了…..我們來看看原型圖與需求吧：
查詢用戶提交的投訴信息，可以根據投訴部門（部門A/B）、投訴時間段、狀態進行查詢。在列表信息中展示投訴標題、被投訴部門、被投訴人、投訴時間、狀態（待受理、已受理、已失效）、操作；其中操作欄內內容為“處理”，點擊“處理”則在打開的查詢頁面中查看具體的投訴信息并且可以多次回復投訴信息；一旦回復則說明已受理該投訴。
投訴詳細信息：在本頁面中首先要明顯地展示出當前投訴是否已經受理；然后再顯示投訴人信息、被投訴信息、受理信息（歷史受理信息）三部分內容，并且在頁面中可以無限次的對本次受理進行回復。投訴人信息包括：是否匿名投訴、投訴人單位、投訴人姓名、投訴人手機，如果是匿名投訴，則不顯示投訴人單位、姓名并對手機號中間4位號碼使用*號代替。被投訴信息包括：投訴時間、被投訴部門、被投訴人、投訴標題、投訴內容。受理信息：如果有多次回復則將多次的回復信息顯示，顯示內容包括回復時間、回復部門、回復人、受理回復內容；可以再次回復。
這里寫圖片描述這里寫圖片描述根據上面兩張原型圖以及文字說明，我們可以發現：一個投訴信息可對應多個回復。
在“工作主頁”中點擊“我要投訴”進入頁面，添加內容包括：投訴標題、被投訴部門（部門A/B）、被投訴人、投訴詳情、是否匿名投訴。
這里寫圖片描述關鍵在于匿名投訴的那一部分，我們該怎么寫….
統計：根據年度將相應年度的每個月的投訴數進行統計，并以圖表的形式展示在頁面中；在頁面中可以選擇查看當前年度及其前4年的投訴數。在頁面中可以選擇不同的年度，然后頁面展示該年度的曲線統計圖。
這里寫圖片描述這個統計圖，大概也需要用到組件來生成出來的吧？？？
自動投訴受理：在每個月月底最后一天對本月之前的投訴進行自動處理；將投訴信息的狀態改為 已失效。在后臺管理中不能對該類型投訴進行回復。
自動投訴受理？？在每個月的最后一天判斷投訴信息，程序對其自動受理。。
投訴受理開發
我們首先來畫一個流程圖看看它的大概思路是怎么樣的：
這里寫圖片描述Hibernate逆向工程
我們經過上面的分析，知道了：一個投訴信息可對應多個回復。是一對多的關系。我們下面使用powerdesginer來畫出它的概念數據模型圖
這里寫圖片描述生成物理模型圖：
這里寫圖片描述生成數據庫表：
/*==============================================================*//* DBMS name: ? ? ?MySQL 5.0 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?*//* Created on: ? ? 2017/6/12 19:06:20 ? ? ? ? ? ? ? ? ? ? ? ? ? *//*==============================================================*/drop table if exists complain;drop table if exists complain_reply;/*==============================================================*//* Table: complain ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?*//*==============================================================*/create table complain( ? comp_id ? ? ? ? ? ? ?varchar(32) not null, ? comp_company ? ? ? ? varchar(100), ? comp_name ? ? ? ? ? ?varchar(20), ? comp_mobile ? ? ? ? ?varchar(20), ? is_NM ? ? ? ? ? ? ? ?bool, ? comp_time ? ? ? ? ? ?datetime, ? comp_title ? ? ? ? ? varchar(200) not null, ? to_comp_name ? ? ? ? varchar(20), ? to_comp_dept ? ? ? ? varchar(100), ? comp_content ? ? ? ? text, ? state ? ? ? ? ? ? ? ?varchar(1), ? primary key (comp_id));/*==============================================================*//* Table: complain_reply ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?*//*==============================================================*/create table complain_reply( ? reply_id ? ? ? ? ? ? varchar(32) not null, ? comp_id ? ? ? ? ? ? ?varchar(32) not null, ? replyer ? ? ? ? ? ? ?varchar(20), ? reply_dept ? ? ? ? ? varchar(100), ? reply_time ? ? ? ? ? datetime, ? reply_content ? ? ? ?varchar(300), ? primary key (reply_id));alter table complain_reply add constraint FK_comp_reply foreign key (comp_id) ? ? ?references complain (comp_id) on delete restrict on update restrict;/* DBMS name: ? ? ?MySQL 5.0 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?*/
/* Created on: ? ? 2017/6/12 19:06:20 ? ? ? ? ? ? ? ? ? ? ? ? ? */
/*==============================================================*/
drop table if exists complain;
drop table if exists complain_reply;
/*==============================================================*/
/* Table: complain ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?*/
/*==============================================================*/
create table complain
(
? comp_id ? ? ? ? ? ? ?varchar(32) not null,
? comp_company ? ? ? ? varchar(100),
? comp_name ? ? ? ? ? ?varchar(20),
? comp_mobile ? ? ? ? ?varchar(20),
? is_NM ? ? ? ? ? ? ? ?bool,
? comp_time ? ? ? ? ? ?datetime,
? comp_title ? ? ? ? ? varchar(200) not null,
? to_comp_name ? ? ? ? varchar(20),
? to_comp_dept ? ? ? ? varchar(100),
? comp_content ? ? ? ? text,
? state ? ? ? ? ? ? ? ?varchar(1),
? primary key (comp_id)
);
/*==============================================================*/
/* Table: complain_reply ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?*/
/*==============================================================*/
create table complain_reply
(
? reply_id ? ? ? ? ? ? varchar(32) not null,
? comp_id ? ? ? ? ? ? ?varchar(32) not null,
? replyer ? ? ? ? ? ? ?varchar(20),
? reply_dept ? ? ? ? ? varchar(100),
? reply_time ? ? ? ? ? datetime,
? reply_content ? ? ? ?varchar(300),
? primary key (reply_id)
);
alter table complain_reply add constraint FK_comp_reply foreign key (comp_id)
? ? ?references complain (comp_id) on delete restrict on update restrict;
生成實體與配置文件：
Intellij idea下生成出來的映射文件是沒有對應的關聯關系的。也就是說：一對多或多對多的關系，它是不會幫你自動生成的【好像是這樣子的】。。。因此，需要我們自己添加Set【如果需要】
? ? ? ?<set name="complainReplies" inverse="true" cascade="save-update,delete" lazy="false" > ? ? ? ? ? ?<key> ? ? ? ? ? ? ? ?<column name="comp_id" length="32" not-null="true" /> ? ? ? ? ? ?</key> ? ? ? ? ? ?<one-to-many class="zhongfucheng.complain.entity.ComplainReply" /> ? ? ? ?</set>? ? ? ? ? ?<key>
? ? ? ? ? ? ? ?<column name="comp_id" length="32" not-null="true" />
? ? ? ? ? ?</key>
? ? ? ? ? ?<one-to-many class="zhongfucheng.complain.entity.ComplainReply" />
? ? ? ?</set>
編寫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"; ? ?}}class ComplainAction extends BaseAction {? ?/*************注入Service************************/
? ?
? ?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() + "%"); ? ? ? ? ? ?} ? ? ? ?}? ? ? ?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"})); ? ?}? ?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'});"/>? ? ? ? ?-
? ? ? ? <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"; ? ?}? ?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"; ? ?}? ?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>? ? ? ?<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>? ? ? ? ? ?<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("失敗咯") ? ? ? ? ? ? ? ?} ? ? ? ? ? ?}); ? ? ? ?}? ? ? ? ? ?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"; ? ? ? ?}? ?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>"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></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(); ? ? ? ?} ? ?}? ? ? ?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("保存投訴信息失敗了！"); ? ? ? ? ? ? ? ?} ? ? ? ? ? ?}); ? ? ? ?}? ? ? ? ? ?$.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("保存投訴信息失敗了！");
? ? ? ? ? ? ? ?}
? ? ? ? ? ?});
? ? ? ?}
投訴受理的三圈問題
在信息管理模塊的時候，我們就提出了三圈的問題了。何為三圈問題呢？？？就是當我們使用條件查詢出數據的時候，再對查詢出的數據進行操作【修改、保存】，當保存完之后回到列表顯示頁面上的時候，查詢條件就會丟失掉了。也就是說，我們原來查詢出的數據不見了。
首先，我們在Action中使用兩個變量把有可能成為查詢條件的變量記住：
? ?/************三圈問題數據回顯*************************/ ? ?private String compTitle; ? ?private String state; ? ?public String getCompTitle() { ? ? ? ?return compTitle; ? ?} ? ?public void setCompTitle(String compTitle) { ? ? ? ?this.compTitle = compTitle; ? ?} ? ?public String getState() { ? ? ? ?return state; ? ?} ? ?public void setState(String state) { ? ? ? ?this.state = state; ? ?}? ?private String compTitle;
? ?private String state;
? ?public String getCompTitle() {
? ? ? ?return compTitle;
? ?}
? ?public void setCompTitle(String compTitle) {
? ? ? ?this.compTitle = compTitle;
? ?}
? ?public String getState() {
? ? ? ?return state;
? ?}
? ?public void setState(String state) {
? ? ? ?this.state = state;
? ?}
接著，在跳轉到處理投訴頁面的JSP上的時候，把查詢條件的數據查詢出來，把它賦值給變量。然后使用request域對象把數據發給JSP頁面
? ? ? ? ? ?//把查詢條件帶過去給JSP頁面 ? ? ? ? ? ?ActionContext.getContext().getContextMap().put("compTitle", complain.getCompTitle()); ? ? ? ? ? ?ActionContext.getContext().getContextMap().put("state", complain.getState()); ? ? ? ? ? ?ActionContext.getContext().getContextMap().put("startTime", startTime); ? ? ? ? ? ?ActionContext.getContext().getContextMap().put("endTime", endTime);? ? ? ? ? ?ActionContext.getContext().getContextMap().put("compTitle", complain.getCompTitle());
? ? ? ? ? ?ActionContext.getContext().getContextMap().put("state", complain.getState());
? ? ? ? ? ?ActionContext.getContext().getContextMap().put("startTime", startTime);
? ? ? ? ? ?ActionContext.getContext().getContextMap().put("endTime", endTime);
然后在處理投訴頁面的JSP上，通過隱藏域把數據給回Action。。Action在重定向到listUI頁面的時候，就通過配置文件，把參數帶過去：
? ? ? ? ? ?<!--返回列表展示頁面，重定向到列表展示--> ? ? ? ? ? ?<result name="list" type="redirectAction"> ? ? ? ? ? ? ? ?<param name="actionName">complain_listUI</param> ? ? ? ? ? ? ? ?<param name="complain.state">${state}</param> ? ? ? ? ? ? ? ?<param name="complain.compTitle">${compTitle}</param> ? ? ? ? ? ? ? ?<param name="endTime">${startTime}</param> ? ? ? ? ? ? ? ?<param name="startTime">${startTime}</param> ? ? ? ? ? ? ? ?<param name="encode">true</param> ? ? ? ? ? ?</result>? ? ? ? ? ?<result name="list" type="redirectAction">
? ? ? ? ? ? ? ?<param name="actionName">complain_listUI</param>
? ? ? ? ? ? ? ?<param name="complain.state">${state}</param>
? ? ? ? ? ? ? ?<param name="complain.compTitle">${compTitle}</param>
? ? ? ? ? ? ? ?<param name="endTime">${startTime}</param>
? ? ? ? ? ? ? ?<param name="startTime">${startTime}</param>
? ? ? ? ? ? ? ?<param name="encode">true</param>
? ? ? ? ? ?</result>
這樣一來，我們的查詢條件就沒有丟失了。當我們操作完數據的時候，我們的查詢出來的數據還是原來那部分。
Quartz自動受理
回到我們的需求：
自動投訴受理：在每個月月底最后一天對本月之前的投訴進行自動處理；將投訴信息的狀態改為 已失效。在后臺管理中不能對該類型投訴進行回復。
這個需求需求我們要怎么弄呢？？？？要在每個月底最后一天對本月之前的投訴進行自動處理。。。。
記得我們以前在學習Java基礎的時候學過了一個Timer這么一個類，可以用規定的頻率來執行我們的代碼。。。使用起來是非常簡單的：
這里寫圖片描述這里寫圖片描述但是呢，要精確到每個月的月底，這就需要我們人為去判斷時間了，這就非常不方便了。
因此，我們引入了另一個非常好用的框架：Quartz
Quartz
這是一個優秀的開源任務調度框架“quartz”，可以簡單理解成他是Timer的升級版….Spring集成了該框架…
快速入門
我們要使用它，就要導入其開發包：quartz-1.8.6.jar，和Spring對其支持的開發包：org.springframework.context.support-3.0.2.RELEASE
使用它的步驟是十分簡單的，可分成三個步驟：
1、制定任務信息 bean
2、制定任務執行時機（執行觸發器） bean
3、設置任務調度工廠 bean
jobDetail任務詳細信息
1、jobDetail 任務詳細信息；包括調用哪個類；類中的哪個方法；執行時是否可并行執行任務。
? <!-- 1、制定任務信息信息 --> ? <bean id="jobDetail1" class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean"> ? ? ? ? ? ? ?<!-- 設置執行對象 --> ? ? ? ? ? ? ?<property name="targetObject" ref="quartzTask"></property> ? ? ? ? ? ? ?<!-- 設置執行對象中對應的執行方法 --> ? ? ? ? ? ? ?<property name="targetMethod" value="doSimpleTriggerTask"></property> ? ? ? ? ? ? ?<!-- 是否可以同步執行；不可同步執行 --> ? ? ? ? ? ? ?<property name="concurrent" value="false"></property> ? </bean> ? <bean id="jobDetail2" class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean"> ? ? ? ? ? ? ?<!-- 設置執行對象 --> ? ? ? ? ? ? ?<property name="targetObject" ref="quartzTask"></property> ? ? ? ? ? ? ?<!-- 設置執行對象中對應的執行方法 --> ? ? ? ? ? ? ?<property name="targetMethod" value="doCronTriggerTask"></property> ? ? ? ? ? ? ?<!-- 是否可以同步執行；不可同步執行 --> ? ? ? ? ? ? ?<property name="concurrent" value="false"></property> ? </bean>? <bean id="jobDetail1" class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean">
? ? ? ? ? ? ?<!-- 設置執行對象 -->
? ? ? ? ? ? ?<property name="targetObject" ref="quartzTask"></property>
? ? ? ? ? ? ?<!-- 設置執行對象中對應的執行方法 -->
? ? ? ? ? ? ?<property name="targetMethod" value="doSimpleTriggerTask"></property>
? ? ? ? ? ? ?<!-- 是否可以同步執行；不可同步執行 -->
? ? ? ? ? ? ?<property name="concurrent" value="false"></property>
? </bean>
? <bean id="jobDetail2" class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean">
? ? ? ? ? ? ?<!-- 設置執行對象 -->
? ? ? ? ? ? ?<property name="targetObject" ref="quartzTask"></property>
? ? ? ? ? ? ?<!-- 設置執行對象中對應的執行方法 -->
? ? ? ? ? ? ?<property name="targetMethod" value="doCronTriggerTask"></property>
? ? ? ? ? ? ?<!-- 是否可以同步執行；不可同步執行 -->
? ? ? ? ? ? ?<property name="concurrent" value="false"></property>
? </bean>
這里寫圖片描述
trigger任務調度觸發器
2、trigger 任務調度觸發器；主要用于定義jobDetail什么時候執行。觸發器最常用的有兩種：簡單觸發器SimpleTrigger 和 任務觸發器CronTrigger 。SimpleTrigger和jdk的timer類似，只能指定任務執行以什么樣的頻率執行，但無法制定精確的執行時間。CronTrigger則既可以執行簡單觸發器所制定的以頻率來執行的時間，也可以制定復雜的時間計劃來執行。
? <!-- 2、制定任務執行時機（任務執行觸發器） --> ? <bean id="simplerTrigger" class="org.springframework.scheduling.quartz.SimpleTriggerBean"> ? ? ? ? ? <!-- 設置任務詳細 --> ? ? ? ? ? <property name="jobDetail" ref="jobDetail1"></property> ? ? ? ? ? <!-- 設置任務延遲執行時間 ；延遲2秒執行--> ? ? ? ? ? <property name="startDelay" value="2000"></property> ? ? ? ? ? <!-- 設置任務執行頻率；執行頻率為每4秒執行一下 --> ? ? ? ? ? <property name="repeatInterval" value="2000"></property> ? </bean> ? <bean id="cronTrigger" class="org.springframework.scheduling.quartz.CronTriggerBean"> ? ? ? ?<!-- 設置任務詳細 --> ? ? ? ? ? <property name="jobDetail" ref="jobDetail2"></property> ? ? ? ? ? <!-- 設置任務執行時機，cron表達式 --> ? ? ? ? ? <property name="cronExpression" value="* * * 18c * ?"></property> ? </bean>? <bean id="simplerTrigger" class="org.springframework.scheduling.quartz.SimpleTriggerBean">
? ? ? ? ? <!-- 設置任務詳細 -->
? ? ? ? ? <property name="jobDetail" ref="jobDetail1"></property>
? ? ? ? ? <!-- 設置任務延遲執行時間 ；延遲2秒執行-->
? ? ? ? ? <property name="startDelay" value="2000"></property>
? ? ? ? ? <!-- 設置任務執行頻率；執行頻率為每4秒執行一下 -->
? ? ? ? ? <property name="repeatInterval" value="2000"></property>
? </bean>
? <bean id="cronTrigger" class="org.springframework.scheduling.quartz.CronTriggerBean">
? ? ? ?<!-- 設置任務詳細 -->
? ? ? ? ? <property name="jobDetail" ref="jobDetail2"></property>
? ? ? ? ? <!-- 設置任務執行時機，cron表達式 -->
? ? ? ? ? <property name="cronExpression" value="* * * 18c * ?"></property>
? </bean>
這里寫圖片描述
這里我們著重要了解表達式怎么寫：秒 分 時 日 月 周 年【日和周不能同時出現】
這里寫圖片描述schedulerFactory 任務調度工廠
schedulerFactory 任務調度工廠；用于調度各個任務觸發器。
任務調度工廠可以調度多個任務同時進行
? <!-- 3、設置調度工廠 --> ? <bean class="org.springframework.scheduling.quartz.SchedulerFactoryBean"> ? ? ? ? ? <property name="triggers"> ? ? ? ? ? ? ? <list> ? ? ? ? ? ? ? ? ? <!-- <ref bean="simplerTrigger"/> --> ? ? ? ? ? ? ? ? ? <ref bean="cronTrigger"/> ? ? ? ? ? ? ? </list> ? ? ? ? ? </property> ? </bean>? <bean class="org.springframework.scheduling.quartz.SchedulerFactoryBean">
? ? ? ? ? <property name="triggers">
? ? ? ? ? ? ? <list>
? ? ? ? ? ? ? ? ? <!-- <ref bean="simplerTrigger"/> -->
? ? ? ? ? ? ? ? ? <ref bean="cronTrigger"/>
? ? ? ? ? ? ? </list>
? ? ? ? ? </property>
? </bean>
這里寫圖片描述
自動受理
回到我們的需求，我們已經大概了解了Quartz這么一個開源框架使用了。我們就可以在每個月的最后一天中去執行我們對應的代碼就行了。
在Spring配置文件中加入Quartz框架….
我們在Service中執行對應的代碼：
? ?<!-- 1、制定任務信息信息 --> ? ?<bean id="jobDetail1" class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean"> ? ? ? ?<!-- 設置執行對象 --> ? ? ? ?<property name="targetObject" ref="complainServiceImpl"></property> ? ? ? ?<!-- 設置執行對象中對應的執行方法 --> ? ? ? ?<property name="targetMethod" value="doTask"></property> ? ? ? ?<!-- 是否可以同步執行；不可同步執行 --> ? ? ? ?<property name="concurrent" value="false"></property> ? ?</bean> ? ?<!-- 2、制定任務執行時機（任務執行觸發器） --> ? ?<bean id="cronTrigger" class="org.springframework.scheduling.quartz.CronTriggerBean"> ? ? ? ?<!-- 設置任務詳細 --> ? ? ? ?<property name="jobDetail" ref="jobDetail1"></property> ? ? ? ?<!-- 設置任務執行時機，cron表達式 --> ? ? ? ?<property name="cronExpression" value="10 10 2 L * ?"></property> ? ?</bean> ? ?<!-- 3、設置調度工廠 --> ? ?<bean class="org.springframework.scheduling.quartz.SchedulerFactoryBean"> ? ? ? ?<property name="triggers"> ? ? ? ? ? ?<list> ? ? ? ? ? ? ? ?<ref bean="cronTrigger"/> ? ? ? ? ? ?</list> ? ? ? ?</property> ? ?</bean></beans>? ?<bean id="jobDetail1" class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean">
? ? ? ?<!-- 設置執行對象 -->
? ? ? ?<property name="targetObject" ref="complainServiceImpl"></property>
? ? ? ?<!-- 設置執行對象中對應的執行方法 -->
? ? ? ?<property name="targetMethod" value="doTask"></property>
? ? ? ?<!-- 是否可以同步執行；不可同步執行 -->
? ? ? ?<property name="concurrent" value="false"></property>
? ?</bean>
? ?<!-- 2、制定任務執行時機（任務執行觸發器） -->
? ?<bean id="cronTrigger" class="org.springframework.scheduling.quartz.CronTriggerBean">
? ? ? ?<!-- 設置任務詳細 -->
? ? ? ?<property name="jobDetail" ref="jobDetail1"></property>
? ? ? ?<!-- 設置任務執行時機，cron表達式 -->
? ? ? ?<property name="cronExpression" value="10 10 2 L * ?"></property>
? ?</bean>
? ?<!-- 3、設置調度工廠 -->
? ?<bean class="org.springframework.scheduling.quartz.SchedulerFactoryBean">
? ? ? ?<property name="triggers">
? ? ? ? ? ?<list>
? ? ? ? ? ? ? ?<ref bean="cronTrigger"/>
? ? ? ? ? ?</list>
? ? ? ?</property>
? ?</bean>
</beans>
查詢出未處理和是本月前的記錄，修改成是失效的。
? ?@Override ? ?public void doTask() { ? ? ? ?//查詢所有待受理的信息 ? ? ? ?QueryHelper queryHelper = new QueryHelper(Complain.class, "c"); ? ? ? ?queryHelper.addCondition(" ?c.state=?", Complain.COMPLAIN_STATE_UNDONE); ? ? ? ?//只要在本月之前 ? ? ? ?Calendar calendar = Calendar.getInstance(); ? ? ? ?calendar.set(Calendar.DAY_OF_MONTH, 1); ? ? ? ?calendar.set(Calendar.HOUR_OF_DAY, 0); ? ? ? ?calendar.set(Calendar.MINUTE, 0); ? ? ? ?calendar.set(Calendar.SECOND, 0); ? ? ? ?queryHelper.addCondition(" c.compTime <?", calendar.getTime()); ? ? ? ?//拿到本月之前所有未處理的數據 ? ? ? ?List<Complain> complains = findObjects(queryHelper); ? ? ? ?//將數據全部改成是失效的了。 ? ? ? ?for (Complain complain : complains) { ? ? ? ? ? ?complain.setState(Complain.COMPLAIN_STATE_INVALID); ? ? ? ?} ? ?}}? ?public void doTask() {
? ? ? ?//查詢所有待受理的信息
? ? ? ?QueryHelper queryHelper = new QueryHelper(Complain.class, "c");
? ? ? ?queryHelper.addCondition(" ?c.state=?", Complain.COMPLAIN_STATE_UNDONE);
? ? ? ?//只要在本月之前
? ? ? ?Calendar calendar = Calendar.getInstance();
? ? ? ?calendar.set(Calendar.DAY_OF_MONTH, 1);
? ? ? ?calendar.set(Calendar.HOUR_OF_DAY, 0);
? ? ? ?calendar.set(Calendar.MINUTE, 0);
? ? ? ?calendar.set(Calendar.SECOND, 0);
? ? ? ?queryHelper.addCondition(" c.compTime <?", calendar.getTime());
? ? ? ?//拿到本月之前所有未處理的數據
? ? ? ?List<Complain> complains = findObjects(queryHelper);
? ? ? ?//將數據全部改成是失效的了。
? ? ? ?for (Complain complain : complains) {
? ? ? ? ? ?complain.setState(Complain.COMPLAIN_STATE_INVALID);
? ? ? ?}
? ?}
}
如果已經失效了，那么我們就不讓管理員對其進行回復了。
? ? ?<s:if test="state!=2"> <a href="javascript:doDeal('<s:property value='compId'/>')">受理</a></s:if><a href="javascript:doDeal('<s:property value='compId'/>')">受理</a></s:if>這里寫圖片描述
統計圖Fusionchart
我們在投訴模塊中還有一個功能沒有實現：
統計：根據年度將相應年度的每個月的投訴數進行統計，并以圖表的形式展示在頁面中；在頁面中可以選擇查看當前年度及其前4年的投訴數。在頁面中可以選擇不同的年度，然后頁面展示該年度的曲線統計圖。
我們到目前為止是沒有學過任何的統計圖的工具的，那么我們要怎么解決這個功能呢？？？我們有另外的組件來把統計圖顯示出來：FusionCharts
FusionCharts 是使用javascript 實現統計圖表的js組件；其官網地址：http://www.fusioncharts.com。
具體的是怎么操作的可以看官方文檔，我們以項目的需求來完成對應的功能就行了。
FusionCharts使用
FusionCharts安裝
首先，我們要把對應的JS文檔加入到我們的項目中：
引入Demo
我們只要根據修改Demo的值就可以實現出我們想要的效果了。
需求分析
再次回到我們的需求原型圖，我們看看是怎么樣的：
這里寫圖片描述根據不同的年份，就顯示出不同的統計圖數據…..這明顯就用到了ajax技術。 ?因此可以確定下來，我們的前端就是用ajax進行交互，渲染出對應的統計圖的。
我們的后端就是根據不同的年份，去獲取不同的年份每個月的數據，返回給瀏覽器…
前端分析
我們的需求是得讓我們顯示近5年的統計圖…于是下拉框是我們近5年的….
我們雖然是可以把option中的數據寫死，但是呢，如果過了一年的話，那么我們的數據是不會同步的。當我在2017年寫的時候，到2018年，頁面顯示還是2017年的數據….所以這明顯是不合理的….
要想近5年是動態產生的，就不能夠把數據寫死….于是我們可以在JSP頁面上得到當前年的值，根據當前年就非常容易推出近5年的數據了…
于是我們又可以使用到Calendar這個日歷類了…
在JSP頁面得到當前年的數據，并裝載到list集合中
? ?Calendar calendar = Calendar.getInstance(); ? ?//得到當前年的值 ? ?int ?year = calendar.get(Calendar.YEAR); ? ?//把年份用一個集合裝載 ? ?List yearList = new ArrayList(); ? ?//獲取近5年的值 ? ?for(int i =0; i<5; i++) { ? ? ? ?yearList.add(i, year--); ? ?} ? ?request.setAttribute("yearList", yearList); ? ?request.setAttribute("year", year);? ?//得到當前年的值
? ?int ?year = calendar.get(Calendar.YEAR);
? ?//把年份用一個集合裝載
? ?List yearList = new ArrayList();
? ?//獲取近5年的值
? ?for(int i =0; i<5; i++) {
? ? ? ?yearList.add(i, year--);
? ?}
? ?request.setAttribute("yearList", yearList);
? ?request.setAttribute("year", year);
在Struts的select標簽中把這個集合迭代出來
<s:select id="year" list="#request.yearList" onchange="doAnnualStatistic()"></s:select></s:select>下面是我們的效果：
這里寫圖片描述接著，我們發現FusionCharts這個組件，想要把數據顯示在統計圖表中，我們的JSON數據的格式是需要這樣的：
這里寫圖片描述還有值得注意的地方是，一進入頁面中需要加載當前年度的投訴統計數
? ?<script> ? ? ? ?//頁面一加載就執行方法 ? ? ? ?$(function () { ? ? ? ? ? ?doAnnualStatistic(); ? ? ? ?}); ? ? ? ?//根據年份獲取投訴數 ? ? ? ?function doAnnualStatistic() { ? ? ? ? ? ?//獲取當前年份 ? ? ? ? ? ?var $year = $("#year option:selected").val(); ? ? ? ? ? ?//一進來，如果沒有選擇任何的年數，就顯示當前年份的 ? ? ? ? ? ?if($year=="" || $year==undefined) { ? ? ? ? ? ? ? $year = "${year}"; ? ? ? ? ? ?} ? ? ? ? ? ?//2、統計年度投訴數據并展示圖表 ? ? ? ? ? ?$.ajax({ ? ? ? ? ? ? ? ?url: "${basePath}complain/complain_getAnnualStatisticData.action", ? ? ? ? ? ? ? ?type: "post", ? ? ? ? ? ? ? ?dataType: "json", ? ? ? ? ? ? ? ?data: {"year",$year}, ? ? ? ? ? ? ? ?success: function (backData) { ? ? ? ? ? ? ? ? ? ?if(backData!=null && backData!=""){ ? ? ? ? ? ? ? ? ? ? ? ?var revenueChart = new FusionCharts({ ? ? ? ? ? ? ? ? ? ? ? ? ? ?"type": "line", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"renderAt": "chartContainer", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"width": "600", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"height": "400", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataFormat": "json", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataSource": { ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"chart": { ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"caption": "年度統計投訴數", ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"xAxisName": "月 ? 份", ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"yAxisName": "投 ?訴 數", ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"theme": "fint" ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}, ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"data":backData.chartData ? ? ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ? ? ?}); ? ? ? ? ? ? ? ? ? ? ? ?revenueChart.render(); ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ?}, ? ? ? ? ? ? ? ?error:function () { ? ? ? ? ? ? ? ? ? ?alert("統計投訴數失敗！"); ? ? ? ? ? ? ? ?} ? ? ? ? ? ?}); ? ? ? ?} ? ?</script>? ? ? ?//頁面一加載就執行方法
? ? ? ?$(function () {
? ? ? ? ? ?doAnnualStatistic();
? ? ? ?});
? ? ? ?//根據年份獲取投訴數
? ? ? ?function doAnnualStatistic() {
? ? ? ? ? ?//獲取當前年份
? ? ? ? ? ?var $year = $("#year option:selected").val();
? ? ? ? ? ?//一進來，如果沒有選擇任何的年數，就顯示當前年份的
? ? ? ? ? ?if($year=="" || $year==undefined) {
? ? ? ? ? ? ? $year = "${year}";
? ? ? ? ? ?}
? ? ? ? ? ?//2、統計年度投訴數據并展示圖表
? ? ? ? ? ?$.ajax({
? ? ? ? ? ? ? ?url: "${basePath}complain/complain_getAnnualStatisticData.action",
? ? ? ? ? ? ? ?type: "post",
? ? ? ? ? ? ? ?dataType: "json",
? ? ? ? ? ? ? ?data: {"year",$year},
? ? ? ? ? ? ? ?success: function (backData) {
? ? ? ? ? ? ? ? ? ?if(backData!=null && backData!=""){
? ? ? ? ? ? ? ? ? ? ? ?var revenueChart = new FusionCharts({
? ? ? ? ? ? ? ? ? ? ? ? ? ?"type": "line",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"renderAt": "chartContainer",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"width": "600",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"height": "400",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataFormat": "json",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataSource": {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"chart": {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"caption": "年度統計投訴數",
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"xAxisName": "月 ? 份",
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"yAxisName": "投 ?訴 數",
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"theme": "fint"
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"data":backData.chartData
? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ?});
? ? ? ? ? ? ? ? ? ? ? ?revenueChart.render();
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ?error:function () {
? ? ? ? ? ? ? ? ? ?alert("統計投訴數失敗！");
? ? ? ? ? ? ? ?}
? ? ? ? ? ?});
? ? ? ?}
? ?</script>
后端分析
我們的后端就是根據年份，獲取對應的值，返回一個JSON格式給瀏覽器，那就行了…
但是呢，我們還有其他的細節需要考慮：今年是2017年7月，但是在查詢年度投訴數是要把整個年的信息查詢出來，8-12月的投訴數肯定是沒有的。那么我們會將還沒到的時間設置成“”，如果在2016年的某月是沒有投訴數的，我們應該將其替換成0，而不是“"….
在action中，我們得獲取到用戶傳遞過來的年份，我們調用service、dao層的方法獲取該年度對應每個月的投訴數，轉換成JSON格式輸出就行了。
我們知道前端需要的JSON格式是一個對象數組，最終目的就是數組：Struts2框架在最后解析的時候，會把集合解析成是數組。對象數組在java編程語言就是List集合中嵌套著Map集合。
在后端中，還有一個難點，就是我們的SQL語句該怎么寫？？？？我們要從數據庫查詢的是該年份每個月的投訴數….
通過該年而查詢每個月，我們可以很快地想到要用到分組查詢。但是還有一個問題，我們在進行分組查詢的時候，如果表中是沒有1月或2月等數組的話，分組查詢出來的數據是沒有這些月份的。而我們的統計圖是需要所有月份的數據的。咋看一下，我們是需要把查詢出來的數據做循環判斷，得看看有沒有該月份，如果沒有該月份還得把數據填充進去。。還得判斷該月份是不是本年度的….這樣想一下就覺得麻煩了……
select month(comp_time) as '月份',count(*) '總數'from complainwhere year(comp_time)=?group by month(comp_time)month(comp_time) as '月份',count(*) '總數'from complain
where year(comp_time)=?
group by month(comp_time)
這里寫圖片描述
再次回到前面分析的，如果本年度的月份還沒有到，那么將該月的數據設置為“”，如果是其他年份的的月份查出的數據為null，那么我們應該把這些月份的投訴數設置為0而不是”“…..
但是呢，我們現在有一個辦法，可以在查詢的時候，不管該月份有沒有數據，都得顯示出來….這就是左外連接
于是我們自己手動生成一張擁有12個月份的數據表，跟我們的投訴表進行左外連接…
這里寫圖片描述 ? ?select imonth, count(comp_id) ? ?from t_month left join complain on imonth=month(comp_time) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?and year(comp_time)=2017 ? ?group by imonth ? ?order by imonth;count(comp_id)? ?from t_month left join complain on imonth=month(comp_time)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?and year(comp_time)=2017
? ?group by imonth
? ?order by imonth;
這里寫圖片描述
上面的sql語句的查詢效率是有點低的，我們改造一下，改成是子查詢：
select imonth,c2from t_month left join (select month(comp_time) c1, count(comp_id) c2 from complain where year(comp_time)=? group by month(comp_time)) ton imonth = c1order by imonth;from t_month left join (select month(comp_time) c1, count(comp_id) c2 from complain where year(comp_time)=? group by month(comp_time)) t
on imonth = c1
order by imonth;
代碼實現
dao層根據年份查詢出每個月份的投訴數據
? ?/** ? ? * ? ? * @param year 根據年獲取數據 ? ? * @return ?返回的是一個列表數組 ? ? */ ? ?@Override ? ?public List<Object[]> getAnnualStatisticByYear(int year) { ? ? ? ?//拼接SQL語句 ? ? ? ?StringBuffer buffer = new StringBuffer(); ? ? ? ?buffer.append(" SELECT imonth,c2 ") ? ? ? ?.append(" FROM t_month") ? ? ? ?.append(" LEFT JOIN (SELECT month(comp_time) c1, count(comp_id) c2 FROM complain WHERE YEAR(comp_time)=? GROUP BY MONTH(comp_time)) t") ? ? ? ?.append(" ON imonth = c1") ? ? ? ?.append(" ORDER BY imonth;"); ? ? ? ?SQLQuery sqlQuery = getSession().createSQLQuery(buffer.toString()); ? ? ? ?sqlQuery.setParameter(0, year); ? ? ? ?List<Object[]> list = sqlQuery.list(); ? ? ? ?return list; ? ?}? ?
? ?public List<Object[]> getAnnualStatisticByYear(int year) {
? ? ? ?//拼接SQL語句
? ? ? ?StringBuffer buffer = new StringBuffer();
? ? ? ?buffer.append(" SELECT imonth,c2 ")
? ? ? ?.append(" FROM t_month")
? ? ? ?.append(" LEFT JOIN (SELECT month(comp_time) c1, count(comp_id) c2 FROM complain WHERE YEAR(comp_time)=? GROUP BY MONTH(comp_time)) t")
? ? ? ?.append(" ON imonth = c1")
? ? ? ?.append(" ORDER BY imonth;");
? ? ? ?SQLQuery sqlQuery = getSession().createSQLQuery(buffer.toString());
? ? ? ?sqlQuery.setParameter(0, year);
? ? ? ?List<Object[]> list = sqlQuery.list();
? ? ? ?return list;
? ?}
service層拿到Dao層的數據，判斷是否是本年度的，如果是本年度的，那么還沒有到的月份的數據就設置為”“，如果已經過的了月份，如果沒有數據就設置為0.
返回一個List集合嵌套著Map集合，就可以給前臺解析了。
? ?@Override ? ?public List getAnnualStatisticByYear(int year) { ? ? ? ?List<Object[]> annualStatisticByYear = complainDao.getAnnualStatisticByYear(year); ? ? ? ?List<Map> returnList = new ArrayList<>(); ? ? ? ?//得到本年度和本月份 ? ? ? ?int curYear = Calendar.getInstance().get(Calendar.YEAR); ? ? ? ?//Calerdar月份從0開始， ? ? ? ?int curMonth = Calendar.getInstance().get(Calendar.MONTH)+1; ? ? ? ?//使用Map集合裝載著數據 ? ? ? ?Map<String,Object> map = null; ? ? ? ?for (Object[] objects : annualStatisticByYear) { ? ? ? ? ? ?map = new HashedMap(); ? ? ? ? ? ?//得到月份 ? ? ? ? ? ?Integer month = Integer.valueOf(objects[0] + ""); ? ? ? ? ? ?map.put("label", month + "月"); ? ? ? ? ? ?if (curYear == year) { //是本年度，那么看看月份是否大于本月份 ? ? ? ? ? ? ? ?if (month > curMonth) { ? ? ? ? ? ? ? ? ? ?//將數據設置為"" ? ? ? ? ? ? ? ? ? ?map.put("value", ""); ? ? ? ? ? ? ? ?} else { ? ? ? ? ? ? ? ? ? ?if (objects[1] != null) { ? ? ? ? ? ? ? ? ? ? ? ?map.put("value", objects[1]); ? ? ? ? ? ? ? ? ? ?} else { ? ? ? ? ? ? ? ? ? ? ? ?map.put("value", "0"); ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ?} ? ? ? ? ? ?}else {//不是本年度 ? ? ? ? ? ? ? ?if (objects[1] != null) { ? ? ? ? ? ? ? ? ? ?map.put("value", objects[1]); ? ? ? ? ? ? ? ?} else { ? ? ? ? ? ? ? ? ? ?map.put("value", "0"); ? ? ? ? ? ? ? ?} ? ? ? ? ? ?} ? ? ? ? ? ?returnList.add(map); ? ? ? ?} ? ? ? ?return returnList; ? ?}? ?public List getAnnualStatisticByYear(int year) {
? ? ? ?List<Object[]> annualStatisticByYear = complainDao.getAnnualStatisticByYear(year);
? ? ? ?List<Map> returnList = new ArrayList<>();
? ? ? ?//得到本年度和本月份
? ? ? ?int curYear = Calendar.getInstance().get(Calendar.YEAR);
? ? ? ?//Calerdar月份從0開始，
? ? ? ?int curMonth = Calendar.getInstance().get(Calendar.MONTH)+1;
? ? ? ?//使用Map集合裝載著數據
? ? ? ?Map<String,Object> map = null;
? ? ? ?for (Object[] objects : annualStatisticByYear) {
? ? ? ? ? ?map = new HashedMap();
? ? ? ? ? ?//得到月份
? ? ? ? ? ?Integer month = Integer.valueOf(objects[0] + "");
? ? ? ? ? ?map.put("label", month + "月");
? ? ? ? ? ?if (curYear == year) { //是本年度，那么看看月份是否大于本月份
? ? ? ? ? ? ? ?if (month > curMonth) {
? ? ? ? ? ? ? ? ? ?//將數據設置為""
? ? ? ? ? ? ? ? ? ?map.put("value", "");
? ? ? ? ? ? ? ?} else {
? ? ? ? ? ? ? ? ? ?if (objects[1] != null) {
? ? ? ? ? ? ? ? ? ? ? ?map.put("value", objects[1]);
? ? ? ? ? ? ? ? ? ?} else {
? ? ? ? ? ? ? ? ? ? ? ?map.put("value", "0");
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}else {//不是本年度
? ? ? ? ? ? ? ?if (objects[1] != null) {
? ? ? ? ? ? ? ? ? ?map.put("value", objects[1]);
? ? ? ? ? ? ? ?} else {
? ? ? ? ? ? ? ? ? ?map.put("value", "0");
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ? ? ?returnList.add(map);
? ? ? ?}
? ? ? ?return returnList;
? ?}
action層把service層的數據封裝到Map集合中，嵌套ajax解析Map集合，得到的就是對象數組了。
? ?//返回JSON格式的數據，這里我們就直接用Struts2框架來返回對應的數據就行了。 ? ?public String getAnnualStatisticData() { ? ? ? ?//獲取用戶傳遞過來的年份 ? ? ? ?String str_year = ServletActionContext.getRequest().getParameter("year"); ? ? ? ?if (str_year != null) { ? ? ? ? ? ?int year = Integer.valueOf(str_year); ? ? ? ? ? ?//根據年份去獲取每個月的投訴數 ? ? ? ? ? ?map.put("msg", "success"); ? ? ? ? ? ?map.put("chartData", complainServiceImpl.getAnnualStatisticByYear(year)); ? ? ? ?} ? ? ? ?return "getAnnualStatisticData"; ? ?}? ?public String getAnnualStatisticData() {
? ? ? ?//獲取用戶傳遞過來的年份
? ? ? ?String str_year = ServletActionContext.getRequest().getParameter("year");
? ? ? ?if (str_year != null) {
? ? ? ? ? ?int year = Integer.valueOf(str_year);
? ? ? ? ? ?//根據年份去獲取每個月的投訴數
? ? ? ? ? ?map.put("msg", "success");
? ? ? ? ? ?map.put("chartData", complainServiceImpl.getAnnualStatisticByYear(year));
? ? ? ?}
? ? ? ?return "getAnnualStatisticData";
? ?}
前臺把年份提交給Action，解析出后臺返回的數據，渲染成折線圖….
function doAnnualStatistic() { ? ? ? ? ? ?//獲取當前年份 ? ? ? ? ? ?var $year = $("#year option:selected").val(); ? ? ? ? ? ?//一進來，如果沒有選擇任何的年數，就顯示當前年份的 ? ? ? ? ? ?if($year=="" || $year==undefined) { ? ? ? ? ? ? ? $year = "${year}"; ? ? ? ? ? ?} ? ? ? ? ? ?//2、統計年度投訴數據并展示圖表 ? ? ? ? ? ?$.ajax({ ? ? ? ? ? ? ? ?url: "${basePath}complain/complain_getAnnualStatisticData.action", ? ? ? ? ? ? ? ?type: "post", ? ? ? ? ? ? ? ?dataType: "json", ? ? ? ? ? ? ? ?data: {"year":$year}, ? ? ? ? ? ? ? ?success: function (backData) { ? ? ? ? ? ? ? ? ? ?if(backData!=null && backData!=""){ ? ? ? ? ? ? ? ? ? ? ? ?var revenueChart = new FusionCharts({ ? ? ? ? ? ? ? ? ? ? ? ? ? ?"type": "line", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"renderAt": "chartContainer", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"width": "600", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"height": "400", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataFormat": "json", ? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataSource": { ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"chart": { ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"caption": "年度統計投訴數", ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"xAxisName": "月 ? 份", ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"yAxisName": "投 ?訴 數", ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"theme": "fint" ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}, ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"data":backData.chartData ? ? ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ? ? ?}); ? ? ? ? ? ? ? ? ? ? ? ?revenueChart.render(); ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ?}, ? ? ? ? ? ? ? ?error:function () { ? ? ? ? ? ? ? ? ? ?alert("統計投訴數失敗！"); ? ? ? ? ? ? ? ?} ? ? ? ? ? ?}); ? ? ? ?}? ? ? ? ? ?//獲取當前年份
? ? ? ? ? ?var $year = $("#year option:selected").val();
? ? ? ? ? ?//一進來，如果沒有選擇任何的年數，就顯示當前年份的
? ? ? ? ? ?if($year=="" || $year==undefined) {
? ? ? ? ? ? ? $year = "${year}";
? ? ? ? ? ?}
? ? ? ? ? ?//2、統計年度投訴數據并展示圖表
? ? ? ? ? ?$.ajax({
? ? ? ? ? ? ? ?url: "${basePath}complain/complain_getAnnualStatisticData.action",
? ? ? ? ? ? ? ?type: "post",
? ? ? ? ? ? ? ?dataType: "json",
? ? ? ? ? ? ? ?data: {"year":$year},
? ? ? ? ? ? ? ?success: function (backData) {
? ? ? ? ? ? ? ? ? ?if(backData!=null && backData!=""){
? ? ? ? ? ? ? ? ? ? ? ?var revenueChart = new FusionCharts({
? ? ? ? ? ? ? ? ? ? ? ? ? ?"type": "line",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"renderAt": "chartContainer",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"width": "600",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"height": "400",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataFormat": "json",
? ? ? ? ? ? ? ? ? ? ? ? ? ?"dataSource": {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"chart": {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"caption": "年度統計投訴數",
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"xAxisName": "月 ? 份",
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"yAxisName": "投 ?訴 數",
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"theme": "fint"
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?"data":backData.chartData
? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ?});
? ? ? ? ? ? ? ? ? ? ? ?revenueChart.render();
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ?error:function () {
? ? ? ? ? ? ? ? ? ?alert("統計投訴數失敗！");
? ? ? ? ? ? ? ?}
? ? ? ? ? ?});
? ? ? ?}
總結
如果文章有錯的地方歡迎指正，大家互相交流。習慣在微信看技術文章，想要獲取更多的Java資源的同學，可以關注微信公眾號:Java3y
總結
以上是生活随笔為你收集整理的纳税服务系统七（投诉管理模块）【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux 路由记录文件,Linux路由
- 下一篇： 对网站的疑惑