`

jsp中导入标签的技巧

    博客分类：
  • jsp
 
阅读更多
   可以一些公共导入的js放到一个jsp文件中来，当其它文件要引用这些js时，直接include
这个jsp页面就可以了，省去不少标签。常见的是使用ext,jquery必须要导入的一些js文件，
可以使用这种方式。

引用
jqueryMaster.jsp

<!-- jquery必须引用页 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<% String root = request.getContextPath(); %>
<script type="text/javascript">
 var root = "<%=root%>"; //js中存放当前页面的root路径方便调用
</script>
<script type="text/javascript" src="<%=root%>/Web/common/js/jquery-1.4.4.min.js"></script>


引用
LoginInfoMain.jsp中使用include把js引用进来

<%@ page contentType="text/html; charset=UTF-8" language="java"
	import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/Web/common/page/jqueryMaster.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css"
	href="<%=root%>/Web/common/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="<%=root%>/Web/common/js/easyui/themes/icon.css">
<script type="text/javascript"
	src="<%=root%>/Web/common/js/easyui/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="<%=root%>/Web/common/js/easyui/js/easyui-lang-zh_CN.js"></script>

<link rel="stylesheet"
	href="<%=root%>/Web/common/css/tooltip-form-style.css"></link>

<script type="text/javascript"
	src="<%=root%>/Web/ospm/loginInfo/js/loginInfoMain.js"></script>


<script type="text/javascript">
	$(function() {
		$(":button").click(function() {//查询按钮绑定单击事件
			var fields = $("form").serializeArray();
			$.ajax({
				type : "POST",
				url : "<%=root%>/ospm/loginInfo/doLoginInfoSearch.action",
				dataType :'text',
				data : fields,
				success : function(msg) {
					
				}
				
			});

		});
	});
</script>
</head>

<body>


	<fieldset>
		<legend>用户查询</legend>
		<form action="">
			<label for="username">用戶名</label><input type="text" name="username"
				id="username" /> <input type="button" value="查询" title="查询" />
		</form>
	</fieldset>



	<!-- 表格 -->
	<table id="loginInfoTable" title="用户信息一览" border="0" cellspacing="0"
		cellpadding="0" iconCls="icon-edit" width="100%" nowrap=false
		idField="loginId" pagination="true" remoteSort="false"
		singleSelect="false" showFooter="false" striped="true" page=1 rows=10
		url="<%=root%>/ospm/loginInfo/doLoginInfoSearch.action">
		<thead>
			<tr align="center">
				<th field="ck" width="20" checkbox="true"></th>
				<th field="loginCode" width="200">用户名</th>
				<th field="statuValue" width="100">状态</th>
				<th field="opt" formatter='optFormater' width="150">操作</th>
			</tr>
		</thead>
	</table>

	<!-- 添加 -->
	<div id="loginInfoAdd" icon="icon-save"
		style="padding: 5px; width: 500px; height: 300px;">
		<h5 id="loginInfoAdd_message" style="color: red;"></h5>
		<div class="ToolTip_Form" id="table_loginInfoAdd"
			onkeydown="if(event.keyCode==13){loginInfoAdd();}">
			<ul>
				<li><label>用户名：</label> <input type="text"
					class="easyui-validatebox" id="loginInfoAdd_loginCode"
					maxlength="20" required="true"></input>
				</li>
				<li><label>密码：</label> <input type="password"
					class="easyui-validatebox" id="loginInfoAdd_password"
					maxlength="20" required="true"></input>
				</li>
				<li><a href="#" class="easyui-linkbutton" icon="icon-ok"
					onclick="loginInfoAdd();">提交</a> <a href="#"
					class="easyui-linkbutton" icon="icon-redo"
					onclick="loginInfoAddReset();">重置</a>
				</li>
			</ul>
		</div>
	</div>

	<!-- 编辑 -->
	<div id="loginInfoEdit" icon="icon-save"
		style="padding: 5px; width: 500px; height: 300px;">
		<h5 id="loginInfoEdit_message" style="color: red;"></h5>
		<div class="ToolTip_Form" id="table_loginInfoEdit"
			onkeydown="if(event.keyCode==13){loginInfoEdit();}">
			<input type="hidden" id="loginInfoEdit_loginId"></input>
			<ul>
				<li><label>用户名：</label> <label id="loginInfoEdit_loginCode"></label>
				</li>
				<li><label>密码：</label> <input type="password"
					class="easyui-validatebox" id="loginInfoEdit_password"
					maxlength="20" required="true"></input>
				</li>
				<li><label>重复密码：</label> <input type="password"
					class="easyui-validatebox" id="loginInfoEdit_repassword"
					maxlength="20" required="true"></input>
				</li>
				<li><a href="#" class="easyui-linkbutton" icon="icon-ok"
					onclick="loginInfoEdit();">提交</a>
				</li>
			</ul>
		</div>
	</div>
</body>
</html>
分享到：
| hibernate hql 去重复用法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JSP编程技巧(PDG)

    **JSP编程技巧详解** JSP（JavaServer Pages）是一种基于Java技术的动态网页开发工具，它允许开发者在HTML页面中嵌入Java代码，从而实现动态网页的创建。本资料"JSP编程技巧(PDG)"提供了丰富的JSP学习资源，非常...

    JSP编程技巧（自学手册）

    **JSP编程技巧（自学手册）** JSP（JavaServer Pages）是Java平台上的...通过深入学习本手册，你将能熟练掌握JSP的编程技巧，无论是在企业级应用开发还是个人项目中，都能游刃有余地运用JSP来创建功能丰富的动态网站。

    JSP编程技巧 JSP编程技巧

    **JSP（Java Server Pages）编程技巧** JSP是Java平台上的动态网页技术，它允许开发者将静态HTML与动态Java代码结合，以创建交互式的Web应用程序。以下是一些关键的JSP编程技巧，旨在帮助开发者更高效、更灵活地...

    JSP编程技巧

    - **JSTL（JavaServer Pages Standard Tag Library）**: 提供了`&lt;c:forEach&gt;`，`&lt;c:if&gt;`，`&lt;fmt:formatDate&gt;`等标签，简化了JSP页面的编写。 3. **JSP生命周期** - **翻译阶段**: JSP页面被转换为Servlet源代码...

    三套Jsp中文帮助文档

    JSP（Java Server Pages...通过深入阅读这三套JSP中文帮助文档，您可以全面了解JSP的基础知识，掌握JSP编程技巧，解决实际开发中的问题。不论是初学者还是有经验的开发者，都能从中受益，提升自己的Java Web开发能力。

    jsp编程技巧.rar

    `page`指令用于设置整个JSP页面的属性，如导入包、指定字符集等；`include`指令用于在运行时动态包含其他文件；`forward`指令则用于请求转发。 3. **JSP动作** - 使用`&lt;jsp:useBean&gt;`来实例化或查找Java Bean，它...

    jsp编程及各种技巧和特例

    以上内容仅是对JSP编程的一些基础介绍和常见技巧，实际应用中还有更多高级特性，如自定义标签、MVC框架集成、Servlet过滤器等。对于每个文件名称（1.txt至14.txt），它们可能包含了具体的示例代码和解释，建议逐一...

    jsp小技巧实例

    这些小技巧涵盖了JSP开发中的常见问题和解决方案，通过学习和实践这些技巧，你可以更有效地编写和维护JSP应用程序，提高开发效率，同时提升用户体验。在实际工作中，不断探索和总结，你会发现更多JSP的实用小技巧。...

    jsp 2.0技术手册中文版

    - JSP可以通过`&lt;jsp:useBean&gt;`标签实例化和操作Servlet中的JavaBean对象。 7. **JSP 2.0的优化** - 静态导出：允许开发者将部分JSP页面静态化，提高页面访问速度。 - 自动错误处理：提供了更友好的错误页面，...

    jsp中文帮助文档大全

    - JSP错误处理和调试技巧。 - 实战案例，展示如何在实际项目中应用JSP技术。 对于开发人员来说，理解和掌握这些知识点是提高JSP编程能力的关键。通过深入学习和实践，开发者能更好地利用JSP来构建高效、可维护的Web...

    JSP宝典PDF文字版

    这本书旨在帮助读者掌握JSP的基础知识，进阶技巧，以及如何在实际项目中有效地运用JSP进行Web开发。JSP作为一种动态网页技术，是Java平台上的重要组成部分，对于构建企业级Web应用具有至关重要的作用。 1. **JSP...

    jsp虚静态

    至于提供的标签"源码"和"工具"，它们可能暗示着讨论的内容涉及JSP源代码的编写技巧以及可能使用的辅助工具，如IDE（集成开发环境）中的代码自动完成和静态分析工具，这些工具可以帮助开发者更好地管理和优化包含“虚...

    JSP编程技巧.rar

    JSP 2.0引入了标签库（Tag Libraries），使得开发自定义标签变得容易，例如JSTL（JavaServer Pages Standard Tag Library）。这些标签简化了常见的任务，如迭代、条件判断、XML处理等。 ### 6. MVC模式与JSP 在MVC...

    jsp高级编程（适合高级用户使用）

    在这个主题中，我们将探讨一系列JSP的高级特性和实践技巧，帮助开发者更好地理解和利用这些特性来优化Web应用程序。 **1. JSP表达式与脚本元素** JSP表达式允许将Java表达式直接插入到HTML输出中，而脚本元素则用于...

    jsp编程技巧

    - `&lt;%@ page&gt;`指令：定义JSP页面的属性，如语言、导入包等。 - `&lt;jsp:include&gt;`动作：动态包含其他页面，提高代码复用。 - `&lt;jsp:useBean&gt;`动作：用于实例化JavaBean或查找已存在的Bean。 3. **脚本元素** - *...

    JSP 网页报表实例

    在JSP中，我们可以通过Servlet或自定义标签库（Tag Library）来处理数据和生成图表，然后在JSP页面上进行渲染。ReportForm可能包含了处理数据、调用JFreeChart API生成图表的Servlet，以及显示图表的JSP页面。 在...

    JSTL AIP帮助文档，JSP标签学习文档

    1. **导入JSTL库**：首先，你需要在JSP页面的头部引入JSTL的JAR文件，这通常通过在`&lt;jsp:include&gt;`标签中添加`page`指令来完成，比如`&lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %&gt;`，其中`...

    JSP学习电子教案JSP

    在本文中，我们将深入探讨JSP的核心概念、应用以及相关的编程技巧。 ### 1. JSP概述 JavaServer Pages（JSP）是Sun Microsystems开发的一种用于构建动态网站的技术，它将HTML、CSS、JavaScript与Java代码相结合，...

Magicbox
Global site tag (gtag.js) - Google Analytics