1. 程式人生 > >【javaWeb】第68天——SSH練習第五天

【javaWeb】第68天——SSH練習第五天

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"/>