基于struts环境下的jquery easyui环境搭建

下载地址：

http://download.csdn.net/detail/cyberzhaohy/7348451

加入了json包：jackson-all-1.8.5.jar,项目结构例如以下：

測试网址：

http://localhost:9090/jquery-easyui-1.2.6BasedonStruts/layout.jsp

效果图例如以下：

配置文件web.xml：

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee

    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

    <welcome-file-list>

       <welcome-file>index.jsp</welcome-file>

    </welcome-file-list>

    <listener>

       <listener-class>

           org.springframework.web.context.ContextLoaderListener

       </listener-class>

    </listener>

    <context-param>

       <param-name>contextConfigLocation</param-name>

       <param-value>classpath:beans.xml</param-value>

    </context-param>

 

    <filter>

       <filter-name>openSessionInView</filter-name>

       <filter-class>

           org.springframework.orm.hibernate3.support.OpenSessionInViewFilter

       </filter-class>

       <init-param>

           <param-name>sessionFactoryBeanName</param-name>

           <param-value>sf</param-value>

       </init-param>

    </filter>

    <filter-mapping>

       <filter-name>openSessionInView</filter-name>

       <url-pattern>/*</url-pattern>

    </filter-mapping>

    <filter>

       <filter-name>struts2</filter-name>

       <filter-class>

           org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter

       </filter-class>

    </filter>

    <filter-mapping>

       <filter-name>struts2</filter-name>

       <url-pattern>/*</url-pattern>

    </filter-mapping>

 

</web-app>

 

beans.xml配置，上面配置文件黄色代码sf使用以下黄色代码配置：

<?

xml version="1.0" encoding="UTF-8"?

>

<beans xmlns="http://www.springframework.org/schema/beans"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xmlns:context="http://www.springframework.org/schema/context"

    xmlns:aop="http://www.springframework.org/schema/aop"

    xmlns:tx="http://www.springframework.org/schema/tx"

    xsi:schemaLocation="http://www.springframework.org/schema/beans

           http://www.springframework.org/schema/beans/spring-beans-2.5.xsd

          http://www.springframework.org/schema/context

          http://www.springframework.org/schema/context/spring-context-2.5.xsd

          http://www.springframework.org/schema/aop

           http://www.springframework.org/schema/aop/spring-aop-2.5.xsd

          http://www.springframework.org/schema/tx

          http://www.springframework.org/schema/tx/spring-tx-2.5.xsd">

    <context:annotation-config/>

    <context:component-scanbase-package="com.xdy"></context:component-scan>

    <bean

       class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">

       <property name="locations">

           <value>classpath:jdbc.properties</value>

       </property>

    </bean>

    <bean id="dataSource"

       class="org.apache.commons.dbcp.BasicDataSource"

       destroy-method="close">

       <property name="driverClassName"

           value="${jdbc.driverClassName}"/>

       <property name="url" value="${jdbc.url}"/>

       <property name="username" value="${jdbc.username}" />

       <property name="password" value="${jdbc.password}" />

    </bean>

    <bean id="sf"

       class="org.springframework.orm.hibernate3.annotation.AnnotationSessionFactoryBean">

       <property name="dataSource"ref="dataSource"/>

       <property name="packagesToScan">

           <list>

              <value>com.xdy.registration.model</value>

           </list>

       </property>

       <property name="hibernateProperties">

           <props>

              <prop key="hibernate.dialect">

                  org.hibernate.dialect.OracleDialect

              </prop>

              <prop key="hibernate.show_sql">true</prop>

           </props>

       </property>

    </bean>

    <bean id="hibernateTemplate"

       class="org.springframework.orm.hibernate3.HibernateTemplate">

       <property name="sessionFactory" ref="sf"></property>

    </bean>

 

    <bean id="txManager"

       class="org.springframework.orm.hibernate3.HibernateTransactionManager">

       <property name="sessionFactory" ref="sf"></property>

    </bean>

    <aop:config>

       <aop:pointcut id="bussinessService"

           expression="execution(public* com.xdy.registration.service.*.*(..))"></aop:pointcut>

       <aop:advisor pointcut-ref="bussinessService"

           advice-ref="txAdvice"/>

    </aop:config>

    <tx:advice id="txAdvice" transaction-manager="txManager">

       <tx:attributes>

           <tx:method name="exists"read-only="true" />

           <tx:method name="add*" propagation="REQUIRED" />

       </tx:attributes>

    </tx:advice>

 

 

</beans>

 

控制逻辑struts.xml配置：

<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTDStruts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">

<struts>

    <constant name="struts.i18n.encoding" value="GBK"/>

    <package name="registration" extends="struts-default">

 

       <action name="u"

           class="com.xdy.registration.action.UserAction">

           <result name="success">/registerSuccess.jsp</result>

           <result name="fail">/registerFail.jsp</result>

           <result name="list">/UserList.jsp</result>

           <result name="load">/User.jsp</result>

       </action>

    </package>

</struts>

UserAction.java代码例如以下：

package com.xdy.registration.action;

 

import java.io.IOException;

import java.io.StringWriter;

import java.util.List;

 

import org.apache.struts2.ServletActionContext;

import org.codehaus.jackson.JsonFactory;

import org.codehaus.jackson.JsonGenerator;

import org.codehaus.jackson.map.ObjectMapper;

 

import com.opensymphony.xwork2.ActionSupport;

import com.opensymphony.xwork2.ModelDriven;

import com.xdy.registration.model.MyUser;

import com.xdy.registration.service.UserManager;

import com.xdy.registration.vo.UserRegisterInfo;

 

//@Component("user")

//@Component("u")

//@Scope("prototype")

publicclass UserAction extends ActionSupport implements ModelDriven {

 

    public Object getModel() {

       // TODO Auto-generatedmethod stub

       returninfo;

    }

 

    /*

     * private Stringusername;; private String password; private String

     * password2;

     *

     * public StringgetUsername() { return username; }

     *

     * public voidsetUsername(String username) { this.username = username; }

     *

     * public StringgetPassword() { return password; }

     *

     * public voidsetPassword(String password) { this.password = password; }

     *

     * public StringgetPassword2() { return password2; }

     *

     * public voidsetPassword2(String password2) { this.password2 = password2; }

     */

    private UserRegisterInfo info = new UserRegisterInfo();

    private UserManager userManager;

    private List<MyUser> users;

    private MyUser myUser;

 

    public MyUser getMyUser() {

       returnmyUser;

    }

 

    publicvoid setMyUser(MyUser myUser) {

       this.myUser = myUser;

    }

 

    public String list() {

       this.users = this.userManager.getUsers();

       return"list";

    }

 

    public List<MyUser> getUsers() {

       returnusers;

    }

 

    publicvoid setUsers(List<MyUser> users) {

       this.users = users;

    }

 

    public UserAction() {

       System.out.println("useractioncreated!");

    }

 

    /*

     * public UserAction() {ApplicationContext ctx = new

     *ClassPathXmlApplicationContext("beans.xml"); um = (UserManager)

     *ctx.getBean("userManager"); }

     */

    @Override

    public String execute() throws Exception {

       System.out.println(info.getUsername());

       /*

        * if (password !=password2) { return "fail"; }

        */

       MyUser u = new MyUser();

       u.setUsername(info.getUsername());//username);

       u.setPassword(info.getPassword());//password);

       if (userManager.exists(u)) {

           return"fail";

       }

       userManager.add(u);

       return"success";

    }

 

    publicvoid datagird() {

       list();

       writeJson(this.users);

    }

 

    publicvoid writeJson(Object o) {

       String json=getJsonString(o);

       try{

           ServletActionContext.getResponse().getWriter().write(json);

       }catch(IOException e){

           e.printStackTrace();

       }

      

    }

 

    public String getJsonString(Object o) {

       ObjectMapper om=new ObjectMapper();

       StringWriter sw=new StringWriter();

       try{

           JsonGenerator jg=new JsonFactory().createJsonGenerator(sw);

           om.writeValue(jg, o);

           jg.close();

       }

       catch(IOException e){

           e.printStackTrace();

       }

       return sw.toString();

    }

 

    public UserManager getUserManager() {

       returnuserManager;

    }

 

    publicvoid setUserManager(UserManager userManager) {

       this.userManager = userManager;

    }

 

    public UserRegisterInfo getInfo() {

       returninfo;

    }

 

    publicvoid setInfo(UserRegisterInfo info) {

       this.info = info;

    }

 

    public String load() {

       this.myUser = this.userManager.loadById(info.getId());

       return"load";

    }

}

