前端页面和数据库同步进行增删改查

回家几天，替去年此时的我写了一个样板，希望回来他们能够做起来。

前端页面

部分js代码，页面数据较少，就直接刷整个页面了。

$(".operate").click(function(){//$(this)[0].innerHTML获取按钮上的字    switch($(this)[0].innerHTML){    case "添加":    {     var data1 = {"name": $("#name").val(),"sex": $("#sex").val(),"age":$("#age").val()};//应该被fetch替代的ajax请求      $.ajax({      method: "POST",      url: "/add",      data:data1,      contentType: "application/json; charset=utf-8"    })    .done(function( msg ) {   if(msg === "添加"){     window.location.reload();    }    });      break;    } })


后台uri
 
private static void sample(){        get("/sample",new Sample()::get,engine);        post("/add",new Sample()::addInfo);    }
操作数据库。使用数据库方法的时候就已经连接了数据库，可能有些小伙伴会觉得，数据库没连接。public class Sample extends Base {    Logger log = Logger.getGlobal();    public ModelAndView get(Request request, Response response) {        String sqlStr = "select * from sample";        List<Data> sample = query(sqlStr);        attributes.put("sample",sample);        return render("sample.html");    }    public String addInfo (Request request, Response response) {        String str = request.body();        String decodeStr = new String();        try{//URL解码            decodeStr = URLDecoder.decode(str, "utf-8");        }catch(Exception e){            log.info("add error:" + e.getMessage());        }        Map data = toMap(decodeStr);        String name = data.get("name").toString();        int age =  Integer.parseInt(data.get("age").toString());        String sex = data.get("sex").toString();        insert("sample",data().put("name",name).put("sex",sex).put("age",age));        return "添加";    }}





                                             
        0        0           
	
				
	
					   
前端页面和数据库同步进行增删改查
	  	   
使用DataGridView进行增删改查，并同步到数据库
	  	   
使用DataGridView进行增删改查 并同步到数据库
	  	   
使用DataGridView进行增删改查，并同步到数据库
	  	   
JS对数据库进行增删改查
	  	   
对数据库进行增删改查操作
	  	   
django models进行数据库增删查改
	  	   
django models进行数据库增删查改
	  	   
django models进行数据库增删查改
	  	   
django models进行数据库增删查改
	  	   
Django 对数据库进行增删改查
	  	   
JDBC  对数据库进行增删改查
	  	   
django models进行数据库增删查改
	  	   
django models进行数据库增删查改
	  	   
java连接数据库，进行增删改查
	  	   
Django Models进行数据库增删查改
	  	   
PreparedStatement进行数据库增删改查
	  	   
java对数据库进行增删改查
	     		  
	  	   
HDU
	  	   
Java注解
	  	   
再探win32绘制正弦图像的最优雅方法：DPtoLP
	  	   
细说JDK动态代理的实现原理
	  	   
接口
	  	   
前端页面和数据库同步进行增删改查
	  	   
软件工程视频小结
	  	   
论文引介 | Dual Learning for Machine Translation
	  	   
关于云风在 Lua 中实现面向对象的源码分析
	  	   
Java泛型对方法重载的影响（二）
	  	   
Android内存优化（一）
	  	   
Android 最火的快速开发框架XUtils
	  	   
在Linux下用C语言实现简单的进度条
	  	   
Allegro16.6和17.0和17.2中将板框导出DXF文件