慢慢写一个购物车（一）

最新推荐文章于 2022-01-16 19:45:21 发布
最新推荐文章于 2022-01-16 19:45:21 发布
阅读量195 收藏
点赞数 1
分类专栏： JSP学习日记 文章标签： 用来自我学习的小实例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/futu_tu/article/details/102869703
版权

记录一下JSP的学习过程，慢慢的写一个购物车代码。
首先是最基础的核心代码，只有简单的功能，我的目标是慢慢的去把不方便的操作删掉，然后重新丰满代码。这个感觉很像在组装机器人，慢慢的打磨搜索零件，然后再用各种工具尝试把他们拼接在一起。我很喜欢这个任务，做了一个比较不严肃的购物车，也算是跟着自己的兴趣跑了吧！
对于博客的书写方式还不是很习惯，用起来不是很方便，和我的代码学习一样，还在慢慢摸摸索。
*main如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body><font size=2>
<p>欢迎来到本页面，请输入您的姓名
<Form action=""method=past name=form>
<p>用户名<input type="text" name="name"></p>
<p>密码<input type="password" name="pwd"></p>
<input type="submit" value="登录" name=submit>

</Form>
<% String name=request.getParameter("name");
	if(name==null)
	{
		name=" ";
	}
	else
	{
		session.setAttribute("customerName",name);		
	}
%>
<% String pwd=request.getParameter("pwd");
	if(pwd==null)
	{
		pwd=" ";
	}
	else
	{
		session.setAttribute("customerpwd",pwd);
	}
%>
<% if(name.length()>0&&pwd.length()>0)
	{
	%><p>请选择购买你想要的商品
		<A HREF="food.jsp">挑选商品</A>
<%
	}
%>

</font>
</body>
</html>

food 如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body><font size=3>
<p>点击此处，修改用户名及密码。
	<A HREF=main.jsp>修改个人信息</A>
	<p> 这里是商品列表，请选择您想要购买的商品：
	<FORM action=""method=post name=form>
	
	<input type="checkbox"name="choice"value="香肠">香肠
	<input type="checkbox"name="choice"value="苹果">苹果
	<input type="checkbox"name="choice"value="酱油">酱油
	<input type="checkbox"name="choice"value="饮料">饮料
	</BR>
	<input type="submit" value="提交"name="submit">
	</FORM>
</font>
<% String foodName[]=request.getParameterValues("choice");
	if(foodName!=null)
	{
		for(int k=0;k<foodName.length;k++)
		{session.setAttribute(foodName[k],foodName[k]);
		}
	}
%>
<p>点击超链接，连接到count.jsp的页面，去查看购物车中的商品
<A HREF="count.jsp">欢迎去count.jsp!</A>
</body>
</html>

count如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@page import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p>这里是结账处，您的姓名以及选择的商品：
<% String personName=(String)session.getAttribute("customerName");
out.println("<br>您的姓名:"+personName);
String personPwd=(String)session.getAttribute("customerpwd");
out.println("<br>您的密码："+personPwd);
Enumeration enumGoods=session.getAttributeNames();
out.println("<br>购物车中的商品：<br>");
while(enumGoods.hasMoreElements())
{
	String key=(String)enumGoods.nextElement();
	String goods=(String)session.getAttribute(key);
	if(!(goods.equals(personName))&&!(goods.equals(personPwd))){
		out.println(goods+"<br>");
	}
}
%>
<p>点击超链接，连接到food.jsp的页面，购买食物。
<A HREF="food.jsp">欢迎去food.jsp！</A>
<p>点击超链接，链接到main,jsp的页面去修改名字。
	<A HREF=main.jsp>欢迎去main.jsp！</A>
</body>
</html>

第一次修改如下，并没有调整什么网页功能，主要是美化了一下food.jsp页面。
food

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你在想peach商店</title>
</head>

