Flex4系列教程之八 – 整合iBATIS 2.3

本系列教程目标:使初学者了解富网络应用概念,理解并掌握以下四种架构方法。
1. Flex + BlazeDS + Spring(< 2.5.6) + iBATIS + Cairngorm
2. Flex + BlazeDS + Spring BlazeDS Integration + Spring(>= 2.5.6) + iBATIS + Cairngorm
3. Flex + BlazeDS + Spring(< 2.5.6) + iBATIS + pureMVC
4. Flex + BlazeDS + Spring BlazeDS Integration + Spring(>= 2.5.6) + iBATIS + pureMVC

注意事项:
以下内容基于“Flex4系列教程之七”中最后形成的 sampleApp 项目。Spring 2.5.6 之前版本的整合方式与本篇基本相同,不再重复。

 

配置数据源
是时候改用 DB 存储 sampleApp 中的雇员(Employee)信息了。我们采用 Mysql,并假定你已安装它(截稿时最新版 MySQL Community Server 5.1.47)。

  1. 准备数据库
    • 创建数据库 sample
    • 创建表 employees
      CREATE TABLE IF NOT EXISTS `employees` (
        `id` int(11) NOT NULL AUTO_INCREMENT,`name` varchar(20) COLLATE utf8_unicode_ci NOT NULL DEFAULT '',`age` int(2) NOT NULL DEFAULT '0',`email` varchar(100) COLLATE utf8_unicode_ci NOT NULL DEFAULT '',PRIMARY KEY (`id`)
      ) ENGINE=InnoDB  DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
    • 插入一些模拟数据
  2. 准备所需组件
    • 下载以下组件解压备用
      Commons DBCP(截稿时最新版 commons-dbcp 1.4
      Commons Pool(截稿时最新版 commons-pool 1.5.4
      Connector/J(截稿时最新版 mysql-connector-java 5.1.12
    • 拷贝 jar 包
      将解压后的 mysql-connector-java-5.1.12-bin.jar,commons-pool-1.5.4.jar 和 commons-dbcp-1.4.jar 拷贝到 sampleApp 的 lib 下
  3. 使用单独文件存储 DB 驱动等信息
    • 创建 resources 包
    • 在包下创建 jdbc.properties 文件,输入你的 DB 信息
      jdbc.driverClassName=com.mysql.jdbc.Driver
      jdbc.url=jdbc:mysql://域名或IP:端口/sample
      jdbc.username=用户名
      jdbc.password=密码
  4. 修改 web-application-config.xml 文件
    • 增加命名空间
      <beans xmlns="http://www.springframework.org/schema/beans"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xmlns:flex="http://www.springframework.org/schema/flex"
             xmlns:context="http://www.springframework.org/schema/context"
             xsi:schemaLocation="http://www.springframework.org/schema/beans
      
      http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
      
      http://www.springframework.org/schema/flex
      
      http://www.springframework.org/schema/flex/spring-flex-1.0.xsd
      
             http://www.springframework.org/schema/context
             http://www.springframework.org/schema/context/spring-context-3.0.xsd">
    • 引入 jdbc.properties 文件
      <context:property-placeholder location="classpath:resources/jdbc.properties"/>
    • 配置数据源
      <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>
    • 向 EmployeeService 中注入 dataSource
      <bean id="employeeServiceDest">
        <flex:remoting-destination />
        <property name="dataSource" ref="dataSource"/>
      </bean>
  5. 修改 EmployeeService
    • 追加 dataSource 属性
      private BasicDataSource dataSource;
      
      public void setDataSource(BasicDataSource dataSource) {
        this.dataSource = dataSource;
      }
      
      public BasicDataSource getDataSource() {
        return dataSource;
      }
    • 修改 getList 方法
      public ArrayList<Employee> getList() {
          ArrayList<Employee> tempList = new ArrayList<Employee>();
      
          try {
              Connection conn = dataSource.getConnection();
              PreparedStatement ps = conn.prepareStatement("SELECT * FROM `employees`");
              ResultSet rs = ps.executeQuery();
      
              while (rs.next()) {
                  Employee employee = new Employee();
                  employee.setName(rs.getString("name"));
                  employee.setAge(rs.getInt("age"));
                  employee.setEmail(rs.getString("email"));
                  tempList.add(employee);
              }
          } catch (SQLException e) {
              e.printStackTrace();
          }
      
          return tempList;
      }

      [注:]以上创建 Employee 实例的方法需要在 Employee 中追加默认构造器。

  6. 运行 sampleApp

 

重构 server 端
你是否觉得目前的 server 端比较混乱?是的,我们需要重构它。

  1. 按以下原则重构 server 端
    • 面向接口编成
    • 分离业务逻辑层和持久层

    重构后结构图(代码请参照之后的附件):

  2. 重新配置 web-application-config.xml
    将以下内容

    <bean id="employeeServiceDest" class="com.sample.EmployeeService">
      <flex:remoting-destination />
      <property name="dataSource" ref="dataSource"/>
    </bean>

    更改为

    <bean id="employeeServiceDest" class="com.sample.service.EmployeeServiceImpl">
      <flex:remoting-destination />
      <property name="employeeDao" ref="employeeDao"/>
    </bean>
    
    <bean id="employeeDao" class="com.sample.dao.EmployeeDaoImpl">
      <property name="dataSource" ref="dataSource"/>
    </bean>
  3. 运行 sampleApp

 

附件:

sampleApp-8-1.7z

 

整合 iBATIS 2.3
spring-framework 3.0 目前只支持 iBATIS 2.x,期望它尽快支持 iBATIS 的高版本 – MyBatis

  1. 准备所需组件
    • 下载解压 iBATIS 2.3.4,将 ibatis-2.3.4.726.jar 拷贝到 lib 下
    • 将以下 spring framework 的 jar 文件拷贝到 lib 下
      org.springframework.jdbc-3.0.2.RELEASE.jar
      org.springframework.orm-3.0.2.RELEASE.jar
      org.springframework.transaction-3.0.2.RELEASE.jar
  2. 通过 Spring 管理 iBATIS
    • 追加以下代码
      <bean id="sqlMapClient"
            class="org.springframework.orm.ibatis.SqlMapClientFactoryBean">
        <property name="configLocation" value="WEB-INF/sqlmap-config.xml"/>
        <property name="dataSource" ref="dataSource"/>
      </bean>
    • 修改
      <bean id="employeeDao" class="com.sample.dao.EmployeeDaoImpl">
        <property name="dataSource" ref="dataSource"/>
      </bean>

      <bean id="employeeDao" class="com.sample.dao.EmployeeDaoImpl">
        <property name="sqlMapClient" ref="sqlMapClient"/>
      </bean>
  3. 创建 iBATIS 映射文件
    • 创建包 com.sample.dao.ibatis
    • 创建映射文件 employees.xml
      <?xml version="1.0" encoding="UTF-8"?>
      <!DOCTYPE sqlMap
          PUBLIC "-//iBATIS.com//DTD SQL Map 2.0//EN"
          "http://ibatis.apache.org/dtd/sql-map-2.dtd">
      <sqlMap>
        <select id="getEmployees" resultClass="com.sample.entity.Employee">
          SELECT * FROM employees
        </select>
      </sqlMap>
  4. 创建 iBATIS 配置文件
    在 WEB-INF 下创建 sqlmap-config.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE sqlMapConfig
        PUBLIC "-//iBATIS.com//DTD SQL Map Config 2.0//EN"
        "http://ibatis.apache.org/dtd/sql-map-config-2.dtd">
    <sqlMapConfig>
        <sqlMap resource="com/sample/dao/ibatis/employees.xml"/>
    </sqlMapConfig>
  5. 修改 Dao 的实现类 EmployeeDaoImpl
    package com.sample.dao;
    
    import java.util.ArrayList;
    
    import org.springframework.orm.ibatis.support.SqlMapClientDaoSupport;
    import com.sample.entity.Employee;
    
    public class EmployeeDaoImpl extends SqlMapClientDaoSupport
        implements EmployeeDao {
        public ArrayList<Employee> getList() {
            return (ArrayList<Employee>)getSqlMapClientTemplate().
                   queryForList("getEmployees");
        }
    }
  6. 重构 Dao 和 Service 中 getList 方法的返回值类型
    由 ArrayList<Employee> 改为 List<Employee>
  7. 重新运行 sampleApp
    没问题吧

    :)

怎么样?现在整个架构感觉舒服多了吧

;)

但是否感觉缺点什么?对,事务!我们下一篇搞定它。

 

附件:

sampleApp-8-2.7z

Tagged BlazeDS, Cairngorm, Flash Builder, Flex, Flex教程,iBATIS,mybatis, pureMVC,RIA,Spring Framework

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


一:display:flex布局display:flex是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。Flex是FlexibleBox的缩写,意为"弹性布局",用来为盒状模型提供最大的灵
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐,方法有很多,但是在学习了flex布局之后,垂直居中更加容易实现HTML代码:1<divclass="demo">2<divclass="inner">3<p>这是一个测试这是一个测试这是一个测试这是一个测试这是一个测试</p>4</div
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些应用。常见的例子,比如360杀毒,photoShop,VisualStudioCode等等移动端app是什么,有哪些应用。常见的例子,比如手机微信,手机qq,手机浏览器,美颜相机等等PC端与移动端的区别第一:PC考虑的是浏览器的兼容性,移动端考
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周末了,难得学点东西,grid是之前看到的,很好奇,讲的二维的布局,看起来很方便,应该很适合移动端布局,所以今天抽时间学一学,这个当是笔记了。参考的是阮老师的博客。阮一峰:CSSGrid网格布局教程http://www.ruanyifeng.com/blog/2019/03/g
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后,浮动,定位将不会有效果)给父元素设置的属性:(1)display:flex---把容器设置为弹性盒模型。(2)flex-direction---设置弹性盒模型主轴方向默认情况下主
我在网页上运行了一个Flex应用程序,我想使用Command←组合键在应用程序中触发某些操作.这在大多数浏览器上都很好,但在Safari上,浏览器拦截此键盘事件并导致浏览器“返回”事件.有没有办法,通过Flex或通过页面上的其他地方的JavaScript,我可以告诉Safari不要这样做?解决方法:简短的
flex布局,flex-item1<template>2<viewclass="container">3<viewclass="greentxt">4A5</view>6<viewclass="redtxt">7B8<
我应该设计一个大型多点触控屏幕的应用程序.从大到大,我的意思是新闻广播员(大约55英寸及以上).该应用程序是一个交互式地图.我的问题是:开发应用程序的技术.我的第一个想法是在AdobeFlex中制作,但是HTML5也是如此……必须有一些非常棒的Java库用于触摸交互,但是在Windows平台上
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&quo
【1】需求:  【2】解决方案:最近遇到布局上要求item两端对齐,且最后一行在列不满的情况下要求左对齐,使用flex的justify-content:space-between;实现时发现最后一行不能左对齐,而是两端对齐方式。 不是项目上想要的效果#网上查了一些资料,有两种方法可以实现效果:**1.
我有一个java套接字服务器,它在连接时将Animal对象发送到Flash客户端.对象发送方式如下:Amf3Outputamf3Output=newAmf3Output(SerializationContext.getSerializationContext());amf3Output.setOutputStream(userSocket.getOutputStream());amf3Output.writeObject(animal)
我正在开发一个Flex3.4应用程序,它通过最新版本的BlazeDS与JBoss-4.2.2服务器上运行的JavaEE后端进行交互.当我在Tomcat上从FlashBuilder4beta2运行Flex应用程序时,一切都很好,Flex应用程序能够进行所需的远程调用.但我的生产环境是在JBoss上,当我将应用程序移动到JBoss时(更
我有一个非常大的问题.我使用Flex3/Tomcat/BlazeDS/Spring编写了一个大型应用程序,在本地开发时运行良好,当我部署到公共开发环境时很好,但是当部署到我们的测试环境时经常失败.当远程处理请求花费大量时间(超过20秒)时,故障似乎最常发生.在我的开发服务器上,错误发生,但仅
弹性和布局display:flex在ie6,ie7不兼容状态,一般在pc用的比较少,在手机端所有的浏览器都是支持的控制子元素在父元素里面的位置关系display:flex是给父元素加的文档流是按照主轴排列,只要父元素加了flex,那么里面的子元素全部可以直接添加宽高主轴的方向
FLEX2.0源码分析(一)https://www.jianshu.com/p/8bc4c5f4b19fFLEX源码分析二(网络监测swizzle)https://www.jianshu.com/p/ffb95f2cbda6FLEX源码分析三(网络监测记录FLEXNetworkRecorder)https://www.jianshu.com/p/66267dc922c5FLEX源码分析四(Systemlog)https://www.jianshu.
1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title><itle>6<style>7*{8margin:0;9padding:0;10
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&qu
flex:将对象作为弹性伸缩盒显示inline-flex:将对象作为内联块级弹性伸缩盒显示两者都是使子元素们弹性布局,但是如果是flex,父元素的尺寸不由子元素尺寸动态调整,不设置时默认是100%,而inline-flex则会使父元素尺寸跟随子元素们的尺寸动态调整。
<html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width"><title>test<itle><stylemedia="screen">.tab-head{list-style-type:no
有没有办法使用邮政编码找到径向距离?我的任务是搜索居住在指定距离内的所有用户.我知道用户的zipcodes.例如,距离当前位置25英里的用户.我有其他搜索类别,我正在使用mysql查询.我无法解决距离问题.我的后端是在PHP中Flex的前端和前端.对我来说最好的选择就是www.zip-codes.com