springboot 视图实体类怎么关联数据库

发布网友 发布时间：2022-05-03 07:48

我来回答

共2个回答

懂视网 时间：2022-05-03 12:09

返回的数据使用自定义DatabaseVo来接收；

public class DatabaseVo implements Serializable {
 private static final long serialVersionUID = 1L;
 //编号
 private Long id;
 //数据库名称
 private String name;
}

3.跳转到add.html页面

<div class="form-group">
 <label class="col-sm-3 control-label">数据库类型：</label>
 <div class="col-sm-8">
  <select class="form-control m-b" id="database" th:name="databaseId">
   <option value="">请选择数据库</option>
   <option th:each="database : ${databases}" th:value="${database.id}" th:text="${database.name}"></option>
  </select>
 　　 </div>
</div>

<div class="form-group">
 <label class="col-sm-3 control-label">数据项类型：</label>
 <div class="col-sm-8">
  <select name="type" id="types" class="form-control m-b" >
   
  </select>
 　</div>
</div>

4.js二级联动代码实现

 $("#database").change(function () {
 var databaseId = $("#database").val();
 if (databaseId == null) {
  return;
 }
 $.ajax({
  cache: true,
  type: "get",
  url: prefix + "/getTypeByDataBaseId",
  data: {"databaseId": databaseId},
  success: function (data) {
  console.log(data);
  var types = $("#types").empty();
  for (var i = 0; i < data.data.length; i++) {
   types.append("<option value = ‘"+ data.data[i].name + "‘>" + data.data[i].name + "</option>");
  }
  }
 })
 })

5.根据数据库id去查询旗下的数据类型，返回的数据跟数据库一致

 @GetMapping("/getTypeByDataBaseId")
 @ResponseBody
 public AjaxResult getTypeByDataBaseId (@RequestParam("databaseId") Long id) {
 //根据数据库Id查询对应的数据类型
 List<TypeVo> typeVo = matedataService.selectTypesByDatabaseId(id);
 if (typeVo == null) {
  throw new RuntimeException("数据为空！");
 }
 return AjaxResult.success(typeVo);
 }

6.实现效果

======================================================================================

======================================================================================

7.总结

基本上的实现思路就是如此，数据库设计因人而异，有些细节可能大家的不一样，调整一下即可。

springboot查询数据库，js实现二级联动效果

标签：info   cti   oracle   attr   length   spring   rac   efi   定义   

热心网友 时间：2022-05-03 09:17