index.jsp 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%
  4. String url="main.jsp";
  5. if(request.getSession().getAttribute("user")!=null){
  6. url="article?type=0";
  7. }
  8. %>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  10. <html>
  11. <head>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <title>blog</title>
  14. <link rel="stylesheet" href="utilLib/fonts/font_photo/iconfont.css">
  15. <link rel="stylesheet" href="css/index.css" type="text/css" media="screen" />
  16. <script type="text/javascript" src="js/jquery.js"></script>
  17. <script type="text/javascript" src="js/tendina.min.js"></script>
  18. <script type="text/javascript" src="js/common.js"></script>
  19. <link rel="stylesheet" href="css/bootstrap.min.css">
  20. <script type="text/javascript">
  21. $(function(){
  22. for(var i=0;i<$(".div2").length;i++){
  23. $(".div2").eq(i).next("div").slideToggle("slow")
  24. .siblings(".div3:visible");
  25. }
  26. });
  27. </script>
  28. <style>
  29. body{ margin:0;font-family:微软雅黑;}
  30. .left{ width:195px; height:100%; border-right:1px solid #CCCCCC ;#FFFFFF; color:#000000; font-size:14px; text-align:center;}
  31. .div1{text-align:center; width:195px; padding-top:10px;}
  32. .div2{height:40px; line-height:40px;cursor: pointer; font-size:13px; position:relative;border-bottom:#ccc 1px dotted;}
  33. .jbsz {position: absolute; height: 20px; width: 20px; left: 40px; top: 10px; background:url(images/1.png);}
  34. .xwzx {position: absolute; height: 20px; width: 20px; left: 40px; top: 10px; background:url(images/2.png);}
  35. .zxcp {position: absolute; height: 20px; width: 20px; left: 40px; top: 10px; background:url(images/4.png);}
  36. .lmtj {position: absolute; height: 20px; width: 20px; left: 40px; top: 10px; background:url(images/8.png);}
  37. .div3{display: none;cursor:pointer; font-size:13px;}
  38. .div3 ul{margin:0;padding:0;}
  39. .div3 li{ height:30px; line-height:30px; list-style:none; border-bottom:#ccc 1px dotted; text-align:center;}
  40. </style>
  41. </head>
  42. <body>
  43. <!--顶部-->
  44. <nav class="navbar navbar-default" role="navigation">
  45. <div class="container-fluid">
  46. <div class="navbar-header">
  47. <a class="navbar-brand" href="#">管理系统</a>
  48. </div>
  49. <ul class="nav navbar-nav navbar-right">
  50. <li><a href="user?type=4"><span class="glyphicon "></span>退出登录</a></li>
  51. </ul>
  52. </div>
  53. </nav>
  54. <!--顶部结束-->
  55. <!--菜单-->
  56. <div class="layout_left_menu">
  57. <div class="left">
  58. <div class="div1">
  59. </div>
  60. <div class="div2"><div class="jbsz"> </div>用户</div>
  61. <div class="div3">
  62. <ul>
  63. <li><a href="user?type=6" target="menuFrame"><i class="glyph-icon icon-chevron-right"></i>添加</a></li>
  64. <li><a href="user?type=2" target="menuFrame"><i class="glyph-icon icon-chevron-right"></i>查询</a></li>
  65. </ul>
  66. </div>
  67. <div class="div2" ><div class="iconfont icon-tupian"> </div>图表</div>
  68. <div class="div3">
  69. <ul>
  70. <li><a href="javascript:show('http://localhost:8080/news1/echar1.jsp')"><i class="glyph-icon icon-chevron-right"></i>数据</a></li>
  71. </ul>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <!--菜单结束-->
  77. <div id="layout_right_content" class="layout_right_content">
  78. <div class="mian_content">
  79. <div id="page_content">
  80. <iframe id="menuFrame" name="menuFrame" src="<%=url%>" style="overflow:visible;"
  81. scrolling="yes" frameborder="0" width="100%" height="100%"></iframe>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="layout_footer">
  86. </div>
  87. </body>
  88. <script type="text/javascript">
  89. function show(url){
  90. $("#menuFrame").attr("src",url);
  91. }
  92. </script>
  93. </html>