<style>
.a {
text-align:center;
line-height:center;
color:#F0FFFF;
font-family:"微软雅黑";
background:#000000;
}
</style>
<body><font size=3>
<div class="a">
<img src="tiao.jpg" alt="tiao.jpg" width=100% height=30%>
<p>点击此处，修改用户名及密码。
	<A HREF=main.jsp>修改个人信息</A>
	<p> 这里是正联英雄列表，请选择您想要购买的英雄：
	<FORM action=""method=post name=form>
	<table width="100%" border="0" align="center" >
	<tr>
	<td><img src="1.jpg" alt="Smiley face" width="300" height="410"></td>
	<td><img src="2.jpg" alt="Smiley face" width="300" height="410"></td>
	</tr>
	<tr>
	<td><input type="checkbox"name="choice"value="闪电侠" >闪电侠</td>
	<td><input type="checkbox"name="choice"value="绿灯侠" >绿灯侠</td>
	</tr>
	<tr>
	<td><img src="3.jpg" alt="Smiley face" width="300" height="410"></td>
	<td><img src="4.jpg" alt="Smiley face" width="300" height="410"></td>
	</tr>
	<tr>
	<td><input type="checkbox"name="choice"value="火星猎人">火星猎人</td>
	<td><input type="checkbox"name="choice"value="海王" >海王</td>
	</tr>
	<tr>
	<td><img src="5.jpg" alt="Smiley face" width="300" height="410"></td>
	<td><img src="7.jpg" alt="Smiley face" width="300" height="410"></td>
	</tr>
	<tr>
	<td><input type="checkbox"name="choice"value="蝙蝠侠">蝙蝠侠</td>
	<td><input type="checkbox"name="choice"value="超人">超人</td>
	</tr>
	<tr>
	<td><img src="6.6.jpg" alt="6.6.jpg" width="320" height="410"></td>
	<td><img src="8.jpg" alt="Smiley face" width="300" height="410"></td>
	</tr>
	<tr>
	<td><input type="checkbox"name="choice"value="神奇女侠">神奇女侠</td>
	<td><input type="checkbox"name="choice"value="钢骨">钢骨</td>
	</tr>
	</table>
	</BR>
	<input type="submit" value="提交"name="submit">
	</FORM>
</font>
<% request.setCharacterEncoding("UTF-8"); 
String foodName[]=request.getParameterValues("choice");
if(foodName!=null)
{
	for(int k=0;k<foodName.length;k++)
	{session.setAttribute(foodName[k],foodName[k]);
	}
}

%>
<p>这里可以看到已经挑选的商品                                                                                                                                                                                                                                                                                                                                                                           
<A HREF="count.jsp">购物车</A>
</div>
</body>
</html>

main

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你在想peach商店</title>
</head>
<style>
.a {
	text-align:center;
	}
</style>
<body bgcolor="#FFE4E1"><font size=2>

<div class="a">

<p align="center">欢迎来到你在想peach商店，请输入您的姓名</p>
<Form action=""method=past name=form>
<% request.setCharacterEncoding("UTF-8"); 
%>
<p>用户名<input type="text" name="name"></p>
<p>密码<input type="password" name="pwd"></p>

<a href="food.jsp">
<input type="submit" value="登录" name=submit>
</Form>
<% request.setCharacterEncoding("UTF-8");
String name=request.getParameter("name");
	if(name==null)
	{
		name=" ";
	}
	else
	{
		session.setAttribute("customerName",name);		
	}
%>
<%request.setCharacterEncoding("UTF-8"); 
String pwd=request.getParameter("pwd");
	if(pwd==null)
	{
		pwd=" ";
	}
	else
	{
		session.setAttribute("customerpwd",pwd);
	}
%>
<% if(name.length()>0&&pwd.length()>0)
	{
	
	%>
	<p>请选择购买你想要的商品
	<A HREF="food.jsp">商品列表</A>
	</p>
<%
}
%>
</div>
</font>
</body>
</html>

count

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@page import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你在想peach商店</title>
</head>
<style>
.a {
text-align:center;
line-height:center;
border: green solid 1px;
}
</style>
<body bgcolor="pink">
<div class="a">
<p>这里是结账处，您的姓名以及选择的商品：
<% request.setCharacterEncoding("UTF-8");
String personName=(String)session.getAttribute("customerName");
out.println("<br>您的姓名:"+personName);
String personPwd=(String)session.getAttribute("customerpwd");
out.println("<br>您的密码："+personPwd);
Enumeration enumGoods=session.getAttributeNames();
out.println("<br>购物车中的商品：<br>");
while(enumGoods.hasMoreElements())
{
	String key=(String)enumGoods.nextElement();
	String goods=(String)session.getAttribute(key);
	if(!(goods.equals(personName))&&!(goods.equals(personPwd))){
		out.println(goods+"<br>");
	}
}
%>
<h1 align="center">你在做什么梦</h1>
<p align="center">此处可以继续添加商品
<A HREF="food.jsp">继续添加</A>
<p>修改用户名和密码
	<A HREF=main.jsp>个人信息</A>
