首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 数据库 > 其他数据库 >

mongodb基础系列——数据库查询数据回来前台JSP(二)

2013-10-15 
mongodb基础系列——数据库查询数据返回前台JSP(二)上篇博客论述了,数据库查询数据返回前台JSP。博客中主要使

mongodb基础系列——数据库查询数据返回前台JSP(二)

上篇博客论述了,数据库查询数据返回前台JSP。博客中主要使用Ajax调用来显示JSON串,来获取其中某一个字段,赋给界面中的某一个控件。

那这篇博客中,我们讲解,把后台List传递JSP展示。

List传递界面,以前我们普通的做法是怎么样的呢?foreach 的el表达式?还是java代码?

那对于本身就是Json格式的list,到底如何显示呢?

显然表单中的el表单以及java代码不合适。那我们继续使用Ajax来显示。

一:对于不使用前台框架的情况:就是咱们普通的table,到底如何以表格的形式显示list呢?

OK,方案如下:动态生成表格。

js代码如下:demo中使用某个按钮触发,当然可以在body初始化$(function(){//动态生成表格});各自所需哈。

我把table嵌套在div中:

二:使用前台框架:举例,ligerui中的grid展示:(前提:把js、css已经引入)

grid代码如下:

当然可以获取data,然后在此基础上拼串{Rows:[]}

当然也可以在返回前台Response中,拼接Rows

{"Rows":[{"_id":{"inc":1921780984,"machine":-1318347665,"new":false,"time":1381386918000,"timeSecond":1381386918},"id":1,"name":"小明","address":{"city":"beijing","code":"065000"}},{"_id":{"inc":1726594501,"machine":-1318330040,"new":false,"time":1381394051000,"timeSecond":1381394051},"id":2,"name":"小红","address":{"city":"beijing","code":"065000"}}]}
OK,到此为止,某一个字段以及表格形式的基本功能实现方式已经叙述。

这两篇博客的项目,是用一个项目,只不过各种方式演示,通过注释来完成。

在此提示:若非ligerui,直接使用数组形式而已[],不要使用Rows:[]格式。但是对于其他的框架,比如ext,easyui,他们都有自己的数据源格式,但是肯定的是,后台依然是JSON串。

项目Demo,点我下载

热点排行