jsp中利用Jquery和LayUI点击按钮弹出修改用户信息的好看的模态框

您可以使用LayUI框架中的模态框来实现这个功能，以下是一个简单的示例：

1. 在JSP页面中引入jQuery和LayUI框架的相关文件：

<!-- 引入jQuery文件 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<!-- 引入LayUI框架的JS和CSS文件 -->
<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>

2. 创建一个按钮，添加点击事件，触发模态框弹出：

<button class="layui-btn layui-btn-normal" id="editUserBtn">修改用户信息</button>

3. 创建一个模态框，包含用户信息的表单：

<div id="editUserModal" class="layui-layer layui-layer-page" style="display:none;">
  <div class="layui-layer-title">修改用户信息</div>
  <div class="layui-layer-content">
    <form class="layui-form">
      <div class="layui-form-item">
        <label class="layui-form-label">用户名</label>
        <div class="layui-input-block">
          <input type="text" id="username" name="username" lay-verify="required" autocomplete="off" placeholder="请输入用户名" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
          <input type="password" id="password" name="password" lay-verify="required" autocomplete="off" placeholder="请输入密码" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">邮箱</label>
        <div class="layui-input-block">
          <input type="email" id="email" name="email" lay-verify="required|email" autocomplete="off" placeholder="请输入邮箱" class="layui-input">
        </div>
      </div>
    </form>
  </div>
  <div class="layui-layer-btn layui-layer-btn-">
    <a class="layui-layer-btn0" id="saveEditBtn">保存修改</a>
    <a class="layui-layer-btn1">关闭</a>
  </div>
</div>

4. 在JavaScript代码中添加保存修改按钮的点击事件，获取表单中的数据并提交到后台：

$(function() {
  // 点击修改用户信息按钮
  $('#editUserBtn').click(function() {
    // 打开模态框
    layer.open({
      type: 1,
      area: ['500px', '300px'],
      title: false,
      closeBtn: false,
      shadeClose: true,
      content: $('#editUserModal'),
      success: function(layero, index) {
        // 初始化表单数据
        $('#username').val('张三');
        $('#password').val('123456');
        $('#email').val('zhangsan@example.com');
      }
    });
  });

  // 点击保存修改按钮
  $('#saveEditBtn').click(function() {
    // 获取表单数据
    var username = $('#username').val();
    var password = $('#password').val();
    var email = $('#email').val();
    
    // TODO: 将表单数据提交到后台处理
    
    // 关闭模态框
    layer.close(layer.index);
  });
});

以上是一个简单的示例，您可以根据实际需求进行修改和扩展。