jsp页面修改成html页面

本文详细介绍了从JSP到HTML的页面转换过程,包括条件判断、包含文件和表单元素的修改,同时展示了如何实现在页面中产生新窗口的功能。

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

主要修改之处

  1. 对于c:if标签的修改

    在jsp中:

<c:if test="${sessionScope.UVO.guestName==null}">
	<meta http-equiv="REFRESH" content="0;url=initGuestLogin">
</c:if>

  在html中修改为:

<div th:if="${#strings.isEmpty(session.UVO.guestName)}">
	<meta http-equiv="REFRESH" content="0;url=initGuestLogin"/>
</div>

2.包含的文件修改:

 在jsp中:

<div class="copy">
<jsp:include page="/WEB-INF/jsp/shop/copyRight.jsp"></jsp:include>
								</div>

在html中:

<div class="copy">
				<div th:replace="shop/ page-copy-right ::  page-copy-right"></div>
								</div>
 page-copy-right标识的是 copyRight.html的name

3.在jsp中

  <form:form modelAttribute="alipayForm" action="replayAlipaySubmit"
							method="post">
			<form:hidden path="outTradeNo" value="${alipayForm.outTradeNo}"/>
			<form:hidden path="subject" value="${alipayForm.subject}"/>
		        <form:hidden path="body" value="${alipayForm.body}"/>
			<form:hidden path="price" value="${alipayForm.price}"/>   
			<form:hidden path="showUrl" value="${alipayForm.showUrl}"/>
			<form:hidden path="receiveName" value="${alipayForm.receiveName}"/>
			<form:hidden path="receiveAddress" value="${alipayForm.receiveAddress}"/>
			<form:hidden path="receiveZip" value="${alipayForm.receiveZip}"/>
			<form:hidden path="receivePhone" value="${alipayForm.receivePhone}"/>
		        <form:hidden path="receiveMobile" value="${alipayForm.receiveMobile}"/>
				                                     </form:form>

在html中

 <form th:object="${alipayForm}" action="replayAlipaySubmit" method="post">
		<input type="hidden" name="outTradeNo" th:value="${alipayForm.outTradeNo}"/>
		<input type="hidden" name="subject" th:value="${alipayForm.subject}"/>
		<input type="hidden" name="body" th:value="${alipayForm.body}"/>
		<input type="hidden" name="price" th:value="${alipayForm.price}"/>
		<input type="hidden" name="showUrl" th:value="${alipayForm.showUrl}"/>
		<input type="hidden" name="receiveName" th:value="${alipayForm.receiveName}"/>
		<input type="hidden" name="receiveAddress" th:value="${alipayForm.receiveAddress}"/>
		<input type="hidden" name="receiveZip" th:value="${alipayForm.receiveZip}"/>
		<input type="hidden" name="receivePhone" th:value="${alipayForm.receivePhone}"/>
		<input type="hidden" name="receiveMobile" th:value="${alipayForm.receiveMobile}"/>
		</form>


实现该页面转到原页面,产生一个新窗口

$一个Query标识

<script type="text/javascript">
$(document).ready(function(){//前台页面的read方法
	$("#submitAlipay").click(function(){
	//Id为submitAlipay的按钮点击是会产生功能
		alipayForm.target = "newWindow";//定义一个newwindow		
		var win = window.open("about:blank", "newWindow");//产生一个新的页面
		win.focus();//新产生页面获取焦点
		alipayForm.submit();//提交form单
		window.location.href="initGoods?type=liangshi";//跳转到首页
	});
});
</script>


转载于:https://my.oschina.net/u/2411987/blog/483395

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值