前后端交互

前端显示数据库查询的默认值，并且可以在输入框修改信息并提交

HTML

th:value是input输入框默认值，用来接后端数据。
name命名参数，用于后端接受修改的字段。

<form th:action="@{/updataInformationEntity}" class="form-horizontal form-label-left">
    <div class="form-group row ">
      <label class="control-label col-md-3 col-sm-3 ">企业名称：</label>
      <div class="col-md-9 col-sm-9 ">
        <input type="text" class="form-control" name="company" th:value="${informationEntity.company}">
      </div>
    </div>
    <div class="form-group row ">
      <label class="control-label col-md-3 col-sm-3 ">行业：</label>
      <div class="col-md-9 col-sm-9 ">
        <input type="text" class="form-control" name="industry" th:value="${informationEntity.industry}">
      </div>
    </div>
    <div class="form-group row ">
      <label class="control-label col-md-3 col-sm-3 ">企业描述：</label>
      <div class="col-md-9 col-sm-9 ">
        <input type="text" class="form-control" name="description" th:value="${informationEntity.description}">
      </div>
    </div>
    <div class="form-group row ">
      <label class="control-label col-md-3 col-sm-3 ">监测点：</label>
      <div class="col-md-9 col-sm-9 ">
        <div class="col-md-6 col-sm-6 " style="padding: 10px;">
          <span th:each="mc:${allMonitor}" th:text="${mc}" class="badge badge-danger"> </span>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-md-9 col-sm-9  offset-md-3">
        <button type="button" class="btn btn-primary">取消</button>
        <button type="reset" class="btn btn-primary">复位</button>
        <button type="submit" class="btn btn-success">提交</button>
      </div>
    </div>
</form>

Controller

@RequestMapping("/updateInformation")
public String updateInformation(HttpServletRequest request) {
    InformationEntity informationEntity = informationMapping.getInformation();
    List<String> allMonitor = MonitorDeviceService.getAllMonitor();
    request.setAttribute(Constants.ALLMONITOR, allMonitor);
    request.setAttribute("informationEntity", informationEntity);
    log.info("进入企业信息修改页面成功！");
    return "updateInformation";
}

@RequestMapping("/updataInformationEntity")
public String updataInformationEntity(HttpServletRequest request, InformationEntity informationEntity) {
    try{
        informationMapping.updateInformation(informationEntity);
    }catch (Exception e){
        log.error("企业信息修改失败！" +e);
        return updateInformation(request);
    }
    request.setAttribute("msg", "企业信息修改成功！");
    log.info("企业信息修改成功！");
    return indexWeb(request);
}

Mapping

@Mapper
public interface InformationMapping {

    @Update("UPDATE `information` SET `company`=#{company}, `industry`=#{industry}," +
            "`description`=#{description}  WHERE `id`= 1;")
    void updateInformation(InformationEntity informationEntity);


    @Select("select * from `information` WHERE `id`= 1;")
    InformationEntity getInformation();
}