首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >运用EL与JSTL——购物车(为例子)

运用EL与JSTL——购物车(为例子)

作者头像
用户10196776
发布2022-11-18 20:31:33
发布2022-11-18 20:31:33
6520
举报

//一张图让你了解EL☺☺

 文字补充一下:

自动转换类型                                  EL得到某个数据时可以自动转换类型                                  对于类型的限制更加宽松        

使用简单     相比较在JSP中嵌入Java代码,EL应用更简单

 //接下来了解的是JSTL的概念(也是图片哦)

//而购物车中有一些运用了EL与JSTL代码(我写个例子

代码语言:javascript
复制
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="sp" %>//这个就是JSTL XML标签库提供了创建和操作XML文档的标签(这个是引用XML标签库的语法)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>

<script type="text/javascript">
	function gm(bid,bprice) {
		//跳转到do购物车界面传个编号
		location.href="dogwc.jsp?bid="+bid+"&bprice="+bprice;
	}
</script>
</head>
<body>

	<table class="table table-hover">
	<tr>
			<td>商品编号</td>
			<td>商品名称</td>
			<td>商品单价</td>
			<td>商品介绍</td>
			<td>商品图片</td>
			<td>
				<h2>
				<a href="dospcart.jsp">
					<span class="glyphicon glyphicon-shopping-cart"></span>
				</a>
				</h2>
			</td>
		</tr>
		<sp:forEach items="${glist }" var="g">//通过上面的标签来的sp
		<tr>
			<td>${g.bid }</td>
			<td>${g.bname }</td>
			<td>${g.bprice }</td>
			<td>${g.binfo }</td>
			<td>
				<img alt="" src="${g.bface }">
			</td>
			<td>
				<button onclick="gm(${g.bid},${g.bprice })" class="btn btn-info">添加购物车</button>
			</td>
		</tr>
		</sp:forEach>
	</table>

</body>
</html>

//还有一个接收的do页面 

代码语言:javascript
复制
<%
	//调用商品的业务逻辑层 查询方法
	IGoodsBiz igb = new Imp_GoodsBiz();
	//调用查询所有商品的方法
	ArrayList<Goods> glist = igb.getAll();
	//放到内置对象中
	request.setAttribute("glist", glist);
	request.getRequestDispatcher("index.jsp").forward(request, response);


%>

 //看看效果图吧!

 //补充一下JSTL的通用标签的使用:

  set:设置指定范围内的变量值

  out:计算表达式并将结果输出显示

remove:删除指定范围内的变量

//今天的分享就到这里啦!你们可以多给我建议与这个知识的补充

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档