界面调用layout.jsp代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://"

           + request.getServerName() + ":" + request.getServerPort()

           + path + "/";

%>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>

       <base href="<%=basePath%>">

 

       <title>My JSP‘layout.jsp‘ starting page</title>

 

       <meta http-equiv="pragma" content="no-cache">

       <meta http-equiv="cache-control" content="no-cache">

       <meta http-equiv="expires" content="0">

       <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

       <meta http-equiv="description" content="This is my page">

       <!--

    <link rel="stylesheet" type="text/css"href="styles.css">

    -->

       <script type="text/javascript" src="js/jquery-1.7.2.min.js" charset="UTF-8"></script>

       <script type="text/javascript" src="js/jquery.easyui.min.js" charset="UTF-8"></script>

       <link rel="stylesheet" href="js/themes/default/easyui.css"

           type="text/css"></link>

       <link rel="stylesheet" href="js/themes/icon.css" type="text/css"></link>

       <script type="text/javascript" src="js/locale/easyui-lang-zh_CN.js" charset="UTF-8"></script>

       <script charset="UTF-8">

       var cc;

       $(function(){

           cc = $(‘#cc‘).layout();

           cc.layout(‘collapse‘,‘west‘);

       });

       function getCenterPanel(){

           var centerPanel=$(‘#cc‘).layout(‘panel‘,‘center‘);

           console.info(centerPanel.panel(‘options‘).title);

       }

       </script>

    </head>

 

    <body  id="cc">

       <div region="north" title="NorthTitle"

           style="height:100px;">

           <input type="button"value="展开西部面板" onclick="cc.layout(‘expand‘,‘west‘);"/>

           </div>

       <div region="south" title="southTitle" split="true"

           style="height:100px;">

           <input type="button"value="获得center面板" onclick="getCenterPanel();"/>

           </div>

       <div region="west" title="westTitle" split="true" collapse="true"

           style="width:200px;"></div>

       <div region="center" iconCls="icon-save"href="center.html"title="centerTitle" style="overflow:hidden;">

          

           </div>

    </body>

</html>

被引入代码center.html例如以下：

<script type="text/javascript" charset="utf-8">

    var datagrid;

    $(function(){

       $(‘#datagrid‘).datagrid({

           //url:sy.bp()+‘/userAction!datagrid‘,

           url:‘u!datagird.action‘,

           title:‘ddddd‘,

           iconCls:‘icon-save‘,

           pagination:true,

           pageSize:10,

           pageList:[10,20,30,40],

           fit:true,

           fitColumns:false,

           nowarp:false,

           border:false,

           idField:‘id‘,

           columns:[[{

              title:‘编号‘,

              field:‘id‘,

              width:100

           },{

              title:‘姓名‘,

              field:‘name‘,

              width:100

           },{

              title:‘password‘,

              field:‘password‘,

              width:100

           }]]

       });

    });

</script>

<div class="easyui-tabs" fit="true" border="false">

    <div title="user management管理" border="false">

    <table id="datagrid"></table>

    </div>

</div>