写一个:在jsp页面点击查询统计按钮时会弹出一个layUI录入模块,模块的内容包含:自动获取查询时间为系统时间、查询内容、查询原因、查询人、显示数字证书信息为系统当前登录用户,登记完成后才能进行查询统计模块的操作,
时间: 2023-12-10 12:39:48 浏览: 58
在jsp页面中,我们可以使用layUI弹出框来实现录入模块的功能。
首先,我们需要在页面中引入layUI的相关资源文件:
```
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
```
然后,我们在页面中添加一个按钮,用于触发弹出框:
```
<button class="layui-btn" onclick="openInputForm()">查询统计</button>
```
接着,我们编写JavaScript代码,实现弹出框的功能:
```
function openInputForm() {
//使用layUI中的layer弹出框组件
layer.open({
type: 1,
title: '录入查询信息',
area: ['500px', '400px'],
content: '<form class="layui-form" action=""><div class="layui-form-item"><label class="layui-form-label">查询时间:</label><div class="layui-input-inline"><input type="text" name="queryTime" value="' + new Date().toLocaleString() + '" class="layui-input" readonly></div></div><div class="layui-form-item"><label class="layui-form-label">查询内容:</label><div class="layui-input-inline"><input type="text" name="queryContent" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">查询原因:</label><div class="layui-input-inline"><input type="text" name="queryReason" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">查询人:</label><div class="layui-input-inline"><input type="text" name="queryUser" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">数字证书信息:</label><div class="layui-input-inline"><input type="text" name="certificateInfo" value="' + '<%= session.getAttribute("username") %>' + '" class="layui-input" readonly></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" lay-submit lay-filter="inputForm">提交</button><button type="reset" class="layui-btn layui-btn-primary">重置</button></div></div></form>'
});
}
```
在弹出框中,我们使用layUI的form组件和input组件来实现录入信息的功能。其中,查询时间使用系统时间自动获取,查询人使用当前登录用户的信息,这些信息均是通过JavaScript代码动态生成的。在录入完信息后,用户点击提交按钮即可完成登记操作。
需要注意的是,在进行查询统计操作之前,用户必须先完成录入操作,否则无法进行查询统计操作。
阅读全文