最近在完成一个项目，采用SSM框架搭建完成，前端使用EasyUI搭建页面；

其中涉及到一个查询显示功能；查询数据库中的数据，动态显示在页面之中，刚开始这部分十分有疑问，所以虚心向同学学习，现总结至博客当中，以待继续深入学习。

首先，需要根据EasyUI搭建一个前端页面；

代码实现：

<body>

<div id="p" class="easyui-panel" title="学生列表"

     style="width:1320px;height:300px;padding:40px;background:#fafafa;"

     data-options="iconCls:'icon-save'">

    <table id="dg"></table>

</div>

<script>

    $('#dg').datagrid({

        url:'clscolumn/stu.do',

        columns:[[

            {field:'id',title:'编号',width:100},

            {field:'name',title:'姓名',width:100},

            {field:'point',title:'积分ˆ†',width:100,align:'right'}

        ]],

              pagination : true,

               //选择当前页

               pageNumber : 1,

               //页面显示几个

               pageSize : 3,

               //可选页面显示几个

               pageList : [3,5,9]

    });

    $('#dg').datagrid('load', {

        url:'clscolumn/stu.do',

        columns:[[

            {field:'id',title:'编号',width:100},

            {field:'name',title:'姓名',width:100},

            {field:'point',title:'积分ˆ†',width:100,align:'right'}

        ]]});

$('#dg').datagrid('reload');    // 重新载入当前页面数据

</script>

</body>

首先需要在数据库中建一个表，并在项目中创建一个实体类；该实体类和数据库中的表字段名称，数值类型必须保持一致。

实体类：

public class Student {

    private int id;

    private String name;

    private String pwd;

    private int point;

    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 String getPwd() {

        return pwd;

    }

    public void setPwd(String pwd) {

        this.pwd = pwd;

    }

    public int getPoint() {

        return point;

    }

    public void setPoint(int point) {

        this.point = point;

    }

}

数据库建表：

数据库中表的数据名称与类的名称一致；

且数据库中表中数据值的类型与实体类中的变量类型一致。

定义一个Service接口，其中定义一个查询方法，该方法的方法名字必须与Spring配置文件（appli-context.xml中的事务方法名字相关联）。

public interface StuListService {

    List<Student> getStu();

}

定义实现类ServiceImpl实现Service接口;

这部分一定要注意该类必须添加@Service注解，否则无法正常运行。

第二个注解为Dao层注解，必须添加@Autowired自动注入。

@Service

public class StuListServiceImpl implements StuListService{

    @Autowired

    private StuListDao dao;

    @Override

    public List<Student> getStu() {

        // TODO Auto-generated method stub

        return dao.getStudent();

    }

}

定义一个Dao层接口，UserDao.java；该接口中为查询方法。

注意返回值类型与传值类型都为所要查找的对象。

public interface UserDao {

    //登录页面

    User selectByCondition(User user);

}

配置Mybatis的映射文件。

增、删、改 方法的返回值即resultType均为int值类型。

查询可以返回对象类型；

注意select中的id必须与UserDao.java中 查询方法的名字保持一致。

<mapper namespace="com.sys.dao.UserDao">

    <select id="selectByCondition" parameterType="User" resultType="User">

        select * from users where name=#{name} and pwd=#{pwd}

    </select>

    </mapper>

配置控制器

必须添加@ResponseBody将数据转换成对象类型。

定义的方法 返回类型为所要获取的对象。

采用List集合 保存数据。

@Controller

@RequestMapping("/clscolumn")

public class StuListController {

    @Autowired

    private StuListService service;

    @RequestMapping("/stu.do")

    @ResponseBody

    public List<Student> selectAll(){

        List<Student> students =service.getStu();

                return students;

    }

}

至此，EasyUI动态显示后台数据库中的数据完成。

