正文

Java简单购物车设计

IP云
IP云V管理员/2 阅读
12/02
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

还是存在一些问题(比如clear函数没效果、乱码，单独测试也没，确实找不到问题)，路过的给解决下。。。

第一部分     会话控制

会话跟踪：

  • 使用隐藏表单字段
  • URL重写，实际就是直接把状态信息加到URL
  • 持久Cookie
  • 会话HttpSession

今天写filter的时候找不到web.xml了，急坏了我，原来是我在创建动态网站项目的时候，输入项目名称后就立刻按finish了，我刚才创建了另一个项目，一步一步next地来，在最后那步可以是否创建web.xml文件，最后把这个web.xml文件拷贝到原来项目的WEB-INF目录下就正常运行了(servlet3.0)。

页面编码问题：

首先， 在 eclipse 中配置 workspace 项下 text file encoding 属性的值来决定此工作区间下所有的 eclipse 项目的文档的编码属性。 Window-->Preferences-->General-->Workspace, 在 workspace 下配置 text file encoding 的属性值是 other, 在 other 中选择 ”utf-8”, 配置完成后，点出 ok 保存。

其次，windows->Preferences...打开"首选项"对话框，左侧导航树，导航到 general->Content Types，右侧Context Types树，点开Text，选择Java Source File，在下面的Default encoding输入框中输入UTF-8，点Update，则设置Java文件编码为UTF-8。已经搞好的就用批量转码工具。

session的常用方法：

1、 getAttribute()：从session中获取以前存储的值
2、 getAttributeNames()：返回session中所有属性的名称
3、 setAttribute()：将键与值关联起来，存储进session
4、 removeAttribute()：删除session中存储的对应键的值
5、 invalidate()：删除整个session及其存储的键值
6、 logout()：注销当前用户
7、 getId()：获取每个session对应的唯一ID
8、 getCreationTime()：获取session创建的时间
9、 getLastAccessedTime()：获取session最后被访问的时间
10、getMaxInactiveInterval()：在用户没有访问的情况下，会话在被自动废弃之前应该保持多长时间

第二部分   JS控制

html页面的所有元素均可以通过document.getElementById得到；document.forms["表单明"]或者document.forms["表单序号"]访问表单元素；document.frames["框架明"].document访问框架。

值得注意的getElementById这个方法查找的时候，会以传入的参数与第一次name属性值相同的元素查找出来。 

 <script type="text/javascript">


  


  function get()


  {


     //也可以直接通过元素的属性Id来直接获取


     var ipv6 = document.getElementById("ip").value;


     alert("ipv6: " + ipv6); //55::66


     


     var ipv4 = document.getElementById("ip").value;


     alert("ipv4: "+ipv4);  //55::66


     


     var ipv44 = document.getElementById("ipv4").value;


     alert(ipv44);       //1.1.1.1


  }


  


  </script>


  


  <body>


    <form action="hehe.jsp" id="one" method="post" name="one1" >


      ipv6 : <input type="text"   name="ip"  value="55::66" /><br>


      ipv4 : <input type="text"   id="ip" name="ipv4" value="1.1.1.1" /><br>


      <input type="button" value = "button" onclick="get()">


      </form>


  </body>

getElementsByName（name），name这个属性在元素中是可以相同的也就是这个方法取出的是个集合(ID默认是唯一的，所以不实际和)。注意方法名，我老是写错少了“s”，这个方法与getElementById不太一样。 

 <script type="text/javascript">


  


  function get()


  {


     //也可以直接通过元素的属性name来直接获取


     var ip = document.getElementsByName("ip");


     var ipv6 = ip[0].value;


     alert("ipv6: " + ipv6); //55::66


     


     var ipv4 = ip[1].value;


     alert("ipv4: "+ipv4);  //1.1.1.1


     


  }


  


  </script>


  


  <body>


    <form action="hehe.jsp" id="one" method="post" name="one1" >


      ipv6 : <input type="text"   id="ipv6" name="ip" value="55::66" /><br>


      ipv4 : <input type="text"   id="ipv4" name="ip" value="1.1.1.1" /><br>


      <input type="button" value = "button" onclick="get()">


      </form>


  </body>

