第一个前台页面----xflow的页面
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib tagdir="/WEB-INF/tags" prefix="ispr"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<ispr:page title="">
<jsp:attribute name="resources">
<ispr:i18n bundle="xflow"></ispr:i18n>
<script type="text/javascript">
var ctx = "${pageContext.request.contextPath}";
</script>
<style>
html body {
height: 100%;
width: 100%;
padding-top: 5px;
font-size: 12px;
line-height: 16px;
font-family: "Arial", "å®ä½", "Tahoma", "Verdana", "SimSun";
color: #000;
min-width: 900px;
overflow: hidden;
}
.errorMsg_leon {
background: center no-repeat white;
background-position: 5px 50%;
text-align: left;
padding: 2px 20px 2px 25px;
border: 1px solid #F9CBCB;
display: none;
width: 230px;
margin-left: 0px;
position: fixed;
border-radius: 4px;
font-family: Arail;
font-size: 12px;
font-family: color:"#E03689";
}
</style>
<ispr:link folder="/css/momgt" resources="validate_inspur.css" />
<ispr:link folder="/lib/searchField/css" resources="searchField.css" />
<ispr:link folder="/js/xflow" resources="appMapping.js" />
<script type="text/javascript"
src="${pageContext.request.contextPath}/lib/jquery.json-2.4.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/lib/jquery.form.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/xflow/appMapping_import_result.js"></script>
</jsp:attribute>
<jsp:body>
<div id="center-panel">
<div class="m_tit_operate">
<span class="pr20"><a id="createAppMappingBtn"></a></span>
<span class="pr20"><a id="modifyAppMappingBtn"></a></span>
<span class="pr20"><a id="deleteAppMappingBtn"></a></span>
<span class="pr20"><a id="importAppMappingBtn"></a></span>
<span class="pr20"><a id="exportAppMappingBtn"></a></span>
<span class="pr20"><a id="downloadAppMappingBtn"></a></span>
<span id="rightArea" style="float: right;">
<input value=" " id="search" name="search"></input>
</span>
<div style="clear: both"></div>
</div>
<div id="appMappingGrid_container">
<table id="appMappingGrid"></table>
</div>
</div>
<%-- import and export --%>
<div id="import-window" style="display: none;">
<form id="importForm" name="importForm"
action="${pageContext.request.contextPath}/xflow/importAppMappingXFlow.do"
method="post" enctype="multipart/form-data">
<table id="information" cellspacing="15">
<tr>
<td><label><spring:message
code="xflow.importbtn.template" />:</label></td>
<td><a id='templatehref' href='#'><spring:message
code="xflow.importbtn.filenametemplate" /></a></td>
</tr>
<tr>
<td><label> <spring:message code="xflow.exportbtn.excelFileType" />:</label></td>
<td><label></label>
<input type="file" name="appMappingfileupload"
id="appMappingfileupload" class="fileuploadWidth"
style="position: absolute; filter: alpha(opacity = 0);opacity:0; width: 202px; height: 25px;"
onChange="document.importForm.importpath.value=this.value"
hidefocus="hidefocus" />
<span class="errorMsg_leon"></span>
<input id="importpath" name="importpath"
readonly="readonly" />
<input type="button" value="Browse"
onclick="document.expRuleImpForm.rulefileupload.click()" />
</td>
</tr>
</table>
<div id="import_btn_container" class="bottomBtnBar">
<div id="operateImportBtn" align="center">
<span class="pr10"><input id="importBtn" class="save"
type="submit" /></span>
<span class="pr10"><input id="importCancelBtn"
class="cancel" /></span>
</div>
</div>
</form>
</div>
<div id="import-result" style="display: none;">
<div id="resultContainer">
<table id="resultGrid"></table>
</div>
</div>
<div id="appMapping_export_window" style="display: none;">
<form id="exportForm" name="exportForm"
action="${pageContext.request.contextPath}/xflow/downloadXFlow.do"
method="post" enctype="multipart/form-data">
<div id="excelTypeDiv"
style="margin-left: 20px; margin-top: 20px;float:center;">
<label><spring:message code="xflow.exportbtn.excelFileType" />:</label>
<input id="excelTypeCombo" name="excelTypeCombo"
style="width: 120px; margin-left: 5px;" readOnly>
</div>
<div id="export_btn_container" class="bottomBtnBar" style="margin-top:20px;">
<div id="operateExportBtn" align="center">
<span class="pr10"><input id="exportBtn" class="save" /></span>
<span class="pr10"><input id="exportCancelBtn"
class="cancel" /></span>
</div>
</div>
</form>
</div>
<%-- import and export end --%>
<div id="dialog-form" style="display: none">
<form id="create_form" name="create_form">
<table id="appmapping_table" cellspacing="10">
<tr>
<td><label><spring:message code="xflow.create.port" />:</label></td>
<td>
<input name="port" id="port" class="editStyle" />
<span class="errorMsg_leon"></span><label class="redflag"
style="color: red">*</label>
</td>
<td><label><spring:message code="xflow.create.transportLayerProtocol" />:</label>
<div id="TLPList"></div>
</td>
<td>
<%-- <select id="TLPType" name="TLPType"></select> --%>
<input name="TLPType" id="TLPType" class="editStyle" />
<span class="errorMsg_leon"></span>
<label class="redflag" style="color: red">*</label>
</td>
</tr>
<%-- second row --%>
<tr>
<td>
<div id="IPAddressType" class="item">
<label class="text">
<spring:message code="xflow.IPaddress" /> :</label>
</div>
</td>
<td colspan="3">
<div id="IPRadio">
<input type="radio" id="IPType1" name="IPType" value="1"
checked="checked" style="heigh: 23px; border: 0px;">
<spring:message code="xflow.IPAddress.all" />
<input type="radio" id="IPType2" name="IPType" value="2"
style="margin-left: 30px; heigh: 23px; border: 0px;">
<spring:message code="xflow.IPAddress.IPv4" />
<input type="radio" id="IPType3" name="IPType" value="3"
style="margin-left: 30px; heigh: 23px; border: 0px;">
<spring:message code="xflow.IPAddress.IPv6" />
</div>
</td>
</tr>
<%-- ALL IP --%>
<tr id="IPAddressAll" style="display: none">
<td>
<span id="ALLIP" class="item">
<label class="text">
<spring:message code="xflow.IPAddress.all" /> :</label>
</span>
</td>
<td colspan="3">
<input type="text" id="ALLIP" name="ALLIP"
style="height: 20px; width: 500px;" value="0.0.0.0">
<span class="errorMsg_leon"></span><span
style="padding-left: 2px;"><font color="red">*</font></span>
</td>
</tr>
<tr id="IPAddressv4" style="display: none">
<td>
<span id="IPv4" class="item">
<label class="text">
<spring:message code="xflow.IPAddress.IPv4" /> :</label>
</span>
</td>
<td colspan="3">
<table>
<tr>
<td>
<input type="text" id="IPv41" name="IPv41" style="height: 20px; width: 100px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">.</span>
</td>
<td>
<input type="text" id="IPv42" name="IPv42" style="height: 20px; width: 100px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">.</span>
</td>
<td>
<input type="text" id="IPv43" name="IPv43" style="height: 20px; width: 100px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">.</span>
</td>
<td>
<input type="text" id="IPv44" name="IPv44" style="height: 20px; width: 100px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;"><font color="red">*</font></span>
</td>
</tr>
</table>
</td>
</tr>
<tr id="IPAddressv6" style="display: none">
<td>
<span id="IPv6" class="item">
<label class="text">
<spring:message code="xflow.IPAddress.IPv6" /> :</label>
</span>
</td>
<td colspan="3">
<table>
<tr>
<td>
<input type="text" id="IPv61" name="IPv61"style="height: 20px; width: 45px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">:</span>
</td>
<td>
<input type="text" id="IPv62" name="IPv62" style="height: 20px; width: 45px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">:</span>
</td>
<td>
<input type="text" id="IPv63" name="IPv63" style="height: 20px; width: 45px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">:</span>
</td>
<td>
<input type="text" id="IPv64" name="IPv64" style="height: 20px; width: 45px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">:</span>
</td>
<td>
<input type="text" id="IPv65" name="IPv65" style="height: 20px; width: 45px;" />
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">:</span>
</td>
<td>
<input type="text" id="IPv66" name="IPv66" style="height: 20px; width: 45px;" />
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">:</span>
</td>
<td>
<input type="text" id="IPv67" name="IPv67" style="height: 20px; width: 45px;" />
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;">:</span>
</td>
<td>
<input type="text" id="IPv68" name="IPv68" style="height: 20px; width: 45px;">
<span class="errorMsg_leon"></span>
<span style="padding-left: 2px;"><font color="red">*</font></span>
</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
<%-- third row --%>
<tr>
<td><label><spring:message code="xflow.appName" /> :</label></td>
<td colspan="3">
<input type="text" id="appName" name="appName"
style="height: 20px; width: 500px;">
<span class="errorMsg_leon"></span><span
style="padding-left: 2px;"><font color="red">*</font></span>
</td>
</tr>
<%-- fourth row --%>
<tr>
<td><label><spring:message code="xflow.description" /> :</label></td>
<td colspan="3">
<textarea name="description" id="description" cols="80"
rows="3"> </textarea>
<span class="errorMsg_leon"></span>
</td>
</tr>
</table>
<%-- button --%>
<div id="operate-buttons" class="bottomBtnBar"
style="text-align: center; margin-top: 40px">
<span class="pr10"><input
type="button" id="save" class='save' /></span>
<span class="pr10"><input
type="button" id="cancel" class="cancel" /></span>
</div>
</form>
</div>
</jsp:body>
</ispr:page>
第一个前台页面----xflow的页面的更多相关文章
- C# 打印PDF文件之使用不同打印机打印所有页面或部分页面
C# 打印PDF文件之使用不同打印机打印所有页面或部分页面 最近在逛国外各大编程社区论坛的时候,发现很多人都在问一个关于PDF文件打印的问题:打印时如何选择非默认打印机并设置打印页面的范围.而一般情况 ...
- WinPhone学习笔记(一)——页面导航与页面相关
最近学一下Windows Phone(接下来简称“WinPhone”)的开发,在很久很久前稍探究一下WinPhone中对一些传感器的开发,那么现在就从头来学学WinPhone的开发.先从WinPhon ...
- JQuery操作iframe父页面与子页面的元素与方法
JQuery操作iframe父页面与子页面的元素与方法 JQUERY IFRAME 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元 ...
- 用jquery将多个页面中相似页面显示到一个页面并实现来回跳转
今天遇到一个问题,客户说页面来回跳转太麻烦了,需要把相似的页面做到一个页面上去. 接下来说一下记录一下解决方法. 首先这是三个页面中相似的Div: <div class="wenti& ...
- ThinkPHP自定义错误页面、成功页面及异常页面
为什么会选择 ThinkPHP 呢?首先,作为一款国产PHP框架,文档肯定比国外那些框架要丰富的多,而且容易看懂:其次,ThinkPHP已经发展了七八年的时间了,相对来说已经比较成熟了:当然,最重要的 ...
- 谈谈iOS开发如何写个人中心这类页面--静态tableView页面的编写
本文来自 网易云社区 . 一.本文讲的是什么问题? 在开发 iOS 应用时,基本都会遇到个人中心.设置.详情信息等页面,这里截取了某应用的详情编辑页面和个人中心页面,如下: 我们以页面结构的角度考虑这 ...
- Java&Selenium自动化测试实现页面元素、页面对象及测试代码分离
一.摘要 本篇博文将介绍自动化测试实现页面元素.页面对象及测试代码分离在自动化框架中的实现 二.解析页面元素定位信息 首先,将页面元素与实际的代码分离,首先我们将页面元素定位信息和定位表达式保存在属性 ...
- AppBox v6.0中实现子页面和父页面的复杂交互
前言 1. AppBox是捐赠开源(获取源代码至少需要捐赠作者 1 元钱),基于的 FineUI(开源版)则是完整开源,网址:http://fineui.codeplex.com/ 2. 你可以通过捐 ...
- SharePoint 2013 入门教程之创建页面布局及页面
在SharePoint的使用过程中,页面布局和页面时很重要的两个概念,主要用于数据个性化展示,下面,我们简单介绍一下SharePoint的页面布局和页面的个性化. 一. SharePoint页面模型概 ...
随机推荐
- Java 集合 散列表hash table
Java 集合 散列表hash table @author ixenos 摘要:hash table用链表数组实现.解决散列表的冲突:开放地址法 和 链地址法(冲突链表方式) hash table 是 ...
- 如何理解CSS中的浮动 :其实他就像乘坐扶梯一样
只要你用过自动扶梯,你就能很快的理解CSS中的浮动(Float). 你肯定遇到过这样的情况: 做好了,你想用CSS浮动来调整元素间的位置关系. 在写完代码之后,你发现浮动元素没出现在你设想 ...
- HttpPost与HttpVerbs.Post属性的区别
1. the HttpPost attribute is a short for the HttpVerbs.Post one but since MVC 2.0. 从MVC 2.0之后HttpPos ...
- Tomcat基础
一.Tomcat体系结构 tomcat应该是java程序员最熟悉的servlet容器了,作为一个用java实现的web应用程序服务器,下图是tomcat的体系结构 一个常见的Tomcat配置文件以下x ...
- WTL消息以及处理函数声明
MSG_WM_CREATE LRESULT OnCreate(LPCREATESTRUCT lpCreateStruct); MSG_WM_INITDIALOG LRESULT OnInitDialo ...
- DOS 命令批量删除文件及相关批处理命令详解
del X:\*.* /f /s /q /a 递归强制静默删除X盘及其所有子目录下的所有文件 /f 表示强制删除文件 /s表示子目录都要删除该文件 /q表示无声,不提示 /a根据属性选择要删除的文件 ...
- javascript焦点图自动播放
这次是完整版,网页点开就能自动播放 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...
- Javascript兑现图片预加载【回调函数,多张图片】 (转载)
Javascript实现图片预加载[回调函数,多张图片] 使用JS实现一组图片动画效果或者使用HTML5 Canvas渲染一系列图片等案例中,需要图片全部加载完成方可运行动画效果.此时程序中就会涉及多 ...
- CentOS安装配置JDK-7(.rpm)
声明:本文转自:http://www.cnblogs.com/zhoulf/archive/2013/02/04/2891608.html 安装说明 系统环境:centos-6.3安装方式:rpm安装 ...
- centos 安装ftp服务器
CentOS下搭建FTP服务器简单记录. 1.安装vsftpd yum install vsftpd 2.编辑iptablesvi /etc/sysconfig/iptables -A INPUT - ...