jsp页面修改成html页面

最新推荐文章于 2021-10-16 00:15:12 发布

转载最新推荐文章于 2021-10-16 00:15:12 发布 · 2.6k 阅读

14 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2411987/blog/483395

文章标签：

#python #javascript #ViewUI

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

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

2019独角兽企业重金招聘Python工程师标准>>>

主要修改之处

对于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