Búsqueda dinámica: consulta la tabla primero al agregar datos

Por ejemplo, cuando agregamos información del empleado, debemos seleccionar el nombre del departamento asignado por el empleado. Este nombre de departamento no se puede escribir en el formulario para agregar información del empleado. Una vez que se retira el departamento, se debe modificar en la página de la recepción para agregar información del empleado La información del departamento en el formulario de formulario, por lo que necesitamos obtener dinámicamente el departamento actualmente abierto de la tabla de departamentos, de modo que la información del departamento se muestre automáticamente en el formulario para agregar información del empleado. 

¿Cómo lograr esta función? Cuando el usuario hace clic en la información del nuevo empleado, el orden de ejecución en segundo plano es consultar primero el número de departamento y el nombre del departamento en la tabla de departamento, y luego encapsular los resultados de la consulta en la Lista <Dept>, y luego El resultado se devuelve a la página del formulario donde se agrega la información del empleado.

Seguimos escribiendo basándonos en el artículo anterior:  https://blog.csdn.net/weixin_42629433/article/details/83379538

Hagamos operaciones de demostración específicas a continuación:

1. El usuario hace clic en la solicitud de información del nuevo empleado:

<button type="button" class="btn btn-default" title="新建" onclick="location.href='${pageContext.request.contextPath}/dept/findDeptIdsAndDeptNames.do'">
    <i class="fa fa-file-o"></i> 新建
</button>

2. El fondo recibe la solicitud para consultar el número de departamento y el nombre del departamento en la tabla de departamentos.

capa de controlador:

@RequestMapping("/findDeptIdsAndDeptNames.do")
public ModelAndView findDeptId(){
    ModelAndView mv = new ModelAndView();
    List<Dept> deptIdsAndDeptNames = deptService.findDeptIdsAndDeptNames();
    System.out.println(deptIdsAndDeptNames);
    mv.addObject("deptIdsAndDeptNamesList", deptIdsAndDeptNames);
    mv.setViewName("emp-add");
    return mv;
}

Interfaz de la capa de servicio:

//查询所有 deptId 和对应的 deptName
public List<Dept> findDeptIdsAndDeptNames();

Clase de implementación de la interfaz de la capa de servicio:

public List<Dept> findDeptIdsAndDeptNames() {
    return deptDao.findDeptIdsAndDeptNames();
}

Interfaz de capa de Dao:

//查询所有 deptId 和对应的 deptName
@Select("select id,deptName from dept where deptStatus = 1")
public List<Dept> findDeptIdsAndDeptNames();

3. Agregar página de información del empleado

La recepción obtiene la vista ModelAndView de la capa del controlador de back-end y lleva el conjunto de número de departamento y nombre de departamento consultados en la vista para saltar a la página de vista que especifica la adición de información del empleado. Los cambios en el departamento de selección de la recepción son como sigue:

<div class="col-md-2 title">部门</div>
<div class="col-md-4 data">
    <select id="deptId" class="form-control select2" style="width: 100%" name="deptId">
        <option value="noSelect" selected="selected"><--请选择--></option>
        <c:forEach items="${deptIdsAndDeptNamesList}" var="Dept">
	    <option value=${Dept.id}>${Dept.deptName}</option>
	</c:forEach>
    </select>
</div>

 

 

Descarga de código:  https://pan.baidu.com/s/1M_VVsq4oWbucaESeqmxjug

*** Este código debe ejecutarse y usarse bajo jdk1.8 ***