最近在完成一个项目，采用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. 搭建 Typecho 个人博客

    搭建 Typecho 个人博客 前言 最近在学习中,感觉有个自己的博客,用来记录学习总结,写写生活点滴是件不错的事. 在网上看到 Typecho 博客和 WordPress博客,顿时被 Typecho ...

  2. SQL Server 数据库还原进度查看

    SQL Server 数据库还原进度查看 关键字:数据库,还原,进度,查看 文档说明: 本文档受某实际需求启发,某约500G大小数据库还原,由于对应服务器性能较差(内存仅4G且可用内存仅2.8G),数 ...

  3. 牛客网NC15二叉树的层次遍历

    题目 给定一个二叉树,返回该二叉树层序遍历的结果,(从左到右,一层一层地遍历) 例如: 给定的二叉树是{3,9,20,#,#,15,7}, 该二叉树层序遍历的结果是 [ [3], [9,20], [1 ...

  4. Java类的加载过程-重点！！

    java类的加载过程有以下几步共同完成: 加载->连接->初始化.连接又分为验证.准备.解析 一个非数组类的加载阶段(加载阶段获取类的二进制字节流的动作)是可控性最强的阶段,这一步我们可以 ...

  5. Python基础语法4-运算符

    Python提供了一系列丰富的运算符,包括:  Ø算术运算符  Ø赋值运算符  Ø关系运算符  Ø逻辑运算符 Ø位运算符  Ø三元运算符 Ø身份运算符 Ø成员运算符

  6. 浅谈Go中的time.After

    go的一条哲学是 不要通过共享来实现通信,而是通信来实现共享 多协程之间通过 channel 来实现通信,而普遍会遇到的问题是,如何进行超时控制,资料一查询,需要配置select和time.After ...

  7. MySQL select 语句指定字段查询

    指定字段查询 SELECT 语法 SELECT [ALL | DISTINCT] {* | table.* | [table.field1[as alias1][,table.field2[as al ...

  8. mount: /dev/sdxx already mounted or /xxxx busy解决方法

    异常现象: 解决方法: 1.    輸入root的密碼,進入單用戶2.    重新掛載/目錄,使其變為可讀可寫 # mount –o rw,remount / 3.    修改/etc/fstab文件 ...

  9. 修改conda和pip源

    修改conda源为中科大源 Windows修改C:\Users\user(user替换为当前登陆系统的用户)目录下的.condarc文件 Linux修改家目录下的.condarc文件 channels ...

  10. window安装nvm

    先说一下背景,最近做的两个项目一个是祖传angularjs1.X版本另一个是react hooks结合tailwindcss,前者angularjs的node版本比较低,而tailwindcss的no ...