BootStrap实现邮件列表的分页和模态框添加邮件的(2)

<pre><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"https://www.jb51.net/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="https://www.jb51.net/<%=basePath%>"> <title>My JSP 'mailbox.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <head> <link type="text/css" href="https://www.jb51.net/${pageContext.request.contextPath}/css/bootstrap.min.css"> <link type="text/css" href="https://www.jb51.net/${pageContext.request.contextPath}/css/admin.css"> <link type="text/css" href="https://www.jb51.net/${pageContext.request.contextPath}/js/sweetalert.css"> <link type="text/css" href="https://www.jb51.net/rccwgl/components/dtree/dtree.css"> </head> <body> <!-- tab导航列表 --> <ul> <li><a href="#home" data-toggle="tab">邮件列表</a></li> <li><a href="#ios" data-toggle="tab">未读邮件</a></li> <li><a href="#gz" data-toggle="tab">已读邮件</a></li> <li><a href="#cg" data-toggle="tab">草稿列表</a></li> <li> <a href="#" data-toggle="dropdown">功能开发中 <b></b> </a> <ul role="menu" aria-labelledby="myTabDrop1"> <li><a href="#jmeter" tabindex="-1" data-toggle="tab">开发一</a></li> <li><a href="#ejb" tabindex="-1" data-toggle="tab">开发二</a></li> </ul> </li> </ul> <!-- 邮件内容显示 --> <div> <!-- 邮件列表 --> <div> <!-- <form method="post" action="R_costServlet?action=plpay_a" onsubmit="return pldelete();">--> <div > <input type="button" value="批量删除"> <button data-toggle="modal" data-target="#myModal">写邮件</button> <div> <div> <table> <thead> <tr> <td><input type="checkbox" >全选</td> <td>主题</td> <td>发件人</td> <td>邮件内容</td> <td>接收时间</td> <td>是否读取</td> <td>操作</td> </tr> </thead> <tbody></tbody> </table> <div></div> </div> </div> </div> <!--</form> --> </div> <!-- 未读邮件 --> <div> <!-- <form method="post" action="R_costServlet?action=plpay_a" onsubmit="return pldelete();">--> <div > <input type="submit" value="批量删除"> <input type="submit" value="写邮件"> <div> <div> <table> <thead> <tr> <td><input type="checkbox">全选</td> <td>序号</td> <td>发件人</td> <td>邮件内容</td> <td>接收时间</td> <td>是否读取</td> <td>编辑</td> </tr> </thead> <tbody></tbody> </table> <div></div> </div> </div> </div> <!-- </form>--> </div> <!-- 已读邮件 --> <div> <!-- <form method="post" action="R_costServlet?action=plpay_a" onsubmit="return pldelete();">--> <div > <input type="submit" value="批量删除"> <input type="submit" value="写邮件"> <div> <div> <table> <thead> <tr> <td><input type="checkbox">全选</td> <td>序号</td> <td>发件人</td> <td>邮件内容</td> <td>接收时间</td> <td>是否读取</td> <td>编辑</td> </tr> </thead> <tbody></tbody> </table> <div></div> </div> </div> </div> <!-- </form>--> </div> <div> <div > <p>jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序,用于负载和性能测试。</p> </div> </div> <div> <p>Enterprise Java Beans(EJB)是一个创建高度可扩展性和强大企业级应用程序的开发架构,部署在兼容应用程序服务器(比如 JBOSS、Web Logic 等)的 J2EE 上。 </p> </div> <!-- 草稿列表 --> <div> <!-- <form method="post" action="R_costServlet?action=plpay_a" onsubmit="return pldelete();">--> <div > <input type="submit" value="批量删除"> <input type="submit" value="写邮件"> <div> <div> <table> <thead> <tr> <td><input type="checkbox">全选</td> <td>序号</td> <td>发件人</td> <td>邮件内容</td> <td>接收时间</td> <td>是否读取</td> <td>编辑</td> </tr> </thead> <tbody></tbody> </table> <div></div> </div> </div> </div> <!-- </form>--> </div> <!-- --> </div> <!-- 写邮件的弹出框 --> <div> <div> <div tabindex="-1" role="dialog" aria-labelledby="myModalLabel" > <div role="document"> <div> <div> <button type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4>写邮件</h4> </div> <div> <div> <label for="txt_departmentname">主题</label> <input type="text" placeholder="部门名称"> </div> <div> <div > <input type="text"> </div> </div> <div> <label for="txt_departmentname">收件人</label> <input type="text" placeholder="部门名称"> <input type="hidden"><!-- 父菜单id --> </div> <div> <label for="txt_statu">邮件内容</label> <textarea rows="8"></textarea> </div> </div> <div> <button type="button" data-dismiss="modal"><span aria-hidden="true"></span>发送</button> <button type="button" data-dismiss="modal"><span aria-hidden="true"></span>关闭</button> <button type="button" data-dismiss="modal"><span aria-hidden="true"></span>保存</button> </div> </div> </div> </div> </div> </div> <script src="https://www.jb51.net/rccwgl/js/jquery-3.1.0.min.js"></script> <script src="https://www.jb51.net/rccwgl/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://www.jb51.net/js/bootstrap-paginator.js"></script> <script type="text/javascript" src="https://www.jb51.net/js/sweetalert.min.js"></script> <script type="text/javascript" src="https://www.jb51.net/js/sweetalert-dev.js"></script> <script src="https://www.jb51.net/rccwgl/mailbox/js/mailbox.js"></script> <script type="text/javascript" charset="utf-8" src="https://www.jb51.net/mailbox/kindeditor-4.1.10/kindeditor.js"></script> <script charset="utf-8" src="https://www.jb51.net/mailbox/kindeditor-4.1.10/lang/zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="https://www.jb51.net/rccwgl/mailbox/js/kdreply.js"></script> <SCRIPT type="text/javascript" src="https://www.jb51.net/rccwgl/components/dtree/dtree.js"></SCRIPT> </body> </html>

js

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzdswj.html