EasyUI动态显示后台数据库中的数据
最近在完成一个项目,采用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动态显示后台数据库中的数据的更多相关文章
- 【Android Developers Training】 26. 在SQL数据库中保存数据
注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...
- flask再学习-思考之怎么从数据库中查询数据在页面展示!
看别人视频觉得很简单,要自己做蒙蔽了!这样子.NO! 1. 流程: 首先要有和数据库连接的驱动!一般有PYMySQL mysqlclient 等 使用扩展Flask-SQLAlchemy 获得orm对 ...
- MyBatis框架的insert节点-向数据库中插入数据
需求:使用mybatis框架中的insert元素节点向数据库中插入数据 UserMapper.xml UserMapper.java 编写测试方法: @Test public void testAdd ...
- 将Oracle数据库中的数据写入Excel
将Oracle数据库中的数据写入Excel 1.准备工作 Oracle数据库"TBYZB_FIELD_PRESSURE"表中数据如图: Excel模板(201512.xls): 2 ...
- java更改数据库中的数据
不废话,上代码 package com.ningmeng; import java.sql.*; /** * 1:更改数据库中的数据 * @author biexiansheng * */ publi ...
- Eclipse中java向数据库中添加数据,更新数据,删除数据
前面详细写过如何连接数据库的具体操作,下面介绍向数据库中添加数据. 注意事项:如果参考下面代码,需要 改包名,数据库名,数据库账号,密码,和数据表(数据表里面的信息) package com.ning ...
- C#-WinForm-ListView-表格式展示数据、如何将数据库中的数据展示到ListView中、如何对选中的项进行修改
在展示数据库中不知道数量的数据时怎么展示最好呢?--表格 ListView - 表格形式展示数据 ListView 常用属性 HeaderStyle - "详细信息"视图中列标头的 ...
- phpexcel的写操作将数据库中的数据导入到excel中
这个版本据说是可以支持excel2007,但是我使用2007编辑的xlsx是无法获得该库的支持.于是乎我就将它转化为2003.感觉支持地很好. 下面介绍一下具体的使用: require_once('. ...
- 定时从远程的数据库中取数据,然后把取出来的数据插入或更新本地的oracle数据库的表
最近项目中有一种需求: 大致需求是这样的 通过给定的 用户名和密码 要定时从远程的数据库中取数据,然后把取出来的数据插入或更新本地的oracle数据库的表 项目的结构式struts1 hibernat ...
随机推荐
- web版文件管理系统 ——文件图标的获取
需求来源:公司需要一个文件的管理系统,方便管理公司文档以及互相传阅以及一些权限控制的便利,其中极小的一块功能点就是现实文件列表里面的图标获取,从网上找图标太麻烦,而且不现实,不可能用户每次上传文件等你 ...
- Pytest测试框架(一):pytest安装及用例执行
PyTest是基于Python的开源测试框架,语法简单易用,有大量的插件,功能非常多.自动检测测试用例,支持参数化,跳过特定用例,失败重试等功能. 安装 pip install -U pytest ...
- Windows10搭建本地ftp服务器
首先要有一个win10专业版的操作系统,连接上互联网... 一.首先打开控制面板选择程序,再选择"启用或关闭windows功能" 二.在"Windows功能"中 ...
- Linux之远程登录和文件传输
一---导读 在实际开发过程中,程序员和Linux系统是远程的,并且可能有多个程序员一同在同一个linux系统上工作,那么这个时候就需要我们远程登录linux系统 二---软件介绍 xshell 和 ...
- ROS开源小车TurtleBot3详情介绍
您为什么要选择ROS开源智能小车 ROS(Robot Operating System,机器人操作系统)是目前世界上更主流更多人使用的的机器人开源操作系统.它可以提供操作系统应有的服务,包括硬件抽象, ...
- 浅谈java中的枚举类型(转)
用法一:常量 在JDK1.5 之前,我们定义常量都是: public static fianl.... .现在好了,有了枚举,可以把相关的常量分组到一个枚举类型里,而且枚举提供了比常量更多的方法. p ...
- 温故而知新--day1
温故而知新--day1 变量类型 变量是计算机存储数据的内存空间,由于计算机可以处理不同的数据,不同的数据就要定义不同的数据类型.python的数据类型很多,还可以自定义数据类型,常用的一般数据类型有 ...
- web元素定位和appium-app元素定位
一.web页面元素定位工具介绍 1.打开google浏览器,按F12进入开发者模式,如下图: 2.用鼠标点击下图红色框中的箭头--然后鼠标移动到web页面的元素上(此处为百度框),会自动定位到对应的h ...
- 【JavaWeb】HTML&CSS 基础
HTML&CSS 基础 HTML 基础 HTML 标签 HTML标题:HTML 标题(Heading)是通过 h1 - h6 等标签进行定义的. HTML段落: HTML 段落是通过 p 标签 ...
- 关联实现下-jsonpath取值(有难度!!耗时长)
re的使用参考:正则表达式基础及re模块:https://www.cnblogs.com/dream66/p/12953729.html import restr1 = '{"access_ ...