基于bootstrap3 生成一个form表单配置页面，字段有接口id、接口名称、接口类名称、接口路径、有效标志、创建时间、修改时间、操作人、有复选框，可以新增、修改、删除，可以根据接口名称、接口类名称、接口id、接口路径及创建时间和修改时间查询，而且有form-data的ajax后台交互js

好的，我理解你的要求了。首先，你需要先引入Bootstrap3的CSS和JS文件，以及jQuery和Bootstrap3的JS依赖文件，代码如下：

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

然后，你需要创建一个表单，代码如下：

<div class="container">
  <h2>接口配置</h2>
  <form class="form-horizontal" id="interface-form">
    <div class="form-group">
      <label class="control-label col-sm-2" for="interface-id">接口ID:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="interface-id" name="interface-id" placeholder="请输入接口ID">
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2" for="interface-name">接口名称:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="interface-name" name="interface-name" placeholder="请输入接口名称">
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2" for="interface-class">接口类名称:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="interface-class" name="interface-class" placeholder="请输入接口类名称">
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2" for="interface-path">接口路径:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="interface-path" name="interface-path" placeholder="请输入接口路径">
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2" for="is-valid">有效标志:</label>
      <div class="col-sm-10">
        <label class="checkbox-inline"><input type="checkbox" id="is-valid" name="is-valid" value="1">是</label>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2" for="create-time">创建时间:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="create-time" name="create-time" placeholder="请输入创建时间">
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2" for="update-time">修改时间:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="update-time" name="update-time" placeholder="请输入修改时间">
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-sm-2" for="operator">操作人:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="operator" name="operator" placeholder="请输入操作人">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="submit" class="btn btn-default">提交</button>
      </div>
    </div>
  </form>
</div>

接下来，你需要编写一个AJAX请求，将表单数据提交到后台，代码如下：

$(document).ready(function() {
  // 提交表单
  $('#interface-form').submit(function(e) {
    e.preventDefault();
    var formData = $(this).serialize();
    $.ajax({
      url: '/api/interface',
      type: 'POST',
      data: formData,
      dataType: 'json',
      success: function(data) {
        alert('提交成功！');
      },
      error: function() {
        alert('提交失败！');
      }
    });
  });
});

最后，你需要编写一个查询接口的AJAX请求，将查询条件提交到后台，并将返回的数据渲染到页面中，代码如下：

$(document).ready(function() {
  // 查询接口
  $('#search-btn').click(function() {
    var interfaceId = $('#interface-id-search').val();
    var interfaceName = $('#interface-name-search').val();
    var interfaceClass = $('#interface-class-search').val();
    var interfacePath = $('#interface-path-search').val();
    var createTime = $('#create-time-search').val();
    var updateTime = $('#update-time-search').val();
    $.ajax({
      url: '/api/interface',
      type: 'GET',
      data: {
        'interfaceId': interfaceId,
        'interfaceName': interfaceName,
        'interfaceClass': interfaceClass,
        'interfacePath': interfacePath,
        'createTime': createTime,
        'updateTime': updateTime
      },
      dataType: 'json',
      success: function(data) {
        // 渲染数据到页面
      },
      error: function() {
        alert('查询失败！');
      }
    });
  });
});

以上就是基于Bootstrap3生成一个form表单配置页面的代码，你可以根据需要进行修改和优化。