5.7
主界面主要分成五部分：
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>
浙公网安备 33010602011771号