河北省政策查询系统
主界面主要分成五部分：
1、顶部为LOGO区，主要展示科技技术情报研究院的LOGO，并用蓝黑色显示科技政策查询系统。
2、第二部分为多条件查询区，主要包括政策图解（按钮式超级链接），查询条件包括政策名称、政策文号、发文机构、全文检索四个查询条件，可以根据四个条件进行综合查询。
3、第三部分为左侧科技政策分类树形结构，要求从policy_kind科技政策分类表中读取科技政策分类属性，后面括号内标注的是属于这个分类的科技政策数量，政策数量的统计来源于科技政策数据库。点击相关的分类，右侧的政策接过去显示相应数量的科技政策列表。
4、第四部分为右侧政策查询结果显示区，显示科技政策查询结果列表，点击查看或者具体的政策名称，跳转到政策详细信息显示界面（如下图所示）。
查询结果列表包括政策名称、发文机构、颁布日期、政策分类、操作五项内容。
显示结果要求：
（1）结果表标题政策名称包括政策名称、发文机构、颁布日期、政策分类、操作五个标题居中显示。
（2）政策名称、发文机构结果列表左对齐，颁布日期、政策分类、操作的结果列表居中显示。
（3）要求分页显示，按照图示要求。
5、底部的系统说明区：要求按照样式加载：Copyright 1996-2022 All Rights Reserved 版权所有：河北省科学技术情报研究院 河北省科技创新战略研究院 技术支持：河北省科技信息处理实验室。
1 <%-- 2 Created by IntelliJ IDEA. 3 User: wanghongbing 4 Date: 2023/4/10 5 Time: 15:26 6 To change this template use File | Settings | File Templates. 7 --%> 8 <%@ page contentType="text/html;charset=UTF-8" language="java" %> 9 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 10 <%@page isELIgnored="false" %> 11 <html> 12 <head> 13 <title>科技政策查询系统</title> 14 <script src="static/js/jquery.min.js"></script> 15 </head> 16 <link rel="stylesheet" href="layui/css/layui.css" media="all"> 17 <script src="layui/layui.js" charset="utf-8"></script> 18 <%--<script>--%> 19 <%-- function fun(){--%> 20 <%-- $.ajax({--%> 21 <%-- url:"servlet?method=SelectAll",--%> 22 <%-- type:"Get",--%> 23 <%-- data:{"name":$("#name").val(),"document":$("#document").val(),"organ":$("#organ").val(),"full":$("#full").val()},--%> 24 <%-- success:function (data) {--%> 25 <%-- $("#name").val("");--%> 26 <%-- $("#document").val("");--%> 27 <%-- $("#organ").val("");--%> 28 <%-- $("#full").val("");--%> 29 <%-- },--%> 30 <%-- error:function (){--%> 31 <%-- alert("出错了")--%> 32 <%-- },--%> 33 <%-- successful: function (data) {--%> 34 35 <%-- },--%> 36 <%-- dataType:"text"--%> 37 38 <%-- });--%> 39 <%-- }--%> 40 <%--</script>--%> 41 <body> 42 <div align="center"> 43 <!-- 头部区域（可配合layui 已有的水平导航） --> 44 <ul class="layui-nav layui-layout-left"> 45 <!-- 移动端显示 --> 46 <li class="layui-nav-item layui-show-xs-inline-block layui-hide-md" lay-header-event="menuLeft"> 47 <i class="layui-icon layui-icon-spread-left"></i> 48 </li> 49 <li class=" layui-hide-xs" style="color:deepskyblue ;vertical-align: center"> 50 <img src="images/LOGO.png" alt="" width="40" height="40" style="margin-bottom:4px"> 51 <span style="padding-top: 10px;font-size: 35px">科技政策查询系统</span> 52 </li> 53 54 </ul> 55 </div> 56 <div align="center"> 57 <!-- 内容主体区域 --> 58 <div style="width: 1300px;height: 75px;float: top;" align="center"> 59 <form action="servlet?method=SelectAll" method="post" align="center"> 60 61 <span style="margin-top: 50px"> 项目名称 </span> 62 <input type="text" id="name" name="name" style="margin-top: 25px;height: 25px;width: 150px;border: none" placeholder="请输入政策名称"> 63 64 <span style="margin-top: 50px">发文字号 </span> 65 <input type="text" id="document" name="document" style="margin-top: 25px;height: 25px;width: 150px;border: none" placeholder="发文字号"> 66 67 <span style="margin-top: 50px">发文机构 </span> 68 <input type="text" id="organ" name="organ" style="margin-top: 25px;height: 25px;width: 150px;border: none" > 69 70 <span style="margin-top: 50px">全文检索 </span> 71 <input type="text" id="full" name="full" style="margin-top: 25px;height: 25px;width: 150px;border: none" > 72 73 <input type="submit" class="layui-btn" > 74 </form> 75 </div> 76 <div style="float:top" align="center"> 77 <%-- <iframe src="select.jsp" id="main" height="100%" width="1110px"> </iframe>--%> 78 <div style="float:top;width: 1110px;height: 100%"> 79 <table class="layui-table" layui-data= "{skin: even:true, } "> 80 <tr> 81 <th>政策名称</th> 82 <th>发文机构</th> 83 <th>颁布日期</th> 84 <th>政策分类</th> 85 <th>操作</th> 86 </tr> 87 <c:forEach items="${kc}" var="Policy"> 88 <tr> 89 <td><c:out value="${Policy.name}"></c:out> </td> 90 <td><c:out value="${Policy.organ}"></c:out></td> 91 <td><c:out value="${Policy.date}"></c:out></td> 92 <td><c:out value="${Policy.type}"></c:out></td> 93 <td><a href="servlet1?method1=${Policy.name}"}><button class="layui-btn">查看</button></a></td> 94 </tr> 95 </c:forEach> 96 <tr> 97 <td colspan="4"> 98 当前${currpage }页/${2}页 99 <a href="servlet?currpage=1">首页</a> 100 101 <a href="servlet?currpage=${currpage-1<=1?1:currpage-1}">上一页</a> 102 103 <a href="servlet?currpage=${currpage+1>allcout?allcout:currpage+1}">下一页</a> 104 105 <a href="servlet?currpage=${totalCount}">尾页</a> 106 跳转到 107 <input type="number" min="1" max="${2}" name="currpage" style="width:50px" /> 108 /${2 }页 109 <input type="submit" value="GO"> 110 </td> 111 </tr> 112 </table> 113 </div> 114 <div align="center"> 115 116 117 118 </div> 119 </div> 120 </div> 121 122 <%--<div class="layui-footer layui-bg-black">--%> 123 <%-- <!-- 底部固定区域 -->--%> 124 <%-- <div style="text-align: center">Copyright 1996-2022 All Rights Reserved 版权所有：河北省科学技术情报研究院 河北省科技创新战略研究院 技术支持：河北省科技信息处理实验室。</div>--%> 125 <%-- <%– 底部固定区域–%>--%> 126 <%--</div>--%> 127 </div> 128 <script src="layui/layui.js"></script> 129 <script> 130 //JS 131 layui.use(['element', 'layer', 'util'], function(){ 132 var element = layui.element 133 ,layer = layui.layer 134 ,util = layui.util 135 ,$ = layui.$; 136 137 //头部事件 138 util.event('lay-header-event', { 139 //左侧菜单事件 140 menuLeft: function(othis){ 141 layer.msg('展开左侧菜单的操作', {icon: 0}); 142 } 143 ,menuRight: function(){ 144 layer.open({ 145 type: 1 146 ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>' 147 ,area: ['260px', '100%'] 148 ,offset: 'rt' //右上角 149 ,anim: 5 150 ,shadeClose: true 151 }); 152 } 153 }); 154 155 }); 156 </script> 157 158 </body> 159 </html>
