- 浏览: 28090 次
- 性别:
- 来自: 厦门
最新评论
首先建张表,就3个字段,id_,name_,age_
然后写实体类
然后mapper
然后service
然后controller
jsp页面
这样就妥了。
参考: http://www.jeasyui.net/tutorial/147.html
然后写实体类
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
发表评论
-
jquery datatables 简单应用
2017-05-31 22:20 384function search() { table ... -
ztree 基本应用
2017-05-31 22:10 458参考资料: http://www.treejs.cn/v3/m ... -
bootstrap-table基本应用
2017-05-31 22:08 412参考资料: http://bootstrap-table.we ... -
struts2及js提示国际化
2017-04-26 16:00 557因为现在在做的项目,客户明确要求需要国际化,在网上查找了很多资 ... -
datetimepicker时间控件
2017-03-19 17:07 565一个小例子 $("[name='datetim ... -
easyui 可编辑的数据网格简单的尝试
2017-02-11 14:03 597jquery.edatagrid.js下载:http://ww ... -
easyui 简单的尝试
2017-02-09 15:18 466最近在找工作,发现很多要求里都需要easyui,特来学习一下 ...
相关推荐
标题中提到的“easyui简单的增删改查范例”,指的是一个使用easyui框架来实现基本的数据库操作——增加、删除、修改和查询(CRUD)功能的应用实例。这种范例在web开发中非常常见,是学习和掌握easyui进行页面交互...
通过这些技术的结合,开发者可以快速构建出一个功能完备的管理界面,实现数据的增删改查,同时保持代码结构清晰,易于维护。项目中的 `src` 目录可能包含 Java 源代码、配置文件、资源文件等,这些内容构成了实际...
本文将深入探讨标题和描述中提到的“easyui树状地区增删改查”功能,以及与之相关的全国地区数据和MySQL数据库的应用。 首先,EasyUI中的“树状”组件是一种常见的UI元素,用于展示层次结构的数据,例如组织结构、...
【描述】中的"一个简单的easyui+ssh增删改查"意味着,这个项目提供了一个基本的示例,演示如何在Web应用中整合EasyUI和SSH来实现数据操作。对于初学者来说,这样的项目是一个很好的起点,因为它涵盖了Web开发的核心...
总结来说,"ssm、easyui的增删改查"项目是一个基础的Java Web教程,它涵盖了Spring、SpringMVC、MyBatis三大框架的整合应用,以及EasyUI的前端展示。这个项目可以帮助开发者掌握后端数据处理和前端界面设计的基本...
使用SSM框架+EasyUI DataGrid数据表格实现了基本的增删改查,以及对数据分页,排序功能的实现。是一个对于后台管理的很好的例子,因为一般企业后台管理都是使用EasyUI等框架快速搭建,而且DataGrid是EasyUI最重要的...
这个"EasyUi框架,增删改查例子(保证完整)"是一个完整的示例项目,旨在帮助开发者快速理解和应用EasyUi进行数据管理操作,如添加(Add)、删除(Delete)、修改(Update)和查询(Query)。 首先,让我们详细了解...
Struts2的Action接收表单提交的数据,然后通过Hibernate操作数据库,完成数据的增删改操作。 3. **对话框**:EasyUI的对话框用于显示详细信息或进行确认操作。例如,在删除数据时,可以通过对话框向用户确认操作,...
总的来说,这个“easyui 表格增删改查工具类”为开发者提供了一套便捷的方法,用于处理常见的数据管理任务,大大简化了基于 EasyUI 的 Web 应用开发流程。通过理解和运用这个工具类,可以提高开发效率,使项目更加...
在增删改查的应用中,EasyUI的表格、对话框、按钮等组件可以帮助构建交互式的用户界面,方便用户进行数据操作。 项目包含的"SpringTest08_H4"可能表示这是一个关于Spring和Hibernate 4的第八个版本的测试项目。在这...
在这个"easyui增删改查案例"中,我们将深入探讨如何利用 EasyUI 实现数据的添加(Add)、删除(Delete)、修改(Modify)和查询(Query)功能,这些都是Web应用程序中最基础且重要的操作。 1. **EasyUI 的基本概念*...
本文将详细解析基于EasyUI、Ajax、Jquery、JSP、Servlet和JDBC的"easyui ajax实现增删改查"项目,以及如何利用这些技术进行数据库操作。 首先,EasyUI是一个基于jQuery的UI框架,提供了丰富的组件,如表格、下拉框...
"EasyUI + Maven 增删改查"是一个典型的Web开发教程主题,主要涉及使用EasyUI框架和Maven构建工具来实现数据管理的基本操作。EasyUI是一个基于jQuery的前端组件库,提供了丰富的用户界面组件,而Maven是Java项目管理...
在EasyUI的帮助下,可以创建表格显示数据,并通过按钮触发Ajax请求来执行增删改查操作。 8. **路由(Routing)**:MVC4中的路由系统允许自定义URL模式,将特定的URL映射到控制器的特定动作上。确保正确配置路由规则...
在本项目中,EasyUI 提供了Web页面的界面元素,使得用户可以通过友好的界面进行数据的增删改查操作。 在实际运行这个项目时,你需要做的是: 1. 修改本地数据库的URL,使其指向你要使用的数据库服务器。 2. 根据...
这个组合提供了从前端到后端的完整解决方案,方便开发者快速实现数据的增删改查操作。现在,我们来详细探讨这个主题。 首先,EasyUI是一个轻量级的前端框架,它提供了大量的预定义样式和组件,如表格、表单、对话框...
标题“mvc easyui 项目 demo 增删改查”表明这是一个基于MVC(Model-View-Controller)框架和EasyUI库的Web应用示例,主要功能集中在基本的数据操作:增加、删除、修改和查询。这个项目可能是为了帮助初学者理解如何...
【标题】"springboot+mybatis+easyui增删改查分页Demo"是一个基于Spring Boot、MyBatis和EasyUI实现的Web应用程序示例,主要用于演示如何在这些技术栈中进行基本的数据操作,如添加(Add)、删除(Delete)、修改...
这个压缩包"mavenssm"显然包含了一个基于这些框架的简单应用,提供了基本的CRUD(创建、读取、更新、删除)功能,并且前端使用了EasyUI。EasyUI是一个基于jQuery的UI组件库,常用于快速构建美观的管理界面。 首先,...
在IT行业中,MVC(Model-View-Controller)模式...总的来说,"MVC+EasyUI 增删改查"涉及了Web应用开发中的基础架构、前端界面设计以及后端数据处理等多个方面。掌握这些知识点对于开发高效、易维护的Web应用至关重要。