zoukankan      html  css  js  c++  java

  • Java简单购物车设计

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

    第一部分     会话控制

    会话跟踪：

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

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

    页面编码问题：

            首先，1在 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>
    


      
      
    

    
    
                
    
                
              
    • 
              
    
              
  • 

                相关阅读:
    
                
                  XAML中的戏法 
                    
    提前预览Visual Studio 2010 
                    
    大道至简 
                    
    Windows Service下的MessageBox 
                    
    WPF中使用Expression Encoder SDK开发流媒体 
                    
    使用latex 
                    
    [zz]2D动画制作工具比较 
                    
    android platform_frameworks_base 
                    
    Fast and easy high resolution fractals with a pixel shader 
                    
    Bézier Surface 
                    
                        
              
    • 
              
    
              
  • 
                原文地址：https://www.cnblogs.com/hxsyl/p/3425635.html
              
    • 

            

          



          
          

            

            

          

        

      

      



      

      

        

          Copyright © 2011-2022 走看看