2.1 SSM商城系统中的技能点及问题

一.使用事务

写一个总的方法,调用一个controller方法即可,ajax传入所有需要的参数数据,在dao层中分别实现需要使用事务的方法

1.在ServiceImpl中使用事务

2.在controller中需要将类型写成接口类型

---

二.使用JSTL标签和EL表达式

需要在jsp页面引入如下:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="fmt"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="sql"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="fn"%> 
<%@ page isELIgnored="false"%>  

---

三.登陆时记住密码cookie

1.jsp页面

2.LoginServlet.java

3.LoginCookieServlet

---

四.如何在主页面显示当前登陆的用户信息

1.在登陆的控制器中将当前用户存在session中

2.jsp页面

3.将当前登陆的用户信息从一个jsp页面传到另一个jsp页面中
First.jsp

MyOrder.jsp

---

五.如何注销当前已登录的用户(清空session)

利用AJAX,在控制器中清空session

控制器:

---

六.显示时钟:

---

七.表格的css样式

---

八.SSM购物车(加入购物车和提交)

1.创建购物车数组和购物车对象

2.添加操作列(加入购物车)

---

九.显示购物车

//显示购物车
	 function showCar(){
		 	//先显示购物车DIV
		 	var carDiv=$("#cardiv");
		 	//清空购物车中之前的数据
		 	carDiv.text("");
		 	carDiv.css("display","block");
		 	if(aryCar.length==0){
				var n=$("
您的购物车为空!
");
				carDiv.append(n);
			}else{
			 	//显示购物车数据内容
			 	//动态创建table
			 	var table=$("");
			 	carDiv.append(table);
			 	//创建购物车标题行
			 	var trHead=$("序号名称图片数量单价总价");
			 	table.append(trHead);
			 	
			 	//循环遍历购物车数组
			 	for(var i=0; i"+(i+1)+"");
			 		table.append(tr);
			 		
			 		//第二列 : 商品名列
			 		var td2=$("");
			 		td2.text(aryCar[i].name);
			 		tr.append(td2);
			 		
			 		//第三列   : 图片列
			 		var carimg=$("");			 		
			 		var td3=$("");
			 		td3.append(carimg);			 		
			 		tr.append(td3);
			 		
			 		//第四列 : 数量列
			 		var td4=$("");
			 		var btnSub=$("");
			 		var txtNum=$("");
			 		txtNum.val(aryCar[i].buyNum);
			 		var btnAdd=$("");
			 		
			 		//添加单击事件  加数量
			 		btnAdd.click(function(){
			 			//this 代表当前点击的按钮
			 			//this.previousSibling  加号按钮的上一个兄弟节点 
			 			var jText=$(this.previousSibling);
			 			var newNum=parseInt(jText.val())+1;
			 			jText.val(newNum);
			 			//总价要有变化
			 			//总价= newNum*单价
			 			//如何获取单价
			 			var tdPrice=$(this.parentNode.nextSibling).text();
			 			var totlp=newNum*tdPrice;
			 			this.parentNode.nextSibling.nextSibling.innerHTML=totlp;
			 			
			 		});
			 		//减数量
			 		btnSub.click(function(){
			 			var j=$(this.nextElementSibling);
			 			var newNum=parseInt(j.val())-1;
			 			j.val(newNum);
			 			//总价= newNum*单价
			 			var tdPrice=$(this.parentNode.nextSibling).text();
			 			var totlp=newNum*tdPrice;
			 			this.parentNode.nextSibling.nextSibling.innerHTML=totlp;
			 			
			 			
			 		});
			 		td4.append(btnSub);
			 		td4.append(txtNum);
			 		td4.append(btnAdd);
			 		tr.append(td4);
			 		
			 		//单价
			 		var td5=$("");
			 		td5.text(aryCar[i].price);
			 		tr.append(td5);
			 		
			 		//总价：
			 		var td6=$("");
			 		td6.text(aryCar[i].price*aryCar[i].buyNum);
			 		tr.append(td6);
			 		
			 		
			 	}
			 	if(aryCar.length!=0){
				 	var input=$("");
				 	carDiv.append(input);
			 	}
			}
		}

html代码

---

十.在购物车页面中提交订单

提交订单的方法

controller

service

dao层

---

十一.多表连接查询,结果是多条记录

SQL语句的结果返回的是Map类型,key值是列名,value值是列的值
OrderMapper.xml

OrderMapper.java
返回值是List集合

控制器:

结果:

---

12.表单验证

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


	
		
		
		 
		
	
	
	

		

			
注册新用户
			

				* 账  号: 
				
			
			

				* 昵  称: 
				
			
			

				* 登陆密码: 
				
			
			

				* 确认密码：
				
			
			

				* 性  别: 
				
			
			

				* 地  址:
				
			
			
			



			
		
	
	

---

13.SSM创建bean失败