layui+ssm簡單增刪改查
開發環境
idea、jdk1.8、mysql、tomcat
資料庫dept表結構
專案啟動後網址輸入http://localhost:8080/login.jsp進入介面
Github地址：https://github.com/zs-neo/springboot-mybatis
介面截圖
maven依賴
基本依賴
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
<spring.version>5.0.2.RELEASE</spring.version>
<slf4j.version>1.6.6</slf4j.version>
<log4j.version>1.2.12</log4j.version>
<mysql.version>5.1.6</mysql.version>
<mybatis.version>3.4.5</mybatis.version>
</properties>
<dependencies>
<!-- spring -->
<dependency>
<groupId>org.aspectj</groupId>
<artifactId>aspectjweaver</artifactId>
<version>1.6.8</version>
</dependency>
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.47</version>
</dependency>
<dependency>
<groupId>org.json</groupId>
<artifactId>json</artifactId>
<version>20150729</version>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.0.1</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aop</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-web</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-tx</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>${mysql.version}</version>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>2.5</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!-- log start -->
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>${log4j.version}</version>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-api</artifactId>
<version>${slf4j.version}</version>
</dependency>
<dependency>
<groupId>org.slf4j</groupId>
<artifactId>slf4j-log4j12</artifactId>
<version>${slf4j.version}</version>
</dependency>
<!-- log end -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>${mybatis.version}</version>
</dependency>
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>1.3.0</version>
</dependency>
<dependency>
<groupId>c3p0</groupId>
<artifactId>c3p0</artifactId>
<version>0.9.1.2</version>
<type>jar</type>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>net.sf.json-lib</groupId>
<artifactId>json-lib</artifactId>
<version>2.4</version>
<classifier>jdk15</classifier>
</dependency>
</dependencies>
配置xml和properties檔案
<resources>
<resource>
<directory>src/main/java</directory>
<includes>
<include>**/*.properties</include>
<include>**/*.xml</include>
</includes>
<filtering>false</filtering>
</resource>
</resources>
前端頁面
web.xml
web-app報錯，刪掉xml頭部即可
<!DOCTYPE web-app PUBLIC
"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd" >
<web-app>
<display-name>Archetype Created Web Application</display-name>
<!--配置Spring的監聽器，預設只載入WEB-INF目錄下的applicationContext.xml配置檔案-->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!--設定配置檔案的路徑-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
<!--配置前端控制器-->
<servlet>
<servlet-name>dispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!--載入springmvc.xml配置檔案-->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc.xml</param-value>
</init-param>
<!--啟動伺服器，建立該servlet-->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!--解決中文亂碼的過濾器-->
<filter>
<filter-name>characterEncodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>characterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
登入頁面
<body>
<div id="login">
<h1>Login</h1>
<form method="post" action="/control/login">
<input type="text" required="required" placeholder="使用者名稱" name="u"></input>
<input type="password" required="required" placeholder="密碼" name="p"></input>
<button class="but" type="submit" >登入</button>
<!--<a href="WEB-INF/JSP/index.jsp">進入頁面</a>-->
</form>
</div>
</body>
索引頁面
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">HIS - 東軟雲醫院</div>
<!-- 頭部區域（可配合layui已有的水平導航） -->
<ul class="layui-nav layui-layout-left">
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
控制檯
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img" >
Admin
</a>
</li>
<li class="layui-nav-item"><a href="">退出</a></li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左側導航區域（可配合layui已有的垂直導航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">醫院基本資訊</a>
<dl class="layui-nav-child">
<dd class="layui-this"><a href="/control/toDept">科室資訊</a></dd>
<dd><a href="javascript:;">疾病資訊</a></dd>
<dd><a href="javascript:;">藥品資訊</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 內容主體區域 -->
<div style="padding: 15px;">內容主體區域</div>
</div>
<div class="layui-footer">
<!-- 底部固定區域 -->
</div>
</div>
<script src="../layui/layui.js"></script>
<script>
//JavaScript程式碼區域
layui.use('element', function(){
var element = layui.element;
});
</script>
</body>
主頁面
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">HIS - 東軟雲醫院</div>
<!-- 頭部區域（可配合layui已有的水平導航） -->
<ul class="layui-nav layui-layout-left">
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
控制檯
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img" >
Admin
</a>
</li>
<li class="layui-nav-item"><a href="">退出</a></li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左側導航區域（可配合layui已有的垂直導航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">醫院基本資訊</a>
<dl class="layui-nav-child">
<dd class="layui-this"><a href="/control/toDept">科室資訊</a></dd>
<dd><a href="javascript:;">疾病資訊</a></dd>
<dd><a href="javascript:;">藥品資訊</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 內容主體區域 -->
<div style="padding: 17px;">>科室資訊管理</div>
<div style="padding: 10px; background-color: #F2F2F2;">
<div class="layui-card">
<div class="layui-card-body">
<!--cardBody-->
<form class="layui-form" action="">
<div class="layui-row">
<div class="layui-col-xs3">
<div class="grid-demo grid-demo-bg1">
<div class="layui-form-item">
<label class="layui-form-label">查詢欄位</label>
<div class="layui-input-block">
<select id="selects" name="deptsname" lay-filter="dept">
<option value="0">ID編碼</option>
<option value="1">科室編碼</option>
<option value="2" selected="true">科室名稱</option>
<option value="3">科室類別</option>
<option value="4">科室型別</option>
</select>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6">
<div class="grid-demo grid-demo-bg1">
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block">
<input id="demoReload" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="要查詢的內容" class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-col-xs3">
<div class="grid-demo grid-demo-bg1">
<div class="layui-form-item">
<button class="layui-btn" data-type="reload" type="button">搜尋</button>
</div>
</div>
</div>
</div>
</form>
<table class="layui-hide" id="test" lay-filter="demo"></table>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">檢視</a>
<a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>
</script>
<!--cardBody-->
</div>
</div>
</div>
</div>
<div class="layui-footer">
</div>
</div>
</body>
js部分
<script src="../layui/layui.js"></script>
<script>
layui.use('table', function(){
var table = layui.table;
table.render({
elem: '#test'
,url:'/dept/findAllDeptPage'
,cols: [[
{checkbox: true, fixed: true}
,{field:'id', width:80, title: 'ID編碼', sort: true}
,{field:'dept_code', width:120, title: '科室編碼'}
,{field:'dept_name', width:120, title: '科室名稱', sort: true}
,{field:'dept_catagory', width:120, title: '科室類別'}
,{field:'dept_type', width:120, title: '科室型別', sort: true}
,{field:'right', title: '操作',toolbar:"#barDemo"}
]]
,page: true
,height:298
,id:'testTable'
});
});
</script>
<script>
//JavaScript程式碼區域
layui.use('element', function(){
var element = layui.element;
});
//監聽工具條
layui.use('table', function(){
var table = layui.table;
//監聽表格核取方塊選擇
table.on('checkbox(demo)', function(obj){
console.log(obj)
});
//監聽工具條
table.on('tool(demo)', function(obj){
var data = obj.data;
if(obj.event === 'detail'){
layer.alert("檢視ID : "+data.id+" 的行");
} else if(obj.event === 'del'){
layer.confirm('真的刪除行麼', function(index){
$.ajax({
url: "/dept/deleteDept",
type: "POST",
data:{"id":data.id},
dataType: "json",
success: function(data){
var json=JSON.parse(data);
if(json.result=="1"){
obj.del();
//關閉彈框
layer.close(index);
layer.msg("刪除成功", {icon: 6});
$(".layui-laypage-btn").click()
}else{
layer.msg("刪除失敗", {icon: 5});
}
}
});
});
} else if(obj.event === 'edit'){
//layer.alert('編輯行：<br>'+ JSON.stringify(data));
layer.open({
type: 2,
closeBtn: 2,
title:'修改科室資訊',
area: ['400px', '420px'],
shade: 0.8,
id: (new Date()).valueOf(), //設定一個id，防止重複彈出 時間戳1280977330748
btnAlign: 'r',
moveType: 1, //拖拽模式，0或者1
content: '/control/toDeptEdit?id=' + data.id+"&dept_code="+ data.dept_code
+"&dept_name="+ encodeURI(encodeURI(data.dept_name))+ "&dept_catagory=" + data.dept_catagory + "&dept_type=" + data.dept_type
});
}
});
var $ = layui.$, active = {
reload: function () {
var demoReload = $('#demoReload').val();//獲取輸入框的值
var selects = $('#selects').val();//獲取輸入框的值
//alert(demoReload+selects);
//執行過載
table.reload('testTable', {
page: {
curr: 1 //重新從第 1 頁開始
}
, where: { valu: demoReload,domain:selects}//這裡傳參 向後臺
, url: '/dept/findAllDeptPageBy'//後臺做模糊搜尋介面路徑
, method: 'post'
});
}
};
//這個是用於建立點選事件的例項
$('.layui-form-item .layui-btn').on('click', function () {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
});
function a() {
$(".layui-laypage-btn").click();
}
</script>
編輯頁面
<body>
<br><br>
<form class="layui-form" action="" method="">
<%String oid =request.getParameter("id");%>
<input type="hidden" name="oid" value="<%=oid%>" class="layui-input">
<div class="layui-form-item">
<label class="layui-form-label">科室ID</label>
<div class="layui-input-block">
<input type="text" name="id" style="width:200px;" autocomplete="off" value="<%=oid%>" class="layui-input">
</div>
</div>
<%String dept_code =request.getParameter("dept_code");%>
<div class="layui-form-item">
<label class="layui-form-label">科室編碼</label>
<div class="layui-input-block">
<input type="text" name="dept_code" style="width:200px;" autocomplete="off" value="<%=dept_code%>" class="layui-input">
</div>
</div>
<%String dept_name =request.getParameter("dept_name");
dept_name = URLDecoder.decode(dept_name,"UTF-8");%>
<div class="layui-form-item">
<label class="layui-form-label">科室名稱</label>
<div class="layui-input-block">
<input type="text" name="dept_name" style="width:200px;" autocomplete="off" value="<%=dept_name%>" class="layui-input">
</div>
</div>
<%String dept_catagory =request.getParameter("dept_catagory");%>
<div class="layui-form-item">
<label class="layui-form-label">科室類別</label>
<div class="layui-input-block">
<input type="text" name="dept_catagory" style="width:200px;" autocomplete="off" value="<%=dept_catagory%>" class="layui-input">
</div>
</div>
<%String dept_type =request.getParameter("dept_type");%>
<div class="layui-form-item">
<label class="layui-form-label">科室型別</label>
<div class="layui-input-block">
<input type="text" name="dept_type" style="width:200px;" autocomplete="off" value="<%=dept_type%>" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit="" lay-filter="demo1" type="button">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
<script src="../layui/layui.js"></script>
<script>
//JavaScript程式碼區域
layui.use('element', function(){
var element = layui.element;
});
layui.use(['form'], function () {
var form = layui.form;
form.on('submit(demo1)', function (data) {
$.ajax({
url: "/dept/updateDeptById",
type: "post",
dataType: "json",
data:{'oid':data.field.oid,'id':data.field.id,'dept_code':data.field.dept_code,
'dept_type':data.field.dept_type,'dept_name':data.field.dept_name,'dept_catagory':data.field.dept_catagory},
success: function (res) {
var json=JSON.parse(res);
if (json.result == "1") {
layer.msg("編輯成功！",{icon: 6});
parent.a();
} else {
layer.msg("編輯失敗！",{icon: 5});//失敗的表情
}
}
});
});
return false;
});
</script>
</body>
後端框架
配置檔案
applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:aop="http://www.springframework.org/schema/aop"
xmlns:tx="http://www.springframework.org/schema/tx"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/aop
http://www.springframework.org/schema/aop/spring-aop.xsd
http://www.springframework.org/schema/tx
http://www.springframework.org/schema/tx/spring-tx.xsd">
<!--開啟註解的掃描，希望處理service和dao，controller不需要Spring框架去處理-->
<context:component-scan base-package="cn.neu" >
<!--配置哪些註解不掃描-->
<context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller" />
</context:component-scan>
<!-- 載入配置檔案 -->
<context:property-placeholder location="classpath:jdbcConfig.properties" />
<!-- 配置資料來源 -->
<bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
<property name="driverClass" value="${jdbc.driver}"></property>
<property name="jdbcUrl" value="${jdbc.url}"></property>
<property name="user" value="${jdbc.username}"></property>
<property name="password" value="${jdbc.password}"></property>
</bean>
<!--配置SqlSessionFactory工廠-->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource" />
<property name="typeAliasesPackage" value="cn.neu.domain"></property>
<property name="mapperLocations" value="classpath*:cn/neu/mapping/*.xml"></property>
</bean>
<!--配置AccountDao介面所在包-->
<bean id="mapperScanner" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="basePackage" value="cn.neu.dao"/>
<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>
</bean>
<!--配置Spring框架宣告式事務管理-->
<!--配置事務管理器-->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource" />
</bean>
<!--配置事務通知-->
<tx:advice id="txAdvice" transaction-manager="transactionManager">
<tx:attributes>
<tx:method name="find*" read-only="true"/>
<tx:method name="*" isolation="DEFAULT"/>
</tx:attributes>
</tx:advice>
</beans>
jdbcConfig.properties
jdbc.driver=com.mysql.cj.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/cruds?useUnicode=true&characterEncoding=utf-8&serverTimezone=UTC
jdbc.username=root
jdbc.password=123456
springmvc.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd">
<!--開啟註解掃描，只掃描Controller註解-->
<context:component-scan base-package="cn.neu">
<context:include-filter type="annotation" expression="org.springframework.stereotype.Controller" />
</context:component-scan>
<!--配置的檢視解析器物件-->
<bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/JSP/"/>
<property name="suffix" value=".jsp"/>
</bean>
<!--過濾靜態資源-->
<mvc:resources location="/WEB-INF/css/" mapping="/css/**" />
<mvc:resources location="/WEB-INF/layui/" mapping="/layui/**" />
<!--開啟SpringMVC註解的支援-->
<mvc:annotation-driven>
<mvc:message-converters register-defaults="true">
<!-- 配置Fastjson支援 -->
<bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/html;charset=UTF-8</value>
<value>application/json</value>
</list>
</property>
<property name="features">
<list>
<value>WriteMapNullValue</value>
<value>QuoteFieldNames</value>
</list>
</property>
</bean>
</mvc:message-converters>
</mvc:annotation-driven>
</beans>
後臺程式碼框架
controller示例
@Controller
@RequestMapping("/dept")
public class DeptController {
@Autowired
private DeptService deptService;
@RequestMapping("/findAllDept")
@ResponseBody
public Map<String, Object> findAllDept(){
List<Dept> depts = deptService.findAllDept();
int count = deptService.countAllDept();
Map<String, Object> map = new HashMap<String, Object>();
map.put("msg","");
map.put("code",0);
map.put("count",count);
map.put("data",depts);
System.out.println(map);
return map;
}
......
service示例
public interface DeptService {
public List<Dept> findAllDept();
......
service實現類示例
@Service("deptService")
public class DeptSreviceImpl implements DeptService {
@Autowired
private DeptDao deptDao;
public List<Dept> findAllDept() {
return deptDao.findAllDept();
}
......
dao示例
@Repository
public interface DeptDao {
//@Select("select * from dept")
public List<Dept> findAllDept();
......
mapper示例
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="cn.neu.dao.DeptDao">
<select id="findAllDept" resultType="cn.neu.domain.Dept">
select * from dept
</select>
......
</mapper>
domain示例
public class Dept implements Serializable {
private int id;
private String dept_code;
private String dept_name;
private int dept_catagory;
private int dept_type;
......
}
相關文章
- CoreData - 簡單 增刪改查
- 單表增刪改查
- Java實現簡單的增刪改查操作Java
- Mybatis-plus實現簡單增刪改查MyBatis
- 使用Django開發簡單介面：文章增刪改查Django
- 寫一個簡單的Linkedlist，實現增刪改查
- 使用Mongoose類庫實現簡單的增刪改查Go
- 利用Express+MySQL進行簡單的增刪改查ExpressMySql
- 最簡單的sql語句（增刪改查統計）SQL
- 增刪改查
- Mapper三種形式、工具類以及簡單的增刪改查APP
- SQL增刪改查SQL
- Mongoose查增改刪Go
- indexedDB 增刪改查Index
- mysql增刪改查MySql
- 單連結串列實現增刪改查
- Node+Express+MySql實現簡單增刪改查和登入ExpressMySql
- [.NET學習]EFCore學習之旅 -2 簡單的增刪改查
- 列表的增刪改查
- 字典的增刪改查
- mongodb 基本增刪改查MongoDB
- MongoDB增刪改查操作MongoDB
- layui的增刪改查UI
- mybatis的增刪改查MyBatis
- EFCore之增刪改查
- redist的增刪改查Redis
- sql指令，增，刪，查，改SQL
- mysql基本增刪改查MySql
- Django基於類的增刪改查，簡單邏輯都不用寫Django
- 資料庫的簡介和MySQL增刪改查資料庫MySql
- Mybatis1.0——框架入門，從0到簡單增刪改查資料MyBatis框架
- Golang中map的三種宣告方式和簡單實現增刪改查Golang
- 如何使用 Node.js 和 MySQL 快速搭建簡單的增刪查改 APINode.jsMySqlAPI
- iOS CoreData (一) 增刪改查iOS
- Jfinal+layui增刪改查UI
- SQL 基礎增、刪、改、查SQL
- elasticsearch7.2增刪改查Elasticsearch
- [express+mongoose](增刪改查)ExpressGo