【javaWeb】第68天——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. 先通過客戶的主鍵查詢出客戶的詳細資訊，顯示到修改的頁面上
* 要把客戶的主鍵和上傳檔案的路徑使用隱藏域儲存起來
* 在edit.jsp中，把客戶的網路地址等資訊刪除掉，沒有用這些欄位。
2. 修改客戶的資訊
* 修改表單的enctype屬性（enctype="multipart/form-data"）
* 給edit.jsp頁面新增檔案上傳項（）
* 如果使用者新上傳了檔案，刪除舊的檔案，上傳新的檔案。
* 如果使用者沒有上傳新檔案，正常更新。
3. 如果要客戶和聯絡人配置了一對多
* 再修改客戶的時候，由於Customer物件中linkmans的set中沒有值，所以在預設修改Customer的時候，會把set集合中的Linkman的外來鍵設定成null
* 建立linkman的SQL語句中，要求外來鍵是不能為null的
* <set name="linkmans" inverse="true">
功能四：刪除客戶的功能
1. 刪除上傳的檔案後，再刪除客戶資訊。
抽取通用的BaseDao功能
1. 通過上面編寫的一些功能，DAO層的程式碼相對比較固定，所以可以想辦法來抽取出通用的方法！！
2. 程式碼如下
private Class clazz;
public BaseDaoImpl(){
Class c = this.getClass();
Type type = c.getGenericSuperclass();
// 判斷
if(type instanceof ParameterizedType){
ParameterizedType ptype = (ParameterizedType) type;
// 獲取實際型別引數
Type[] types = ptype.getActualTypeArguments();
// 獲取0位置的值
clazz = (Class) types[0];
}
}
抽取BaseAction的功能
1. Action需要完成分頁的程式碼，需要接收pageCode和pageSize的請求引數，可以編寫BaseAction用來接收分頁的請求引數
private Integer pageCode = 1;
public void setPageCode(Integer pageCode) {
if(pageCode == null){
pageCode = 1;
}
this.pageCode = pageCode;
}
public Integer getPageCode() {
return pageCode;
}
// 每頁顯示的資料的條數
private Integer pageSize = 2;
public void setPageSize(Integer pageSize) {
this.pageSize = pageSize;
}
public Integer getPageSize() {
return pageSize;
}
public void setVs(String key,Object obj){
ActionContext.getContext().getValueStack().set(key, obj);
}
public void pushVs(Object obj){
ActionContext.getContext().getValueStack().push(obj);
}
聯絡人模組
功能一：查詢聯絡人功能
1. 分頁顯示所有的聯絡人的資料
功能二：新增聯絡人功能
1. 自己完成
功能三：修改聯絡人功能
1. 自己完成
功能四：刪除聯絡人功能
1. 自己完成
客戶拜訪模組
功能一：搭建客戶拜訪表的開發環境（匯入資料中的拜訪客戶的SQL語句）
1. 客戶關係拜訪表是該系統的使用者和客戶之間的關係建立表
* 使用者可以拜訪多個客戶
* 客戶也可以被多個使用者所拜訪
* 所以：使用者和客戶之間應該是多對多的關係，那麼客戶拜訪表就是使用者和客戶的中間表。
* 正常的情況下，在使用者和客戶中新增set集合，在對映的配置檔案中配置<set>標籤即可。
* 但是現在客戶拜訪中間表中存在其他的欄位，預設的情況下，中間表只能維護外來鍵。而不能維護其他的欄位。所以需要把一對多拆開成兩個一對多。
2. 使用者與客戶拜訪表是一對多的關係
3. 客戶與客戶拜訪表是一對多的關係
4. 建立客戶拜訪表的實體類和對映配置檔案
5. 編寫客戶拜訪的Action等類和完成配置
* 先開啟註解的掃描
* <context:component-scan base-package="com.itheima"/>
* Action編寫（@RestController(value="visitAction") @Scope(value="prototype")）
* Service編寫（@Service(value="visitService") @Transactional）
* Dao編寫（@Repository(value="visitDao")）
* 重點是dao中注入SessionFactory物件
@Resource(name="sessionFactory")
public void sSessionFactory(SessionFactory sessionFactory){
// 重點的程式碼
super.setSessionFactory(sessionFactory);
}
功能二：客戶拜訪列表查詢功能
1. 先匯入客戶拜訪的頁面
* 在資料中的（visit資料夾和jquery資料夾）
* visit資料夾複製到jsp的目錄下
* jquery資料夾複製到WebContent目錄下
2. 查詢我的客戶拜訪記錄
* 登入的使用者，點選客戶拜訪列表，查詢該使用者下的所有的拜訪記錄
* 通過使用者的主鍵查詢該使用者下的所有的拜訪記錄
功能三：新增客戶拜訪記錄功能
1. 點選新增客戶拜訪功能選單，跳轉到新增頁面，輸入資訊，儲存資料
* 從HttpSession中獲取到使用者的資訊，設定到拜訪記錄中，儲存到資料庫中
功能四：按條件查詢客戶資訊列表功能
1. 修改list.jsp的頁面，新增開始和結束日期的選項
<TD>拜訪時間：</TD>
<TD>
<INPUT class=textbox id="beginDate" style="WIDTH: 80px" maxLength=50 name="beginDate">
至
<INPUT class=textbox id="endDate" style="WIDTH: 80px" maxLength=50 name="endDate">
</TD>
統計分析模組
功能一：客戶來源統計
1. 想要統計客戶的來源，即該來源下有多少個客戶
* SQL語句：SELECT d.dict_item_name,COUNT(*) FROM base_dict d,cst_customer c WHERE d.dict_id = c.cust_source GROUP BY d.dict_id;
* HQL語句：String hql = "select c.source.dict_item_name,COUNT(*) from Customer c inner join c.source GROUP BY c.source";
使用者登入的攔截器
使用者登入的攔截器功能實現
1. 功能：如果使用者沒有登入，是不能操作後臺的功能的！！
2. 程式碼如下
public class UserInterceptor extends MethodFilterInterceptor{
private static final long serialVersionUID = 335018670739692955L;
/**
* 進行攔截的方法
*/
protected String doIntercept(ActionInvocation invocation) throws Exception {
// 獲取session物件
User user = (User) ServletActionContext.getRequest().getSession().getAttribute("existUser");
if(user == null){
// 說明，沒有登入，後面就不會執行了
return "login";
}
return invocation.invoke();
}
}
3. 配置如下
<interceptors>
<interceptor name="UserInterceptor" class="com.itheima.web.interceptor.UserInterceptor"/>
</interceptors>
<interceptor-ref name="UserInterceptor">
<!-- login方法不攔截 -->
<param name="excludeMethods">login</param>
</interceptor-ref>
<interceptor-ref name="defaultStack"/>