码迷,mamicode.com
首页 > 编程语言 > 详细

EasyUI CRUD应用Java改造版本

时间:2017-08-18 19:50:07      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:tool   user.js   获取   use   for   ring   fit   使用   app   

EasyUI的CRUD应用采用的是php实现后台功能,将其改造为java版本实现数据表格的增删改功能。

EasyUI的教程及代码https://www.jeasyui.com/tutorial/app/crud.php

源代码结构:

技术分享

1、建立数据库表,将users.sql导入mysql即可

2、修改index.html,将index.html中url的get_user.php替换为自己写的jsp代码

<table id="dg" title="My Users" class="easyui-datagrid" style="width:700px;height:250px"
            url="get_users.php"
            toolbar="#toolbar" pagination="true"
            rownumbers="true" fitColumns="true" singleSelect="true">

3、get_user.jsp,其中page和rows是翻页的参数,offset是用于分页查询使用的参数,需要返回总的记录数和数据库数据,采用json数据返回

<%@ page import="org.json.*" %>
<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="java.sql.ResultSetMetaData" %>
<%@ page import="java.sql.Statement" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
     //获取页数、显示记录参数
      int page1=Integer.parseInt(request.getParameter("page"));  
      int rows1=Integer.parseInt(request.getParameter("rows"));  
      int offset=(page1-1)*rows1;
      int total=0;
    
      String DB_driver="com.mysql.jdbc.Driver";
      String u="jdbc:mysql://localhost/test?user=root&password=root&useUnicode=true&characterEncoding=GBK";
    
     Class.forName(DB_driver);
        java.sql.Connection con = java.sql.DriverManager.getConnection(u); 
     java.sql.Statement stmt =con.createStatement(); 

        String sql="select count(*)  total from users";
        java.sql.ResultSet rs = stmt.executeQuery(sql);
    if(rs.next())
        total=rs.getInt("total");
    JSONArray array = new JSONArray();
    JSONObject jsonObj2 = new JSONObject();
    
     sql="select * from users limit "+offset+","+rows1;
         rs = stmt.executeQuery(sql);
        ResultSetMetaData metaData = rs.getMetaData();
    int columnCount = metaData.getColumnCount(); 
    
          
        while (rs.next()) {
             JSONObject jsonObj = new JSONObject();
            for(int i=1;i<columnCount+1;i++)    {
                String columnName =metaData.getColumnLabel(i);  
                String value = rs.getString(columnName); 
                jsonObj.put(columnName, value); 
                
            }         
              array.put(jsonObj); 
          
        }

    jsonObj2.put("total",total);
    jsonObj2.put("rows",array);
   
    rs.close();
    stmt.close();
    con.close();
    out.write(jsonObj2.toString());
%>

4、添加用户

<%@ page import="org.json.*" %>
<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="java.sql.ResultSetMetaData" %>
<%@ page import="java.sql.Statement" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%

    
    //获取user参数    
    String firstname= request.getParameter("firstname");
    String lastname= request.getParameter("lastname");
    String phone= request.getParameter("phone");
    String email= request.getParameter("email");
     JSONObject result = new JSONObject();
    int id=0;
    String DB_driver="com.mysql.jdbc.Driver";
    String u="jdbc:mysql://localhost/test?user=root&password=root&useUnicode=true&characterEncoding=GBK";
    
    Class.forName(DB_driver);
       java.sql.Connection con = java.sql.DriverManager.getConnection(u); 
    java.sql.Statement stmt =con.createStatement(); 

    String sql="insert into users(firstname,lastname,phone,email) values(‘"+firstname+"‘,‘"+lastname+"‘,‘"+phone+"‘,‘"+email+"‘)";
    
     int flag=stmt.executeUpdate(sql, Statement.RETURN_GENERATED_KEYS);
     java.sql.ResultSet rs =  stmt.getGeneratedKeys();  
     if (rs.next()) {  
            id = rs.getInt(1); 
     }
     sql="select * from users where id="+id;
     rs=stmt.executeQuery(sql);
     if(rs.next()){
        result.put("id",rs.getInt("id"));
        result.put("firstname",rs.getString("firstname"));
        result.put("lastname",rs.getString("lastname"));
        result.put("phone",rs.getString("phone"));
        result.put("email",rs.getString("email"));
     }
    else{
        result.put("errorMsg","insert data failed");
    }
    stmt.close();
    con.close();
    out.write(result.toString());
%>

5、删除用户

<%@ page import="org.json.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%

    
    //获取user参数    
    String firstname= request.getParameter("firstname");
    String lastname= request.getParameter("lastname");
    String phone= request.getParameter("phone");
    String email= request.getParameter("email");
    int id=Integer.parseInt(request.getParameter("id"));
    JSONObject result = new JSONObject();
    String DB_driver="com.mysql.jdbc.Driver";
    String u="jdbc:mysql://localhost/test?user=root&password=root&useUnicode=true&characterEncoding=GBK";
    
    Class.forName(DB_driver);
       java.sql.Connection con = java.sql.DriverManager.getConnection(u); 
    java.sql.Statement stmt =con.createStatement(); 

    String sql="delete from users  where id=‘"+id+"‘";
    
     int flag=stmt.executeUpdate(sql);
  if(flag>0){
      result.put("success","true");
  }
   else{
      result.put("errorMsg","this is wrong"); 
   }
    
    stmt.close();
    con.close();
    out.write(result.toString());
%>

6、最终效果

技术分享

修改用户

技术分享

技术分享

删除用户

技术分享

 

EasyUI CRUD应用Java改造版本

标签:tool   user.js   获取   use   for   ring   fit   使用   app   

原文地址:http://www.cnblogs.com/code-in/p/7391154.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!