利用JSP与JS实现简易购物车

自己编写的一个简易购物网站示例:
利用JSP与JS实现简易购物车_第1张图片

示例代码运行的结果:

利用JSP与JS实现简易购物车_第2张图片

carts.jsp文件

<%@ page contentType="text/html;charset=GBK" %>
<%@ page import="java.util.*,java.sql.*" %>
<%      
    Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
    String spath="login.mdb";   //需要访问的数据库地址
    String dbpath=application.getRealPath(spath);
    String dbuser="";
    String dbpw="";
    String url="jdbc:odbc:Driver={Microsoft Access Driver (*.mdb)};DBQ="+dbpath;
    Connection conn=DriverManager.getConnection(url,dbuser,dbpw);
    Statement stmt=conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);

    String sql;     //定义存储数据库语句的变量
    ResultSet rs;   //定义存储查询结果的变量

    request.setCharacterEncoding("GBK");        //设置请求的编码
    String user=request.getParameter("user");   //从请求中得到用户名
%>


    联邦商城
    


    

用户:<%=user%>

购物车

<% try{ sql="select carts.Cname,carts.Count,commodities.Price from carts,commodities where carts.Cname=commodities.Cname and User='"+user+"'"; //设置数据库查询语句 rs=stmt.executeQuery(sql); //在数据库中执行sql语句 String Cname=""; //定义商品名称 int Price=0; //定义商品价格 int Count=0; //定义商品数量 if(rs!=null) //判断sql语句是否执行成功 { while(rs.next()) //循环遍历查询结果 { Cname=rs.getString("Cname");//从结果中得到商品名称 Price=rs.getInt("Price");//从结果中得到商品价格 Count=rs.getInt("Count");//从结果中得到商品数量 %> <% } }else { out.println("获取商品数据失败!"); } }catch(Exception e) { out.print("操作数据库失败!"); out.println(e.getMessage()); } %> <% stmt.close(); conn.close(); //关闭数据库连接 %>

carts.js文件

    function addFormCarts(e){
    if(e.target.tagName=="INPUT")
    {
        //创建表单
        form = $("
"); form.attr('method','post'); //创建传输user的元素 input0= $(""); input0.attr('value',elUser.getAttribute('value')); input0.attr('name',"user"); if(e.target.getAttribute('value')=="删除") { //创建传输商品名的元素 input = $(""); input.attr('value',e.target.name); input.attr('name',"Cname"); form.attr('action','delete.jsp');//设置提交到的页面 form.append(input); } else if(e.target.getAttribute('value')=="结算") { form.attr('action','pay.jsp');//设置提交到的页面 }else { form.attr('action','deleteAll.jsp');//设置提交到的页面 } form.append(input0); form.appendTo("body"); form.css('display','none'); form.submit(); //提交表单 } } var elUser=document.getElementById('user'); var elCarts = document.getElementById('carts'); elCarts.addEventListener('click', addFormCarts, false);

ACCESS中的carts表结构:
利用JSP与JS实现简易购物车_第3张图片

你可能感兴趣的:(JSP)

商品名价格数量
<%=Cname%> <%=Price%> <%=Count%>