getElementByTagName（tagname），根据元素来查询，返回的值肯定也是集合啦！可以用来得到表单各个字段的名字。 

 <script type="text/javascript">


  


  function get()


  {


     //也可以直接通过元素的属性tagname来直接获取


     var ip = document.getElementsByTagName("input");


     for(var i=0;i<ip.length;i++)


     {


        alert(ip[i].value); //55::66  1.1.1.1  button


     }


  }


  


  </script>


  


  <body>


    <form action="hehe.jsp" id="one" method="post" name="one1" >


      ipv6 : <input type="text"   id="ipv6" name="ip" value="55::66" /><br>


      ipv4 : <input type="text"   id="ipv4" name="ip" value="1.1.1.1" /><br>


      <input type="button" value = "button" onclick="get()">


      </form>


  </body>

servlet处理复选框String[] param = request.getParameterValues("checkbox1")

表格变色：document.getElementById(row).style.backgroundColor="#FF0000";

第三部分  代码设计 

import java.io.IOException;





import javax.servlet.Filter;



import javax.servlet.FilterChain;



import javax.servlet.FilterConfig;



import javax.servlet.ServletException;



import javax.servlet.ServletRequest;



import javax.servlet.ServletResponse;



import javax.servlet.http.HttpServletRequest;



import javax.servlet.http.HttpServletResponse;





public class FilterChar implements Filter {





	//�ýӿھ����������init��destroy��doFilter



	private String config;





	public void destroy() {



		this.config = null;



	}





	public void doFilter(ServletRequest request, ServletResponse response,



			FilterChain chain) throws IOException, ServletException {



		HttpServletRequest req;



		req = (HttpServletRequest) request;





		HttpServletResponse res;



		res = (HttpServletResponse) response;





		req.setCharacterEncoding(config);



		res.setCharacterEncoding(config);





		chain.doFilter(req, res);





	}





	public void init(FilterConfig config) throws ServletException {



		this.config = config.getInitParameter("encode");



	}



}



   
import java.io.IOException;



import java.io.PrintWriter;



import java.util.HashMap;





import javax.servlet.ServletException;



import javax.servlet.http.HttpServlet;



import javax.servlet.http.HttpServletRequest;



import javax.servlet.http.HttpServletResponse;



import javax.servlet.http.HttpSession;







public class FruitBuy extends HttpServlet{





	@Override



	protected void doGet(HttpServletRequest req, HttpServletResponse resp)



			throws ServletException, IOException {



		// TODO Auto-generated method stub



		super.doGet(req, resp);



	}





	@Override



	protected void doPost(HttpServletRequest req, HttpServletResponse resp)



			throws ServletException, IOException {



		// TODO Auto-generated method stub



		super.doPost(req, resp);



	}





	@Override



	protected void service(HttpServletRequest req, HttpServletResponse res)



			throws ServletException, IOException {



		// TODO Auto-generated method stub



		HttpSession session = req.getSession(true);



		HashMap cart = (HashMap)session.getAttribute("cart");



		if(null==cart) {



			cart = new HashMap();



			//Ĭ����object



			cart.put("J2SE","0");



			cart.put("J2EE","0");



			cart.put("J2ME","0");



			session.setAttribute("cart", cart);



		}



		PrintWriter out = res.getWriter();



		res.setContentType("text/html; charset=UTF-8");



		req.setCharacterEncoding("UTF-8");



		int j2se = Integer.parseInt(req.getParameter("book1amount"));



		int j2ee = Integer.parseInt(req.getParameter("book2amount"));



		int j2me = Integer.parseInt(req.getParameter("book3amount"));





		//object����ֱ��תΪint����



		int oldJ2se = (int)cart.get("J2SE");



		int oldJ2ee = (int)cart.get("J2EE");



		int oldJ2me = (int)cart.get("J2ME");





		cart.put("J2SE", oldJ2se);



		cart.put("J2EE", oldJ2ee);



		cart.put("J2ME", oldJ2me);





		out.println("����������"+cart.get("J2SE")+cart.get("J2EE")+cart.get("J2ME"));



		out.println("<hr>");



		out.println("�ص����"+"<a href=\"res.encodeRedirectURL(\"buy.jsp\") />");



	}



}






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



    pageEncoding="UTF-8"%>



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



