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

自己编写的一个简易购物网站示例：

示例代码运行的结果：

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");   //从请求中得到用户名
%>
<html>
<head><title>联邦商城</title><meta http-equiv="Content-Type" content="text/html;charset=GBK" />
</head>
<body><h1 id="user" value="<%=user%>">用户：<%=user%></h1><h2>购物车</h2><table id="carts"><!--如果想要点击各个按钮后有反应，需要利用javascript对按钮点击事件进行监听，再利用jQuery动态生成表单并提交--><input class="btn btn-default" type="button" value="清空"/><input class="btn btn-default" type="button" value="结算"/><tr><th>商品名</th><th>价格</th><th>数量</th><%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");//从结果中得到商品数量%><tr ><td><%=Cname%></td><td><%=Price%></td><td><%=Count%></td><td><input type="button" name="<%=Cname%>" value="删除"></td></tr><%}}else {out.println("获取商品数据失败！");}}catch(Exception e){out.print("操作数据库失败！");out.println(e.getMessage());}%>
</form>
</body>
<script src='js/jquery-3.2.1.min.js'></script>
<script src='js/carts.js'></script>
</html>
<%
stmt.close();
conn.close();   //关闭数据库连接
%>

carts.js文件

    function addFormCarts(e){if(e.target.tagName=="INPUT"){//创建表单form = $("<form></form>");form.attr('method','post');//创建传输user的元素input0= $("<input type='text'/>");input0.attr('value',elUser.getAttribute('value'));input0.attr('name',"user");if(e.target.getAttribute('value')=="删除"){//创建传输商品名的元素input = $("<input type='text'/>");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实现简易购物车相关推荐

Vue.js 实现简易购物车（商品的增加删除，价格的小计和总计）
使用方法 : toFixed(2) 保留俩位小数 splice(index,howmany) 删除商品 index 规定添加删除的位置 ,howmany 删除几个 border-collapse: c ...
javaweb练手项目jsp+servlet简易购物车系统
简易购物车项目这是一个用intellij IDEA做的简易的javaweb项目,开发环境使用的jdk1.8和tomcat8以及mysql数据库. 1.项目开发准备: 创建github仓库项目框架搭 ...
java购物车项目代码_javaweb练手项目jsp+servlet简易购物车系统
简易购物车项目这是一个用intellij IDEA做的简易的javaweb项目,开发环境使用的jdk1.8和tomcat8以及mysql数据库. 1.项目开发准备: 创建github仓库项目框架搭 ...
web快速入门之基础篇-js：3_3、简易购物车
目录一.前言二.js代码实例演示 1.简易购物车01_数量变化 (1)实例代码 (2)效果演示 2.简易购物车02_数量价格同步 (1)实例代码 (2)效果演示一.前言上一篇介绍了DHTML对 ...
用html编写一个红绿灯,利用js实现简易红绿灯
HTML代码: 在一个div容器内,设置3个span CSS代码: .red_light { width: 200px; height: 200px; border-radius: 50%; marg ...
java利用监听器制作红绿灯_利用js实现简易红绿灯
HTML代码: 在一个div容器内,设置3个span CSS代码: .red_light { width: 200px; height: 200px; border-radius: 50%; marg ...
jsp基础代码片段(含sql与js和jsp的交互)与简易贴吧网站项目
因为老是翘掉学校jsp的课程,结果结课作业本来是一个小组做一个网站,结果我被老师指名道姓的要求一个人做一个网站,于是学了几天jsp,用了2天时间做了个网站 , 但安全性几乎为0 , 先写一篇博客记录一 ...
Session机制二（简易购物车案例）
一:案例一(简易购物车) 1.目录结构 2.step1.jsp 1 <%@ page language="java" contentType="text/html; ...
js html转盘点名,原生JS实现简易随机点名功能
定时器的工作原理,这里将用引用How JavaScript Timers Work中的例子来解释定时器的工作原理,该图为一个简单版的原理图.· 上图中,左侧数字代表时间,单位毫秒:左侧文字代表某一个操 ...

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

利用JSP与JS实现简易购物车相关推荐

最新文章

热门文章