最近在完成一个项目，采用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. JVM 低延迟垃圾收集器 Shenandoah 和 ZGC

    本文部分摘自<深入理解 Java 虚拟机第三版> 概述 衡量垃圾收集器的三项指标分别是:内存占用.吞吐量和延迟.这三者共同构成一个"不可能三角",即一款优秀的收集器最多 ...

  2. wildfly 21的配置文件和资源管理

    目录 简介 wildfly的配置文件 extensions profile path interface socket-binding management 资源管理 总结 简介 在上一篇文章我们介绍 ...

  3. 前端Vscode常用插件概述

    以下是我自己在工作中常用的插件,写给刚入门的前端coder.VSCode插件商店中实用的插件还是很多的,大家也可以对感兴趣的插件下载下来尝试一下的! 持续更新 插件名称 概述 作用 常用默认快捷键 C ...

  4. java有关静态代理及动态代理的实现

    引言: 代理是基本的设计模式之一,它为你提供额外的或不同的操作而插入的用来代替实际对象的对象(委托对象).这些对象通常涉及到与实际对象的通信,因此代理通常充当中间人的角色.--JAVA编程思想 相关的 ...

  5. 伯俊BOS2.0店铺收入对账功能设计

    一.客户需求 通过导入银行POS机流水,将流水与ERP系统的零售付款数据进行对比,统计差异! 二.功能设计 1.新增"POS机号对应表单",用于维护POS机与erp店仓对应 2.新 ...

  6. [剑指 Offer 18. 删除链表的节点]

    [剑指 Offer 18. 删除链表的节点] 给定单向链表的头指针和一个要删除的节点的值,定义一个函数删除该节点. 返回删除后的链表的头节点. 注意:此题对比原题有改动 示例 1: 输入: head ...

  7. OBKoro1的2020年年终总结

    前言 一晃眼2020年马上就要过去了,今年感觉过的特别快. 工作已经三年了,之前都没有写过年终总结,结果造成了下面这个现象: 回首过去的几年,记忆已经很模糊了,需要很用力才能想起过去一部分往事. 人生 ...

  8. 剑指offer 面试题4：二维数组中的查找

    题目描述 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数 ...

  9. 基于腾讯云存储网关 CSG 实现视频在线转码分发

    一.背景 随着越来越多的传统业务云化和云端业务发展,数据上云和云端数据处理领域的需求爆发式增长.腾讯云存储网关CSG提供一键部署开箱即用的便捷模式,深度结合COS对象存储生态,为用户提供方便快捷的数据 ...

  10. 7.prometheus之查询API

    一.格式概述 二.表达式查询 2.1 Instant queries(即时查询) 2.2 范围查询 三.查询元数据 3.1 通过标签匹配器找到度量指标列表 3.2 获取标签名 3.3 查询标签值 四. ...