2021-04-30 Web前端编程实验（六）

最新推荐文章于 2023-04-23 18:01:54 发布

Phunsukh_Wangdu

最新推荐文章于 2023-04-23 18:01:54 发布

阅读量741

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端编程文章标签： jsp

本文链接：https://blog.youkuaiyun.com/APPDREAMER/article/details/116308992

Web前端编程专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何使用HTML、JSP实现前端登录验证及购物车功能，包括用户输入验证、会话管理和商品选择。通过实例展示了如何在JSP页面中集成表单、数据库交互和响应式设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Web前端编程实验（六）

前言
本次实验所用编程语言为html，所用编辑文本工具为Eclipse，所用编程语言为JSP。

注意事项
（1）前端编程注意html语言的灵活运用。
（2）具体所有实验请参考博客 Web前端编程（一）~（八）。

实验六
1、实验题目。（注：题目如下）

2、代码实现。（注：代码如下）
（main.jsp内代码如下）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实验六</title>
</head>
<body>
<form action="shoppingCart.jsp" method="post">  
<%
String username1=(String)session.getAttribute("userName1");    //初始化userName1对象
if(username1==null){
	request.setCharacterEncoding("UTF-8");     //设置编码格式
	String username=request.getParameter("userName");    //读取到username文本框中输入的字符
	if(username==null){
		response.sendRedirect("login.jsp");
	}else{
		session.setAttribute("userName1",username);
		out.println(username+"!欢迎您来到主页面，请选择您要购买的商品：");
		
	}
}else{
	out.println(username1+"!欢迎您来到主页面，请选择您要购买的商品：");
}
%>


<table border="1">

<TR>
<TD>
<input type="checkbox" name="篮球"  />
</TD>
<TD>
<font face="宋体" size=4 color="black">篮球</font>
</TD>
<TD>
<font face="宋体" size=4 color="black">198</font>
</TD>
</TR>

<TR>
<TD>
<input type="checkbox" name="足球"  />
</TD>
<TD>
<font face="宋体" size=4 color="black">足球</font>
</TD>
<TD>
<font face="宋体" size=4 color="black">168</font>
</TD> 
</TR>

<TR>
<TD>
<input type="checkbox" name="排球"  />  
</TD>
<TD>	
<font face="宋体" size=4 color="black">排球</font>
</TD>
<TD>
<font face="宋体" size=4 color="black">188</font>
</TD> 
</TR>

<TR>              
<TD>                           
<input type="checkbox" name="乒乓球" />
</TD>
<TD>	
<font face="宋体" size=4 color="black">乒乓球</font>
</TD>
<TD>
<font face="宋体" size=4 color="black">218</font>
</TD> 
</TR>


</table>
<input type="submit" value="添加购物车" />
</form>
</body>
</html>

（login.jsp文件内代码如下）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实验六</title>
</head>
<body>
<p>欢迎来到本网站，请输入您的姓名:</p>
<form method="get" action="main.jsp">     <!--main.jsp在这里获取数据 -->
	  <input name="userName" type="text" size="20"><br>
	  <input type="submit" value="登录">
</form>
</body>
</html>

（shoppingcart.jsp文件内代码如下）

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>   
<%@page import="java.util.*"%>
<%@ page import="java.io.*" %>


<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title>实验六</title>
</head>
<body>


<%
request.setCharacterEncoding("UTF-8");
String username1=(String)session.getAttribute("userName1");

Enumeration paramNames = request.getParameterNames();

out.println("<br>您的姓名："+username1);
out.println("<br>购物车中的商品有：<br>");
while(paramNames.hasMoreElements()) {
   String paramName = (String)paramNames.nextElement();
   String paramValue = request.getParameter(paramName);
   if(paramValue.equals("on")&&paramName.equals("篮球"))
   {   
	    out.print(paramName); 
	    out.println("&nbsp" + 198 + "</br>");
   }
   if(paramValue.equals("on")&&paramName.equals("足球"))
   {   
	    out.print(paramName); 
	    out.println("&nbsp" + 168 + "</br>");
    }

   if(paramValue.equals("on")&&paramName.equals("排球"))
   {   
    out.print(paramName); 
    out.println("&nbsp" + 188 + "</br>");
   }
   if(paramValue.equals(request.getParameter("乒乓球"))&&paramName.equals("乒乓球"))
   {   
	    out.print(paramName); 
	    out.println("&nbsp" + 218 + "</br>");
    }
}
%>
</br>
<a href="main.jsp" ><font face="宋体" size=4 color="blue">返回主页面继续购物 </font> </a>

</body>
</html>

3、实验结果如图所示。