</div>
</body>
</html>

心得：有时候会出现越写越乱的情况出现，主要是自己不够明确自己究竟想要什么样的功能导致的，这也算是我写代码的一道致命伤吧，总是想写很骚操作的代码，但是自我修养不够，写代码还是要踏踏实实写才行，一节课溜号没什么妨碍，三节课溜号就不会敲键盘了，一口还是吃不成胖子的。

奈何难渡
关注
专栏目录
jsp第三课-jsp内置对象
flyuniverse_shell的专栏
03-08 1393
1. JSP内置对象  有些成员变量不用声明就可以在JSP页面的脚本（Java程序片和Java表达式）中使用，这就是所谓的内置对象。 内置对象有：resquest、response、session、application、out。  2. request对象    1.内置对象request对象是实现了ServletRequest接口类的一个实例.   2. Tomcat服务器将
vuex写简易加入购物车
qq_72243342的博客
10-26 409
vuex写购物车 然后是store里面的index部分，可以判别购物车页面内有没有相同商品如果有的话使该商品数量加一，没有的话购物车新加一件商品 import Vue from ‘vue’ import Vuex from ‘vuex’Vue.use(Vuex)export default new Vuex.Store({ state: { user:JSON.parse(localStorage.getItem(‘user’)) || [] }, getters: { }, mutations: {
Session购买和结账
ailiandeziwei的专栏
10-31 613
Session的购买和结账： l      Session的跟踪机制     l      Servlet API规范中定义了一个HttpSession接口，HttpSession接口定义了各种管理和操作会话状态的方法。 l      HttpSession对象是保持会话状态信息的存储结构，一个客户端在WEB服务器端对应一个各自的HttpSession对象。
Enum枚举的使用实现
weixin_30905981的博客
10-26 106
业务中涉及到的状态字段或者简单的选择项的使用。 例如： 1.定义enum枚举类。 package com.yjl.enums; import java.util.Objects; public enum GoodsUnitEnum { 重量("重量",1), 件数("件数",2), 体积("体积",3); String type; ...
JSP是如何传到session信息的
tianaoteam的专栏
07-25 2158
main.jsp   欢迎来到本页面，请输入您的姓名                              if(name==null)        {  name="";        }        else        {  session.setAttribute("customerName",name);        }
java学习：基于servlet和jsp写的一个购物车小案例（大佬勿喷）
h13245的博客
03-14 906
result 所有的书籍 购物车界面 项目前的准备 首先要导入maven 的jar包依赖 <!--servlet--> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servle...
移动端h5 商品列表 点击加入购物车动画
12-14
商品列表中的每个项都有一个`inCart`字段，表示是否已在购物车中，`cart`数组则存储已添加的商品及其数量。 综上所述，实现"移动端h5 商品列表 点击加入购物车动画"需要结合HTML、CSS3、JavaScript（jQuery或Vue....
CSS3鼠标悬停图片显示购物车等图标按钮动画特效
06-10
CSS3的过渡属性可以平滑地改变一个或多个CSS属性，比如在悬停时，购物车图标可能是从透明度0变为1，或者从不可见的位置慢慢移动到可见位置。这通过`transition: property duration timing-function delay;`定义，...
php购物车页面如何做,HTML代码实现简易购物车
weixin_42498003的博客
03-10 806
网上关于购物车实现的代码非常多，本次的这篇文章主要是和大家分享了HTML代码实现简易购物车，有需要的小伙伴可以看一下，接下来讲解一下具体的实现。1、用html实现内容；2、用css修饰外观；3、用js(jq)设计动效。第一步：首先是进行html页面的设计，我用一个大的p将所有商品包含，然后用不同的p将不同的商品进行封装，商品列表中我用了ul li实现，具体实现代码如下(代码中涉及到的商品都是网上随...
java程序设计与【j2ee中间件技术】/【软件开发技术(III)】-实验五-实现一个简单的购物车功能，使用JSP内置对象实现猜数字的小游戏
zombotany的博客
01-16 862
目录题目11 题目说明2 实验设计3 运行界面截图与说明4 代码list.jspshopcar.jsp题目21 题目说明2 实验设计3 运行界面截图与说明4 代码getNumber.jsplarge.jspresult.jspsmall.jspsuccess.jsp 题目1 1 题目说明 1、请实现一个简单的购物车功能。 （1）list.jsp。商品列表页面，可以将商品加入购物车，可以查看购物车。 （2）shopcar.jsp。显示购物车里的商品 2 实验设计 题目1工程结构：有两个jsp页面，分别为li
enum 在c中的使用
08-10 1070
如果一个变量你需要几种可能存在的值，那么就可以被定义成为枚举类型。之所以叫枚举就是说将变量或者叫对象可能存在的情况也可以说是可能的值一一例举出来。  　　举个例子来说明一吧，为了让大家更明白一点，比如一个铅笔盒中有一支笔，但在没有打开之前你并不知道它是什么笔，可能是铅笔也可能是钢笔，这里有两种可能，那么你就可以定义一个枚举类型来表示它！ enum box{pencil,pen};//这里你
java中如何定义菜名和单价_JAVA基础语法练习项目—吃货联盟订餐管理系统
weixin_33514475的博客
02-28 624
package cn.bdqn;import java.util.Arrays;import java.util.Scanner;/*** @author lalalalalamo* 吃货联盟订餐管理系统* @create 2020-03-06 12:32*/public class OrderProject {public static void main(String[] args) {Sca...
session的使用
请叫我王哥
09-22 189
代码实现 session既可以保存一个字符串也可以保存一个对象 //得到session HttpSession session = req.getSession(); //给session中存入东西 session.setAttribute("name",new Person("王",22)); //获取session的ID String id = session.getId(); //判断session是不是
一个购物车代码
zsf0615020117的专栏
05-28 2391
购物车对象是暂时存放商品编号及商品数据，这些数据并不对数据库进行修改，只是一种提示，主要用到一个叫作Hashtable类中的一些方法来进行操作；其中代码中的DB类是用到前面做的一个JAVABEAN来对数据库进行操作的。这里就不重复，我在博客文章里有发表过。里面所用到的数据库不必完全了解，只需要知道是如何对其进行操作，而重点还是在对购物车是如何使用做个了解,在这个购物车里面总共涉及到6个文件BuyC
JSP | 简易购物车的实现
热门推荐
ZY-JIMMY
05-08 2万+
本程序共包含四部分文件，只包含jsp文件，将java代码嵌入到jsp文件中实现：loginID.jsp、shop.jsp、food.jsp、count.jsp，分别实现的功能是输入ID页面、超链接功能选择页面、购物页面和购物车页面。login.jsp文件代码如下：&lt;%@ page language="java" contentType="text/html; charset=GBK" pag...
第一个小项目 简单的订餐小系统
weixin_45279447的博客
11-07 376
第一个小项目 ** 介绍** 用前面所学的if结构语句、switch结构语句、for循环等基础知识缩写的一个订餐小系统 功能介绍： 一、我要订餐 完成用户订餐，每条订单包含如下信息：  订餐人姓名：要求用户输入  选择菜品及份数：显示三个菜单序号、名称、单价、点赞数，提示用户输入要 选择的菜品序号及份  送餐时间：要求当天 10 到 20 点间整点送餐，要求用户输入 10~20 的整数，输 入错误，重复输入。  送餐地址：要求用户输入  状态：两种状态：0：已预订（默认状态） 1：已完成（订单已签
鸿蒙开发写一个购物车页面
最新发布
06-22
开发一个购物车页面通常是在使用华为鸿蒙系统的应用开发中，会涉及到HarmonyOS的UI设计和组件化开发。以下是构建一个基本的购物车页面的步骤： 1. **引入所需模块**： - 首先，你需要在项目中引入`HarmonyUI`库，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值