EasyUI动态显示后台数据库中的数据的更多相关文章

  1. 【Android Developers Training】 26. 在SQL数据库中保存数据

    注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...

  2. flask再学习-思考之怎么从数据库中查询数据在页面展示！

    看别人视频觉得很简单,要自己做蒙蔽了!这样子.NO! 1. 流程: 首先要有和数据库连接的驱动!一般有PYMySQL mysqlclient 等 使用扩展Flask-SQLAlchemy 获得orm对 ...

  3. MyBatis框架的insert节点-向数据库中插入数据

    需求:使用mybatis框架中的insert元素节点向数据库中插入数据 UserMapper.xml UserMapper.java 编写测试方法: @Test public void testAdd ...

  4. 将Oracle数据库中的数据写入Excel

    将Oracle数据库中的数据写入Excel 1.准备工作 Oracle数据库"TBYZB_FIELD_PRESSURE"表中数据如图: Excel模板(201512.xls): 2 ...

  5. java更改数据库中的数据

    不废话,上代码 package com.ningmeng; import java.sql.*; /** * 1:更改数据库中的数据 * @author biexiansheng * */ publi ...

  6. Eclipse中java向数据库中添加数据，更新数据，删除数据

    前面详细写过如何连接数据库的具体操作,下面介绍向数据库中添加数据. 注意事项:如果参考下面代码,需要 改包名,数据库名,数据库账号,密码,和数据表(数据表里面的信息) package com.ning ...

  7. C#-WinForm-ListView-表格式展示数据、如何将数据库中的数据展示到ListView中、如何对选中的项进行修改

    在展示数据库中不知道数量的数据时怎么展示最好呢?--表格 ListView - 表格形式展示数据 ListView 常用属性 HeaderStyle - "详细信息"视图中列标头的 ...

  8. phpexcel的写操作将数据库中的数据导入到excel中

    这个版本据说是可以支持excel2007,但是我使用2007编辑的xlsx是无法获得该库的支持.于是乎我就将它转化为2003.感觉支持地很好. 下面介绍一下具体的使用: require_once('. ...

  9. 定时从远程的数据库中取数据，然后把取出来的数据插入或更新本地的oracle数据库的表

    最近项目中有一种需求: 大致需求是这样的 通过给定的 用户名和密码 要定时从远程的数据库中取数据,然后把取出来的数据插入或更新本地的oracle数据库的表 项目的结构式struts1 hibernat ...

随机推荐

  1. web版文件管理系统 ——文件图标的获取

    需求来源:公司需要一个文件的管理系统,方便管理公司文档以及互相传阅以及一些权限控制的便利,其中极小的一块功能点就是现实文件列表里面的图标获取,从网上找图标太麻烦,而且不现实,不可能用户每次上传文件等你 ...

  2. Pytest测试框架（一）：pytest安装及用例执行

    PyTest是基于Python的开源测试框架,语法简单易用,有大量的插件,功能非常多.自动检测测试用例,支持参数化,跳过特定用例,失败重试等功能. 安装 pip install -U pytest  ...

  3. Windows10搭建本地ftp服务器

    首先要有一个win10专业版的操作系统,连接上互联网... 一.首先打开控制面板选择程序,再选择"启用或关闭windows功能" 二.在"Windows功能"中 ...

  4. Linux之远程登录和文件传输

    一---导读 在实际开发过程中,程序员和Linux系统是远程的,并且可能有多个程序员一同在同一个linux系统上工作,那么这个时候就需要我们远程登录linux系统 二---软件介绍 xshell 和 ...

  5. ROS开源小车TurtleBot3详情介绍

    您为什么要选择ROS开源智能小车 ROS(Robot Operating System,机器人操作系统)是目前世界上更主流更多人使用的的机器人开源操作系统.它可以提供操作系统应有的服务,包括硬件抽象, ...

  6. 浅谈java中的枚举类型（转）

    用法一:常量 在JDK1.5 之前,我们定义常量都是: public static fianl.... .现在好了,有了枚举,可以把相关的常量分组到一个枚举类型里,而且枚举提供了比常量更多的方法. p ...

  7. 温故而知新--day1

    温故而知新--day1 变量类型 变量是计算机存储数据的内存空间,由于计算机可以处理不同的数据,不同的数据就要定义不同的数据类型.python的数据类型很多,还可以自定义数据类型,常用的一般数据类型有 ...

  8. web元素定位和appium-app元素定位

    一.web页面元素定位工具介绍 1.打开google浏览器,按F12进入开发者模式,如下图: 2.用鼠标点击下图红色框中的箭头--然后鼠标移动到web页面的元素上(此处为百度框),会自动定位到对应的h ...

  9. 【JavaWeb】HTML&CSS 基础

    HTML&CSS 基础 HTML 基础 HTML 标签 HTML标题:HTML 标题(Heading)是通过 h1 - h6 等标签进行定义的. HTML段落: HTML 段落是通过 p 标签 ...

  10. 关联实现下-jsonpath取值（有难度！！耗时长）

    re的使用参考:正则表达式基础及re模块:https://www.cnblogs.com/dream66/p/12953729.html import restr1 = '{"access_ ...