struts2-convention.plugin 插件与extjs 整合.
注:..其实这种struts2 的注解方式也可以与jquery,ajax
结合...
在
www.shoujicaipiao.com.cn
这个网站中就用到了jquery+struts2-convention-plugin
技术结构:
struts2+spring+jpa+extjs+mysql
包结构:
运行界面:
web.xml 省略.
struts.xml
<struts>
<constant name="struts.enable.DynamicMethodInvocation" value="true" /><!-- 开启动态方法 -->
<constant name="struts.i18n.encoding" value="gbk"></constant>
<constant name="struts.devMode" value="false" /><!-- 开启开发者模式 -->
<!-- 不用dojo的及struts2复杂标签样式的就把主题设置为simple,这样可以不加载多余的模板。 -->
<constant name="struts.ui.theme" value="simple" />
<constant name="struts.custom.i18n.resources" value="messageResource" />
<!-- 确定搜索包的路径。只要是结尾为action的包都要搜索 -->
<constant name="struts.convention.package.locators" value="action" />
<!-- 一个action名字的获取。比如为HelloWorldAction。按照配置,actionName为hello_world -->
<constant name="struts.convention.action.suffix" value="Action" />
<constant name="struts.convention.action.mapAllMatches" value="true" />
<constant name="struts.convention.action.name.separator" value="-" />
<!-- 设置默认的父包,一般我们都设置一个default包继承自struts-default -->
<constant name="struts.convention.default.parent.package" value="rest-default" />
<!-- Add packages here -->
</struts>
applicationContext.xml
<context:component-scan base-package="com.chenxi"/>
<context:property-placeholder location="classpath:spring.properties"/>
<!-- 数据源,使用 src 下的 c3p0.properties 配置 -->
<bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"/>
<!-- JPA实体管理工厂配置 -->
<bean id="entityManagerFactory" class="org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean">
<property name="dataSource" ref="dataSource"/>
<property name="jpaVendorAdapter">
<bean class="org.springframework.orm.jpa.vendor.HibernateJpaVendorAdapter">
<property name="showSql" value="${showSql}"/>
<property name="database" value="${database}"/>
<property name="databasePlatform" value="${dialect}"/>
</bean>
</property>
</bean>
<!-- 实体管理器配置 -->
<bean id="transactionManager" class="org.springframework.orm.jpa.JpaTransactionManager">
<property name="entityManagerFactory" ref="entityManagerFactory"/>
</bean>
<!-- 以注解驱动方式配置事务 -->
<tx:annotation-driven transaction-manager="transactionManager"/>
ManagerAction
@Component
@Scope("prototype")
@ParentPackage("json-default")
@Results({
@Result(name="success",type="json",params={"managerList","managerList"})
})
public class ManagerAction extends ActionSupport{
private static final long serialVersionUID = 1L;
private int limit;
private int start;
private int totalProperty;
private List<Cardcategory> managerList;
private int id;
@Autowired
private ManagerService managerService;
public String getManager(){
try {
start = start > 1 ? start/limit +1 : start;
managerList = managerService.getM(start,limit);
} catch (Exception e) {
e.printStackTrace();
}
return "success";
}
}
manager.jsp
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
</head>
<script type="text/javascript" src="js/manager.js" charset="GBK"</script>
<body>
<div id="sadf"></div>
</body>
</html>
manager.js--简单的grid实现
var store = new Ext.data.Store( {
proxy : new Ext.data.HttpProxy( {
url : 'manager/0/getManager'
}),
reader : new Ext.data.JsonReader( {
root : 'managerList',
totalProperty : 'totalProperty',
id : 'id'
}, [ {
name : 'categoryname',
mapping : 'categoryname',
type : 'string'
}, {
name : 'cardcost',
mapping : 'cardcost',
type : 'int'
}, {
name : 'salefetchmethod',
mapping : 'salefetchmethod',
type : 'string'
}, {
name : 'salefetchmoney',
mapping : 'salefetchmoney',
type : 'int'
}, {
name : 'fundfetchmethod',
mapping : 'fundfetchmethod',
type : 'string'
}, {
name : 'fundfetchmoney',
mapping : 'fundfetchmoney',
type : 'int'
} ])
});
store.load( {
params : {
start : 0,
limit : 15
}
});
var cm = new Ext.grid.ColumnModel( [ {
header : '卡类型名称',
dataIndex : 'categoryname',
sortable : true,
width : 100
}, {
header : '卡的基本费用',
dataIndex : 'cardcost',
sortable : true,
width : 100
}, {
header : '售卡提成方式',
dataIndex : 'salefetchmethod',
sortable : true,
width : 100
}, {
header : '售卡提成金额',
dataIndex : 'salefetchmoney',
sortable : true,
width : 100
}, {
header : '充值提成方式',
dataIndex : 'fundfetchmethod',
sortable : true,
width : 100
}, {
header : '充值提成金额',
dataIndex : 'fundfetchmoney',
sortable : true,
width : 100
} ]);
cm.defaultSortable = true;
var grid = new Ext.grid.GridPanel( {
border : false,
store : store,
loadMask : true,
cm : cm,
region:'center',
autoExpandColumn:true,
stripeRows:true,
tbar : new Ext.PagingToolbar( {
store : store,
pageSize : 15,
displayInfo : true,
displayMsg : "本页显示第{0}条到第{1}条的记录,一共{2}条",
emptyMsg : "没有记录"
})
});
Ext.onReady(function() {
Ext.QuickTips.init();
grid.render(new Ext.getDom("sadf"));
});
jquery+struts2-convention..
- 大小: 49 KB
- 大小: 71.5 KB
分享到:
相关推荐
ExtJs和Struts2是两种在Web开发中广泛使用的开源技术。ExtJs是一个JavaScript库,提供了丰富的用户界面组件,用于构建交互式、响应式的Web应用。而Struts2则是一个基于MVC(Model-View-Controller)架构的Java Web...
网上有些这样的例子,但是下了几个都没有跑起来,哎,希望那些发文章的人要发就发全的,别发个半生不熟的。... 现在自己整理了一个Struts2+ExtJS2实现文异步文件上传,没法上传图片无法看到效果,直接上源码吧。
《Extjs Struts2 图书管理系统详解》 在IT领域,构建高效且用户友好的管理系统的实践至关重要。本文将深入探讨“Extjs Struts2 图书管理系统”的设计与实现,结合Hibernate、Spring和Struts2这三大框架,以及前端...
Struts2和ExtJS是两种常用的Java Web开发技术,它们在构建用户界面和处理服务器端逻辑方面发挥着重要作用。在本场景中,"extjs struts2 多图片批量上传控件"是一个集成解决方案,允许用户通过ExtJS前端框架批量上传...
【标题】"Extjs struts2 spring 图书馆"是一个基于流行Java技术栈构建的图书馆管理系统,它将前端的富互联网应用(RIA)框架Extjs与后端的MVC框架Struts2和企业级服务管理框架Spring进行了深度融合。这个项目为...
在"ExtJS+Struts2"的组合中,前端使用ExtJS进行界面设计和用户交互处理。例如,"简单增删改"功能通常会涉及到ExtJS的Grid Panel组件,它能展示数据表格,支持行操作,如添加新记录、删除现有记录以及编辑单元格内容...
EXTJS4、STRUTS2和JAVA是Web开发中常用的三大技术框架,它们结合使用可以构建功能丰富的交互式用户界面和高效的企业级应用。在这个"EXTJS4+STRUTS2+JAVA增删改查"的例子中,我们将深入探讨这三个技术如何协同工作,...
在本文中,我们将深入探讨如何使用ExtJS 4与Struts2框架实现文件上传功能。ExtJS是一个强大的JavaScript库,提供了丰富的用户界面组件,而Struts2是Java Web开发中的一个MVC框架,用于处理后端业务逻辑。下面,我们...
ExtJS和Struts是两种广泛应用于Web开发的技术。ExtJS是一种强大的JavaScript库,主要用于构建用户界面,而Struts是基于MVC(Model-View-Controller)设计模式的Java Web框架。这个“ExtJS Struts实例程序”是一个...
一个运用Extjs,Struts2, json,iterator技术构建的iterator_jsonDemo2。iterator_jsonDemo1的链接:http://download.csdn.net/detail/cafebar123/8816409 运用了Extjs,Struts2, json,iterator技术, 将数据从...
ExtJs + Struts2 + JSON 是一种常见的前端与后端数据交互的技术组合,常用于构建富客户端应用。这里我们详细探讨一下这三个技术组件以及它们如何协同工作。 首先,ExtJs 是一个JavaScript库,用于创建复杂的、用户...
ExtJS与Struts2是两种在Web开发中广泛使用的开源技术。ExtJS是一个JavaScript库,提供了丰富的用户界面组件和强大的数据处理能力,而Struts2则是一个基于MVC设计模式的Java Web框架,用于简化应用的开发流程。将这...
EXTJS和STRUTS2是两个在Web开发中广泛应用的框架。EXTJS是一个JavaScript库,主要用于构建富客户端的用户界面,而STRUTS2则是一个基于MVC模式的Java Web框架,用于处理后端逻辑。这篇文章将深入探讨如何将这两个框架...
文章可能通过一个实际项目或示例,详细解释了如何将ExtJS的Grid Panel与Struts 2通过JSON进行数据交互,帮助读者理解这两种技术的整合过程。学习这些内容有助于提升Web应用的用户体验,实现数据的实时更新和交互。
"Hibernate+Spring+Struts2+ExtJS整合开发实例"就是一个典型的Java Web应用程序开发案例,它将四个关键组件结合在一起,以实现高效、模块化的后端和前端功能。 **Hibernate** 是一个流行的Java对象关系映射(ORM)...
在本文中,我们将深入探讨如何使用ExtJS 4和Struts2框架实现省市区三级联动的完整示例。这个示例适用于需要在Web应用程序中实现地理区域选择功能的情况,例如用户地址输入。以下是对该技术栈及其实现方法的详细说明...
Struts2和ExtJS3是两个非常流行的开源框架,它们在Web开发中有着广泛的应用。Struts2是一个基于MVC(Model-View-Controller)设计模式的Java Web框架,而ExtJS3则是一个用于构建富客户端JavaScript应用的库。本文将...
3. **JSON响应**:Struts2的Action可以通过`@ResponseBody`注解或使用`ValueStack`将Java对象转化为JSON,然后返回给客户端。ExtJS的Ajax请求会自动解析这个JSON响应,并更新组件的数据源。 4. **数据绑定**:ExtJS...
在本文中,我们将深入探讨如何使用ExtJS4和Struts2框架实现文件上传功能。首先,让我们了解一下这两个关键技术和它们在文件上传中的作用。 **ExtJS4:** ExtJS4是一个强大的JavaScript库,用于构建富客户端应用程序...
【图书管理系统源码(ExtJs+struts2+hibernate+spring)】是一个基于Web的软件项目,它展示了如何整合多种技术来构建一个实际的应用系统。这个管理系统使用了前端框架ExtJs,后端MVC框架Struts2,持久层框架...