Sugerencia: después de escribir el artículo, la tabla de contenido se puede generar automáticamente. Cómo generarla puede consultar el documento de ayuda a la derecha
Directorio de artículos
Tabla de contenido
1. Creación del diccionario de datos
2.1 Clase de entidad de base de datos
2.2 Capa de control de la base de datos
2.3 Capa de lógica de negocios
prefacio
Para que los usuarios encuentren el problema de la inconsistencia entre los datos de la lista desplegable y la base de datos al completar la información, para resolver problemas innecesarios, se utiliza ajax para obtener los datos de la base de datos de la consulta en segundo plano y mostrarlos en la página.
1. Creación del diccionario de datos
El objetivo principal del diccionario de datos es consultar la tabla y, por lo general, no agregar, eliminar ni modificar; el diccionario de datos es generalmente un proyecto que no cambia con frecuencia o los datos suelen ser utilizados por otras tablas de datos, extraídos y convertidos en una colección de datos y colocados en una tabla
2. Preparación
1. Diccionario de datos
2. Código de fondo
Estructura de la tabla:
2.1 Clase de entidad de base de datos
package com.shuju.bean;
import java.io.Serializable;
public class Shuju implements Serializable {
private int id;
private int parentId;
private String name;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public int getParentId() {
return parentId;
}
public void setParentId(int parentId) {
this.parentId = parentId;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}2.2 Capa de control de la base de datos
El primer paso es descargar la clase de herramienta BaseDao, que se muestra en la parte superior del artículo.
segundo paso
Cree una clase de implementación de diccionario de datos para implementar la interfaz de capa Dao
Heredar la clase de herramienta BaseDao para implementar la interfaz del diccionario de datos
package com.shuju.dao.impl;
import com.shuju.bean.Shuju;
import com.shuju.dao.BaseDao;
import com.shuju.dao.ShujuDao;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;
public class ShujuDaoImpl extends BaseDao implements ShujuDao {
@Override
public List<Shuju> getShujuList(int parentId) {
Connection conn=null;
PreparedStatement pstmt=null;
ResultSet rs=null;
List<Shuju> list=new ArrayList<>();
try{
conn=this.getConnection();//父类的BaseDao类连接数据库方法
String sql="SELECT id,parent_id,name FROM `shuju` where parent_id=? ";
pstmt=conn.prepareStatement(sql);
pstmt.setInt(1,parentId);
rs=pstmt.executeQuery();
while (rs.next()){
Shuju shuju=new Shuju();
shuju.setId(rs.getInt(1));
shuju.setParentId(rs.getInt(2));
shuju.setName(rs.getString(3));
list.add(shuju);
}
}catch (Exception e){
e.printStackTrace();
}finally {
this.closeAll(conn,pstmt,rs);//父类的BaseDao类关闭方法
}
return list;
}
}
2.3 Capa de lógica de negocios
Cree una clase de implementación de capa de lógica empresarial de diccionario de datos para implementar la interfaz de capa de servicio
Llamar al método de capa Dao
package com.shuju.service.impl;
import com.shuju.bean.Shuju;
import com.shuju.dao.ShujuDao;
import com.shuju.dao.impl.ShujuDaoImpl;
import com.shuju.service.ShujuService;
import java.util.List;
public class ShujuServiceImpl implements ShujuService {
private ShujuDao shujuDao=new ShujuDaoImpl();
@Override
public List<Shuju> getShujuList(int parentId) {
return shujuDao.getShujuList(parentId);
}
}2.4 Capa de servlet
Obtener la entrada del usuario front-end
Llame al código de la capa de lógica empresarial
página de salto
package com.shuju.servlet;
import com.alibaba.fastjson.JSON;
import com.shuju.bean.Shuju;
import com.shuju.service.ShujuService;
import com.shuju.service.impl.ShujuServiceImpl;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@WebServlet("/shujuServlet")
public class ShujuServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doPost(req,resp);//doGet里面调用doPost
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
req.setCharacterEncoding("UTF-8");//请求的中文乱码问题
resp.setCharacterEncoding("UTF-8");//响应的中文乱码问题
String opr = req.getParameter("opr");//选择调用的servlet中的那个方法
ShujuService shujuService=new ShujuServiceImpl();//创建业务逻辑层对象
if ("list".equals(opr)){
List<Shuju> sexlist=shujuService.getShujuList(1001);
List<Shuju> minzulist=shujuService.getShujuList(1005);
Map<String,Object> data = new HashMap<>();
data.put("sexlist",sexlist);
data.put("minzulist",minzulist);
Map<String,Object> result = new HashMap<>();
result.put("code",0);
result.put("data",data);
result.put("msg","成功调用");
String resultStr = JSON.toJSONString(result);//阿里巴巴的转json的工具
PrintWriter pw = resp.getWriter();
pw.write(resultStr);//设置要返回的内容
pw.close();
}
}
}
2. Código de front-end
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
性别：<select id="Sexselect">
</select>
</form>
</body>
<script src="js/jquery.js"></script><!--引用jquery-->
<script>
$.ajax({
url:"shujuServlet?opr=list",
type:"post",
data:{
},
dataType:"json",
success:function (data){
var Sexselect=document.getElementById("Sexselect");
Sexselect.innerHTML="<option value='0'>请选择</option>";<!--给初始值-->
for (var i=0;i<data.data.sexlist.length;i++){
var shujulist=data.data.sexlist[i];
var option=document.createElement("option");
option.setAttribute("value",shujulist.id);<!--后端可获取的值-->
option.setAttribute("name","projectId");<!--后端调用的名字-->
option.innerHTML=shujulist.name;<!--列表里显示的值-->
Sexselect.appendChild(option);
}
}
})
</script>
</html>3. Pantalla final
Ingrese la dirección de la página web de front-end en el cuadro de URL
Resumir
El código anterior es para referencia, si hay algún error, puede enviarlo en cualquier momento