`
只是随手瞎打
  • 浏览: 28090 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

easyui 数据简单的增删改查

 
阅读更多
首先建张表,就3个字段,id_,name_,age_

然后写实体类
package com.hgf.ssm.dao.po;

/**
 * Created by hasee on 2017/2/9.
 */
public class UsersPO {

    public int id_;
    public String name_;
    public int age_;

    public int getId_() {
        return id_;
    }

    public void setId_(int id_) {
        this.id_ = id_;
    }

    public String getName_() {
        return name_;
    }

    public void setName_(String name_) {
        this.name_ = name_;
    }

    public int getAge_() {
        return age_;
    }

    public void setAge_(int age_) {
        this.age_ = age_;
    }

    @Override
    public String toString() {
        return "UsersPO{" +
                "id_=" + id_ +
                ", name_='" + name_ + '\'' +
                ", age_=" + age_ +
                '}';
    }
}

然后mapper
package com.hgf.ssm.dao.mapper;


import com.hgf.ssm.dao.po.UsersPO;

import java.util.List;

/**
 * <b>tax_out_ticket[tax_out_ticket]数据访问接口</b>
 * <p/>
 * <p>
 * 注意:此文件由AOS平台自动生成-禁止手工修改
 * </p>
 *
 * @author AHei
 * @date 2016-09-12 11:53:45
 */

public interface UsersMapper {
    /**
     * 查询所有记录
     *
     * @return
     */
    List<UsersPO> listPage();

    /**
     * 插入一条数据
     *
     * @param usersPO
     * @return
     */
    int insert(UsersPO usersPO);

    /**
     * 更新一条数据
     *
     * @param usersPO
     * @return
     */
    int update(UsersPO usersPO);

    /**
     * 删除一条数据
     * @param id_
     * @return
     */
    int delete(int id_);
}

<?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">

<!-- tax_out_ticket[tax_out_ticket]SQLMapper自动映射 -->
<!--  注意:此文件由AOS平台自动生成-禁止手工修改 2016-09-12 11:53:45 -->
<mapper namespace="com.hgf.ssm.dao.mapper.UsersMapper">

    <select id="listPage" resultType="UsersPO">
		SELECT
		*
		FROM users

	</select>
    <insert id="insert" parameterType="UsersPO">
        INSERT INTO users (
        <if test="name_!=null and name_!=''">
            name_,
        </if>
        <if test="age_!=null and age_!=''">
            age_,
        </if>
        <if test="id_!=null and id_!=''">
            id_
        </if>)VALUES (

        <if test="name_!=null and name_!=''">
            #{name_, jdbcType=VARCHAR},
        </if>
        <if test="age_!=null and age_!=''">
            #{age_, jdbcType=INTEGER},
        </if>
        <if test="id_!=null and id_!=''">
            #{id_, jdbcType=INTEGER}
        </if>)

    </insert>
    <update id="update" parameterType="UsersPO">
        UPDATE users
        <set>
            <if test="name_!=null ">
                name_ = #{name_,jdbcType=VARCHAR},
            </if>
            <if test="age_!=null">
                age_ = #{age_,jdbcType=INTEGER}
            </if>

        </set>
        WHERE id_=#{id_,jdbcType=INTEGER}
    </update>
    <delete id="delete">
        DELETE  FROM users WHERE id_ = #{id_}

    </delete>
</mapper>

然后service
package com.hgf.ssm.service;


import com.hgf.ssm.dao.po.UsersPO;

import java.util.List;

/**
 * Created by hasee on 2016/12/30.
 */
public interface UserstService {
    /**
     * 查询所有记录
     * @return
     */
    public List<UsersPO> listPage();

    /**
     * 插入一条数据
     * @param usersPO
     * @return
     */
    public int insert(UsersPO usersPO);

    /**
     * 更新一条数据
     * @param usersPO
     * @return
     */
    public int update(UsersPO usersPO);

    /**
     * 删除一条数据
     * @param id_
     * @return
     */
    public int delete(int id_);
}

package com.hgf.ssm.service.impl;

import com.hgf.ssm.dao.mapper.UsersMapper;
import com.hgf.ssm.dao.po.UsersPO;
import com.hgf.ssm.service.UserstService;
import org.springframework.stereotype.Service;

import javax.annotation.Resource;
import java.util.List;

/**
 * Created by hasee on 2016/12/30.
 */
@Service
public class UsersServiceImpl implements UserstService {

    @Resource
    private UsersMapper usersMapper;


    public List<UsersPO> listPage() {
        return usersMapper.listPage();
    }

    @Override
    public int update(UsersPO usersPO) {
        return usersMapper.update(usersPO);
    }

    @Override
    public int delete(int id_) {
        return usersMapper.delete(id_);
    }

    @Override
    public int insert(UsersPO usersPO) {
        return usersMapper.insert(usersPO);
    }
}

然后controller
package com.hgf.ssm.controller;

import com.alibaba.fastjson.JSON;
import com.hgf.ssm.dao.po.UsersPO;
import com.hgf.ssm.service.UserstService;
import com.hgf.ssm.util.AttributereplicationUtils;
import org.codehaus.jackson.map.ObjectMapper;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * Created by hasee on 2016/11/24.
 */
@Controller
@RequestMapping(value = "/test")
public class TestController {
    @Resource
    private UserstService userstService;

    @RequestMapping(value = "/test")
    public String testSelect(){
        System.out.println(userstService.listPage().size());
        return "test";
    }
    @RequestMapping(value = "/easyui")
    public String easyui(){
        return "easyui_crud";
    }

    /**
     * 查询
     * @return json
     */
    @RequestMapping(value = "/e_query")
    @ResponseBody
    public Object e_query(){
        List<UsersPO> list = userstService.listPage();
        ObjectMapper mapper = new ObjectMapper();
       // String listjson = JSON.toJSONString(list);

        return JSON.toJSON(list);
    }

    /**
     * 新增
     * @param request
     * @param response
     */
    @RequestMapping(value = "/e_insert")
    public void e_insert(HttpServletRequest request, HttpServletResponse response){
        //获取表单数据
        Map<String,String[]> map = request.getParameterMap();
        UsersPO usersPO = new UsersPO();
        //将map数据复制到javabean usersPO中
        AttributereplicationUtils.copyProperties(map,usersPO);
        //新增
        int a =  userstService.insert(usersPO);
        //返回map
        Map<String,Object> outMap = new HashMap<String,Object>();
        if(a==1){
            outMap.put("issuccess",true);
            outMap.put("msg","新增成功");
        }else{
            outMap.put("issuccess",false);
            outMap.put("msg","新增失败");
        }
        try {
            response.getWriter().write(JSON.toJSONString(outMap));
        }catch (IOException e){
            e.printStackTrace();
        }
    }

    /**
     * 更新
     * @param request
     * @param response
     */
    @RequestMapping(value = "/e_update")
    public void e_update(HttpServletRequest request, HttpServletResponse response){
        Map<String,String[]> map = request.getParameterMap();
        UsersPO usersPO = new UsersPO();
        //将map数据复制到javabean usersPO中
        AttributereplicationUtils.copyProperties(map,usersPO);
        int a =  userstService.update(usersPO);
        //返回map
        Map<String,Object> outMap = new HashMap<String,Object>();
        if(a==1){
            outMap.put("issuccess",true);
            outMap.put("msg","修改成功");
        }else{
            outMap.put("issuccess",false);
            outMap.put("msg","修改失败");
        }
        try {
            response.getWriter().write(JSON.toJSONString(outMap));
        }catch (IOException e){
            e.printStackTrace();
        }
    }
    @RequestMapping(value = "/e_delete")
    public void delete(HttpServletRequest request, HttpServletResponse response){
        int id_ = Integer.valueOf(request.getParameter("id_"));
        int a =  userstService.delete(id_);
        //返回map
        Map<String,Object> outMap = new HashMap<String,Object>();
        if(a==1){
            outMap.put("issuccess",true);
            outMap.put("msg","删除成功");
        }else{
            outMap.put("issuccess",false);
            outMap.put("msg","删除失败");
        }
        try {
            response.getWriter().write(JSON.toJSONString(outMap));
        }catch (IOException e){
            e.printStackTrace();
        }
    }

}

jsp页面
<%--
  Created by IntelliJ IDEA.
  User: hasee
  Date: 2017/2/9
  Time: 15:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <!-- 导入jQuery插件包 -->
    <script type='text/javascript' src="/ssm/static/jquery-easyui-1.5.1/jquery.min.js"></script>
    <!-- 导入jQuery EasyUI的插件包 -->
    <script type='text/javascript' src="/ssm/static/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
    <!-- 导入默认的easyui的css包 -->
    <link rel="stylesheet" type="text/css" href="/ssm/static/jquery-easyui-1.5.1/themes/default/easyui.css"/>
    <!-- 导入图标包-->
    <link rel="stylesheet" type="text/css" href="/ssm/static/jquery-easyui-1.5.1/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="/ssm/static/jquery-easyui-1.5.1/demo/demo.css"/>
</head>
</head>
<body>
<%--表格主体--%>
<table id="dg" title="My Users" class="easyui-datagrid" style="width:550px;height:250px"
       url="e_query.do"
       toolbar="#toolbar"
       rownumbers="true" fitColumns="true" singleSelect="true">
    <thead>
    <tr>
        <th field="id_" width="50">ID_</th>
        <th field="name_" width="50">姓名</th>
        <th field="age_" width="50">年龄</th>

    </tr>
    </thead>
</table>
<%--表格工具栏--%>
<div id="toolbar">
    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">新增用户</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">修改用户</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyUser()">删除用户</a>
</div>
<%--新增和修改弹窗--%>
<div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"
     closed="true" buttons="#dlg-buttons">
    <div class="ftitle">User Information</div>
    <form id="fm" method="post">
        <div class="fitem">
            <label>id_</label>
            <input name="id_">
        </div>
        <div class="fitem">
            <label>姓名</label>
            <input name="name_">
        </div>
        <div class="fitem">
            <label>年龄</label>
            <input name="age_">
        </div>

    </form>
</div>
<%--弹窗按钮--%>
<div id="dlg-buttons">
    <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">保存</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">取消</a>
</div>
<script type="text/javascript">
    var url;//弹窗保存按钮url
    //新增用户窗口
    function newUser() {
        $('#dlg').dialog('open').dialog('setTitle', 'New User');
        $('#fm').form('clear');  //清除表单数据
        url = "e_insert.do";
    }
    //修改用户窗口
    function editUser() {
        var row = $('#dg').datagrid('getSelected');//获取选中行记录
        if (row) {
            $('#dlg').dialog('open').dialog('setTitle', 'Edit User');
            $('#fm').form('load', row);  //加载数据来填充表单
        }
        url = "e_update.do";
    }
    //保存用户
    function saveUser() {
        $('#fm').form('submit', {
            url: url,
            onSubmit: function () {
                return $(this).form('validate');
            },
            success: function (result) {
                var result = eval('(' + result + ')');
                if (result.issuccess === false) {
                    $.messager.show({
                        title: 'Error',
                        msg: result.msg
                    });
                } else {
                    $.messager.alert({
                        title: 'success',
                        msg: result.msg,
                        icon: 'info'
                    });
                    $('#dlg').dialog('close');		// 关闭弹窗
                    $('#dg').datagrid('reload');	// 重新加载数据
                }
            }
        });
    }
    //删除用户
    function destroyUser() {
        var row = $('#dg').datagrid('getSelected');
        if (row) {
            $.messager.confirm('Confirm', '你确定删除这个用户?', function (r) {
                if (r) {
                    $.post('e_delete.do', {id_: row.id_}, function (result) {
                        var result = eval('(' + result + ')');
                        if (result.issuccess===true) {
                            $('#dg').datagrid('reload');	// reload the user data
                        } else {
                            $.messager.show({	// show error message
                                title: 'Error',
                                msg: result.msg
                            });
                        }
                    });
                }
            });
        }
    }

</script>
</body>
</html>


这样就妥了。
参考: http://www.jeasyui.net/tutorial/147.html
分享到:
评论

相关推荐

    easyui简单的增删改查范例

    标题中提到的“easyui简单的增删改查范例”,指的是一个使用easyui框架来实现基本的数据库操作——增加、删除、修改和查询(CRUD)功能的应用实例。这种范例在web开发中非常常见,是学习和掌握easyui进行页面交互...

    EasyUI 增删改查的简单实现

    通过这些技术的结合,开发者可以快速构建出一个功能完备的管理界面,实现数据的增删改查,同时保持代码结构清晰,易于维护。项目中的 `src` 目录可能包含 Java 源代码、配置文件、资源文件等,这些内容构成了实际...

    easyui树状地区增删改查,里面包含全国地区数据

    本文将深入探讨标题和描述中提到的“easyui树状地区增删改查”功能,以及与之相关的全国地区数据和MySQL数据库的应用。 首先,EasyUI中的“树状”组件是一种常见的UI元素,用于展示层次结构的数据,例如组织结构、...

    easyui+ssh增删改查

    【描述】中的"一个简单的easyui+ssh增删改查"意味着,这个项目提供了一个基本的示例,演示如何在Web应用中整合EasyUI和SSH来实现数据操作。对于初学者来说,这样的项目是一个很好的起点,因为它涵盖了Web开发的核心...

    ssm、easyui的增删改查

    总结来说,"ssm、easyui的增删改查"项目是一个基础的Java Web教程,它涵盖了Spring、SpringMVC、MyBatis三大框架的整合应用,以及EasyUI的前端展示。这个项目可以帮助开发者掌握后端数据处理和前端界面设计的基本...

    SSM+EasyUI DataGrid 实现增删改查,分页,排序

    使用SSM框架+EasyUI DataGrid数据表格实现了基本的增删改查,以及对数据分页,排序功能的实现。是一个对于后台管理的很好的例子,因为一般企业后台管理都是使用EasyUI等框架快速搭建,而且DataGrid是EasyUI最重要的...

    EasyUi框架,增删改查例子(保证完整)

    这个"EasyUi框架,增删改查例子(保证完整)"是一个完整的示例项目,旨在帮助开发者快速理解和应用EasyUi进行数据管理操作,如添加(Add)、删除(Delete)、修改(Update)和查询(Query)。 首先,让我们详细了解...

    基于SSH的EasyUI的数据增删改查

    Struts2的Action接收表单提交的数据,然后通过Hibernate操作数据库,完成数据的增删改操作。 3. **对话框**:EasyUI的对话框用于显示详细信息或进行确认操作。例如,在删除数据时,可以通过对话框向用户确认操作,...

    easyui 表格增删改查工具类

    总的来说,这个“easyui 表格增删改查工具类”为开发者提供了一套便捷的方法,用于处理常见的数据管理任务,大大简化了基于 EasyUI 的 Web 应用开发流程。通过理解和运用这个工具类,可以提高开发效率,使项目更加...

    springmvc+spring+hibernate4+easyui实现的增删改查

    在增删改查的应用中,EasyUI的表格、对话框、按钮等组件可以帮助构建交互式的用户界面,方便用户进行数据操作。 项目包含的"SpringTest08_H4"可能表示这是一个关于Spring和Hibernate 4的第八个版本的测试项目。在这...

    easyui增删改查案例

    在这个"easyui增删改查案例"中,我们将深入探讨如何利用 EasyUI 实现数据的添加(Add)、删除(Delete)、修改(Modify)和查询(Query)功能,这些都是Web应用程序中最基础且重要的操作。 1. **EasyUI 的基本概念*...

    easyui ajax实现增删改查源码

    本文将详细解析基于EasyUI、Ajax、Jquery、JSP、Servlet和JDBC的"easyui ajax实现增删改查"项目,以及如何利用这些技术进行数据库操作。 首先,EasyUI是一个基于jQuery的UI框架,提供了丰富的组件,如表格、下拉框...

    easyui+maven增删改查

    "EasyUI + Maven 增删改查"是一个典型的Web开发教程主题,主要涉及使用EasyUI框架和Maven构建工具来实现数据管理的基本操作。EasyUI是一个基于jQuery的前端组件库,提供了丰富的用户界面组件,而Maven是Java项目管理...

    C# MVC4+EasyUI框架增删改查

    在EasyUI的帮助下,可以创建表格显示数据,并通过按钮触发Ajax请求来执行增删改查操作。 8. **路由(Routing)**:MVC4中的路由系统允许自定义URL模式,将特定的URL映射到控制器的特定动作上。确保正确配置路由规则...

    maven+spring+springmvc+hiberante+easyui实现的增删改查

    在本项目中,EasyUI 提供了Web页面的界面元素,使得用户可以通过友好的界面进行数据的增删改查操作。 在实际运行这个项目时,你需要做的是: 1. 修改本地数据库的URL,使其指向你要使用的数据库服务器。 2. 根据...

    easyui+ssm简单的增删改查

    这个组合提供了从前端到后端的完整解决方案,方便开发者快速实现数据的增删改查操作。现在,我们来详细探讨这个主题。 首先,EasyUI是一个轻量级的前端框架,它提供了大量的预定义样式和组件,如表格、表单、对话框...

    mvc easyui 项目 demo 增删改查

    标题“mvc easyui 项目 demo 增删改查”表明这是一个基于MVC(Model-View-Controller)框架和EasyUI库的Web应用示例,主要功能集中在基本的数据操作:增加、删除、修改和查询。这个项目可能是为了帮助初学者理解如何...

    springboot+mybatis+easyui增删改查分页Demo

    【标题】"springboot+mybatis+easyui增删改查分页Demo"是一个基于Spring Boot、MyBatis和EasyUI实现的Web应用程序示例,主要用于演示如何在这些技术栈中进行基本的数据操作,如添加(Add)、删除(Delete)、修改...

    mavenssm 带一套增删改查 前端easyui 带仓库和sql文件

    这个压缩包"mavenssm"显然包含了一个基于这些框架的简单应用,提供了基本的CRUD(创建、读取、更新、删除)功能,并且前端使用了EasyUI。EasyUI是一个基于jQuery的UI组件库,常用于快速构建美观的管理界面。 首先,...

    MVC+EasyUI增删改查

    在IT行业中,MVC(Model-View-Controller)模式...总的来说,"MVC+EasyUI 增删改查"涉及了Web应用开发中的基础架构、前端界面设计以及后端数据处理等多个方面。掌握这些知识点对于开发高效、易维护的Web应用至关重要。

Global site tag (gtag.js) - Google Analytics