一。功能簡介:前端
實現手機客戶端上的發電量的查詢,具體爲今日電量,昔日電量,昔月電量;登錄,手機綁定和密碼修改功能。web
三個查詢的數據皆爲變量,注:今日電量每小時更新一次。ajax
二.思路:spring
由客戶提供接口,而後咱們這邊調用接口,獲取數據。在jsp展現,內容爲文本及圖片。json
後端,寫接口處理方法,處理方法返回的xml;寫controller,void類型,返回json;後端
前端,除登錄外,所有爲異步處理。js,動態給label賦值,拼湊ichartjs函數。tomcat
三。實施:網絡
(1)後臺數據結構
設計數據結構,根據要展現的字段及ichartjs的data要求定義實體類Modeldata,另添加字段exception;用於顯示異常。mvc
創建一個WebSUtil類,傳入webservice方法外,還有modelData,在DAO中給ModelDAta賦值並傳出。
modeldata加入list,list轉化成json,傳回前臺。
接受json, eval(data);
(2)前臺。
pastday的日期不該超過今日。pastmonth的月份不能超過今月,且begin月份要小於end月份。
對日期作驗證。
電站選擇,login是得到電站列表,model.set(list)的,forEach,用select電站有了默認值。
異步請求,接受數據給標籤賦值。ichartjs折線圖的data爲list(js是數據),直接賦值。繪出圖表。
自動刷新:setInterval(,1000*60*20);
異常處理:hint (exception);
四:環境:springmvc,開發工具:STS;servicer:tomcat
五:我的體會;
1.在控制器中處理異常,dao層的異常上拋到controller,讓用戶知道是網絡異常形成的問題。
2.設計好Datamodel,一個ajax中不能出現重疊的字段。
3.一些設計界面表現的儘可能寫在jsp中,便於修改。
4.儘可能不要在實體類中給字段賦值。