最近在完成一个项目，采用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. J.U.C关于Execute实现

    JAVASE5的Execute将为你管理Thread对象,是启动任务的优选方案 /***newCachedThreadPool在程序的执行过程中通常会创建于所需任务相同数量的线程即可以达到Intege ...

  2. 事件驱动之JDK观察者模式

    JDK中关于观察者模式主要了解俩个概念 Observer观察者 Observable事件源:当事件源发生某事件时,有两个事情需要注意 1.里面有一个isChange属性  当为false时不会发通知给 ...

  3. Pytest测试框架（三）：pytest fixture 用法

    xUnit style 结构的 fixture用于初始化测试函数, pytest fixture是对传统的 xUnit 架构的setup/teardown功能的改进.pytest fixture为测试 ...

  4. 第14章节 BJROBOT karto 算法构建地图【ROS全开源阿克曼转向智能网联无人驾驶车】

    建地图前说明:请确保你的小车已经校正好 IMU.角速度.线速度,虚拟机配置好 ROS 网络的前提进行,否则会造成构建地图无边界.虚拟机端无法正常收到小车主控端发布的话题数据等异常情况!! 1.把小车平 ...

  5. Redis--部署操作

    1.Redis 1.1 安装 当前ubuntu虚拟机中已经安装好了redis,以下步骤可以跳过 以后自己安装过程如下:redis下载链接:x 指的是版本号 http://download.redis. ...

  6. 神奇的 SQL 之性能优化 → 让 SQL 飞起来

    开心一刻 一天,一个男人去未婚妻家玩,晚上临走时下起了大雨 未婚妻劝他留下来过夜,说完便去准备被褥,准备就绪后发现未婚夫不见了 过了好久,全身淋的像只落汤鸡的未婚夫回来了 未婚妻吃惊的问:" ...

  7. vue uni-app项目中的tabbar

    由于公司要求开发百度小程序,所以我们采用uni-app开发的方式,一套代码多个小程序都可以用,在开发小程序的时候我们也经常会使用到tabbar.当然自己写出来也是不错的.这个就来介绍uni-app中的 ...

  8. vuetify 属性集合

    1.v-form 组件具有 three 功能,可以通过在该组件上设置 ref 来访问它们. ref 允许我们访问组件上的内部方法,例如 <v-form ref="form"& ...

  9. Openwrt_Linux_crontab任务_顺序执行脚本

    Openwrt_Linux_crontab任务_顺序执行脚本 转载注明来源: 本文链接 来自osnosn的博客,写于 2020-12-21. Linux (openwrt,debian,centos. ...

  10. 阿里云centos7[linux]安装nginx

    标题 说明 服务器版本 Centos7 x64 nginx版本 1.19.6 作者 walton 一.准备 创建安装包目录并进入 mkdir /usr/dev/nginx cd /usr/dev/ng ...