【javaWeb】第66天——SSH練習第三天
阿新 • • 發佈：2018-11-03
crm練習
課程內容
課程目標
1. 通過SSH框架完成基本功能的開發
使用者模組
功能一：使用者註冊功能
1. 可以先判斷登入名是否已經存在
2. 要給密碼使用MD5進行加密操作
功能二：使用者登入功能
1. 登入功能要注意需要先給密碼加密後，再進行查詢
* 密碼加密後再查詢
* 使用者的狀態必須是1，字串型別的
功能三：使用者退出功能
1. 把使用者資訊從HttpSession中清除
客戶模組
功能一：查詢所有客戶功能
1. 資料字典表的引入 * 資料字典表的作用：規範開發中資料的寫法 * 欄位表與客戶表是一對多的關係 * 修改客戶表，新增外來鍵（使用SQLyog進行修改）
2. 建立字典表的實體和對映的配置檔案
* 編寫字典表的JavaBean和對映的配置檔案
* 修改Customer的JavaBean，因為是多方，需要把外來鍵欄位換成字典物件
* 修改Customer.hbm.xml的配置檔案，配置多對一
3. 分頁查詢所有的客戶功能實現
功能二：按條件查詢所有的客戶
1. 使用非同步的方式載入客戶級別和客戶的來源 * 前端使用JQuery的ajax技術 * 後端使用fastjson的jar包 * 匯入fastjson的開發jar包fastjson-1.2.8.jar * String s = JSON.toJSONString(集合) * String s = JSON.toJSONString(物件) * 如果List集合中存入相同引用的物件 * fastjson預設的情況下是進行迴圈檢測的，去除掉死迴圈呼叫的方式 * 可以使用JSON.toJSONString(p,SerializerFeature.DisableCircularReferenceDetect) 去除迴圈檢測，但是就會出現死迴圈的效果 * 最後可以使用註解：@JSONField(serialize=false)對指定的屬性不轉換成json 2. 非同步獲取客戶級別 * ajax的程式碼 var url = "${pageContext.request.contextPath }/dict_findByCode.action"; var param = {"dict_type_code":"006"}; $.post(url,param,function(data){ $(data).each(function(){ var id = "${model.level.dict_id}"; if(id == this.dict_id){ $("#levelId").append("<option value='"+this.dict_id+"' selected>"+this.dict_item_name+"</option>"); }else{ $("#levelId").append("<option value='"+this.dict_id+"'>"+this.dict_item_name+"</option>"); } }); },"json"); * Action的程式碼 public String findByCode(){ List<Dict> list = dictService.findByCode(dict.getDict_type_code()); String jsonString = FastJsonUtil.toJSONString(list); HttpServletResponse response = ServletActionContext.getResponse(); FastJsonUtil.write_json(response, jsonString); return NONE; } * CustomerAction的分頁查詢的程式碼 public String findByPage(){ // 呼叫service業務層 DetachedCriteria criteria = DetachedCriteria.forClass(Customer.class); // 拼接查詢的條件 String name = customer.getCust_name(); if(name != null && !name.trim().isEmpty()){ criteria.add(Restrictions.like("cust_name", "%"+name+"%")); } // System.out.println(customer.getLevel().getDict_type_code()); Dict level = customer.getLevel(); if(level != null && !level.getDict_id().trim().isEmpty()){ criteria.add(Restrictions.eq("level.dict_id", level.getDict_id())); } Dict source = customer.getSource(); if(source != null && !source.getDict_id().trim().isEmpty()){ criteria.add(Restrictions.eq("source.dict_id", source.getDict_id())); } // 查詢 PageBean<Customer> page = customerService.findByPage(pageCode,pageSize,criteria); // 壓棧 ValueStack vs = ActionContext.getContext().getValueStack(); // 棧頂是map<"page",page物件> vs.set("page", page); vs.set("cust_name", name); return "page"; }
功能三：新增客戶功能（含有檔案上傳功能）
1. 跳轉到客戶的新增頁面，需要通過ajax來顯示客戶的級別，客戶的來源和客戶的行業。 2. 新增檔案上傳的選擇項 3. 客戶端三個注意事項 * method="post" * enctype="multipart/form-data" * <input type="file" name="myfile"> 4. Struts2框架的使用攔截器完成了檔案上傳，並且底層使用也是FileUpload開源的元件。 * 提供 FileUpload 攔截器，用於解析 multipart/form-data 編碼格式請求，解析上傳檔案的內容 * fileUpload攔截器 預設在 defaultStack 棧中， 預設會執行的 * 在Action中編寫檔案上傳，需要定義三個屬性 > 檔案型別File ,屬性名與表單中file的name屬性名一致. > 字串型別String , 屬性名：前段是name屬性名一致 + ContentType; > 字串型別String , 屬性名：前段是name屬性名一致+FileName; > 最後需要為上述的三個屬性提供set方法。 > 可以通過FileUtils提供 copyFile 進行檔案複製，將上傳檔案 儲存到伺服器端 4. 檔案上傳中存在的問題 * 先配置input邏輯檢視 * 在頁面中顯示錯誤資訊 * 檔案上傳的總大小預設值是2M，如果超過了2M，程式會報出異常。可以使用<s:actionError>來檢視具體資訊！ > 解決總大小的設定，找到常量： * struts.multipart.parser=jakarta -- 預設檔案上傳解析器，就是FileUpload元件 * struts.multipart.saveDir= -- 檔案上傳的臨時檔案儲存目錄 * struts.multipart.maxSize=2097152 -- 檔案上傳的最大值（總大小），預設是2M > 可以在struts.xml中設定常量，修改檔案上傳的預設總大小！！！ * <constant name="struts.multipart.maxSize" value="5000000"></constant> 5. 還可以通過配置攔截器來設定檔案上傳的一些屬性 * 先在<action>標籤中引入檔案上傳的攔截器 <interceptor-ref name="defaultStack"> <!-- 設定單個上傳檔案的大小 --> <param name="fileUpload.maximumSize">2097152</param> <!-- 設定副檔名 --> <param name="fileUpload.allowedExtensions">.txt</param> </interceptor-ref>
功能三：修改客戶的功能
1. 先通過客戶的主鍵查詢出客戶的詳細資訊，顯示到修改的頁面上
* 要把客戶的主鍵和上傳檔案的路徑使用隱藏域儲存起來
2. 修改客戶的資訊
* 如果使用者新上傳了檔案，刪除舊的檔案，上傳新的檔案。
* 如果使用者沒有上傳新檔案，正常更新。
功能四：刪除客戶的功能
1. 刪除上傳的檔案後，再刪除客戶資訊。