EasyUI+SSH怎么跟数据库交互,我用的Spring 3.0 ,Struts2, Hibernate ,页面怎么写,后台怎么写!求教!

EasyUI+SSH怎么跟数据库交互,我用的Spring 3.0 ,Struts2, Hibernate ,页面怎么写,后台怎么写!求教!,第1张

1、新建项目:File->New->WebProject,选择项目名称以及J2EE版本,J2EE版本选择J2EE6.0.

2、导入SSH框架所需要的架包,具体所需要的jar包如下图所示:

3、使用MyEclipse辅助开发Struts、Spring、Hibernate。

(1)首先为该项目添加Struts环境.右击该项目->MyEclipse->Add Struts Capilibilities,在界面中选择Struts2.1,Url Pattern选择.do的形式。点击Finish即可

(2)为项目添加Spring环境。右击该项目->MyEclipse->Add Spring Capilities,选择Spring 3.1,点击Finish即可。

(3)为该项目添加Hibernate环境。在创建该环境之前,需要建立一个数据库的连接,点击MyElipse右上角,切换到MyEclipse Hibernate界面,创建一个数据的连接,具体不再详述。然后右击该项目->MyEclipse->Add Hibernate Capilities,选择Hibernate4.1,点击Next,

然后选择数据库,选择我们刚刚创建好的数据库即可。如下图所示。

最后一步,就是运用Hibernate的映射机制,把数据库的表与JAVA的对形成一个关系映射;在此之前,首先应该在项目SRC的目录下面新建一个包,如该项目所示,用来存放映射生成的POJO对象以及映射文件;如下图:

至此我们的SSH框架已经基本搭建完成。

easyui自带有 loadData 方法,下面有两种加载数据方法:

<table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"></table>

function strToJson(str) {

var json = eval('(' + str + ')')

return json

}

1.加载静态数据方法

var htmls = "[{'ID':'FI-SW-01','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-02','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-03','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-04','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-05','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'}]"

$('#tt').datagrid('loadData', strToJson(htmls))

2.ajax动态加载数据方法(支持后台数据库)

$.ajax({

url: "/index/index",

data: { id: 1, code: "101" },

datatype: "json",

type: "POST",

traditional: true,

success: function(data) {

$('#tt').datagrid('loadData', strToJson(data))

}

})

返回的data数据格式为方法1中的htmls字符串格式。

希望对你有帮助。

1、首先写入导出按钮和需要导出的datagrid列表。

2、点击导出按钮;获得需要导出的字段与不需要导出的数据进行数据处理,并且进行json解析。

3、异步 *** 作进入后台获取数据。

4、后台将数据写入excel(其中还有一个帮助类)。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10028485.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存