<html>



	<head>



	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



	<title>ÍøÉÏÊéµê是</title>



	<script type="text/javascript" language="JavaScript">



		function clear1() {



			document.forms["fruitform"].book1amount.value="";



		}



		function clear2() {



			document.forms["fruitform"].book2amount.value="";



		}



		function clear3() {



			document.forms["fruitform"].book3amount.value="";



		}



		function changecolor( row) {



		//C大写



			document.getElementById(row).style.backgroundColor="#FF0000";



		}



		function resetcolor( row) {



		//C大写



			document.getElementById(row).style.backgroundColor="#FFFFFF";



		}



		//ÒòΪajax²»»á£¬È¨µ±Á·Ï°js



		function show1() {



			document.forms["fruitform"].book1amount.value =document.getElementById(book1amount).value;



			window.alert("Äú¹ºÂòÁË:" + document.forms["fruitform"].book1amount.value+"±¾");



		}



		function show2() {



			document.forms["fruitform"].book2amount.value =document.getElementById(book2amount).value;



			window.alert("Äú¹ºÂòÁË:" + document.forms["fruitform"].book2amount.value+"±¾");



		}function show3() {



			document.forms["fruitform"].book3amount.value =document.getElementById(book3amount).value;



			window.alert("Äú¹ºÂòÁË:" + document.forms["fruitform"].book3amount.value+"±¾");



		}



	</script>



</head>



<body>



<form action="FruitBuy" name="fruitform" method="get">



	<hr align="center" size="1">



	<table >



		<!-- ±ØÐë·ÅÔÚtableÄÚ²¿ -->



		<caption>»¶Ó­À´µ½ÎÒµÄÍøÉÏÊéµê</caption>



		<tr id="row">



			<th>ÖÖÀà</th><th>µ¥¼Û</th><th>ÊýÁ¿</th>



		</tr>



		<tr id="row1"  onMousemove="changecolor('row1')" onMouseout="resetcolor('row1')">



			<td>J2SE¾«±à</td><td>22.0</td>



			<td><input type="text" name="book1amount"  id="book1amount" value="ÇëÊäÈ빺ÂòÊýÁ¿" onFocus="clear()" onBlur="show1()"></td>



		</tr>



		<tr id="row2"  onMousemove="changecolor('row2')"  onMouseout="resetcolor('row2')">



			<td>J2EE¾«±à</td><td>36.0</td>



			<td><input type="text" name="book2amount"  id="book2amount" value="ÇëÊäÈ빺ÂòÊýÁ¿" onFocus="clear()" onBlur="show2()"></td>



		</tr>



		<tr id="row3" onMousemove="changecolor('row3')"  onMouseout="resetcolor('row3')">



			<td>J2ME¾«±à</td><td>22.0</td>



			<td><input type="text" name="book3amount"  id="book3amount" value="ÇëÊäÈ빺ÂòÊýÁ¿" onFocus="clear()" onBlur="show3()"></td>



		</tr>



	</table>



	<hr align="center" size="1">



	<input type="submit" value="·ÅÈ빺Îï³µ">



</form>



</body>



</html>



   
<?xml version="1.0" encoding="UTF-8"?>



<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">



  <display-name>WEB</display-name>



  <welcome-file-list>



    <welcome-file>index.html</welcome-file>



    <welcome-file>index.htm</welcome-file>



    <welcome-file>index.jsp</welcome-file>



    <welcome-file>default.html</welcome-file>



    <welcome-file>default.htm</welcome-file>



    <welcome-file>default.jsp</welcome-file>



  </welcome-file-list>



  <filter>



    <filter-name>FilterChar</filter-name>



    <filter-class>FilterChar</filter-class>



    <init-param>



      <param-name>encode</param-name>



      <param-value>UTF-8</param-value>



    </init-param>



  </filter>



  <filter-mapping>



    <filter-name>FilterChar</filter-name>



    <url-pattern>/*</url-pattern>



  </filter-mapping>



</web-app>



   

    

   

  
相关阅读
目录[+]