实战SimpleMVC开发应用

allbin1983

浏览: 35767 次
性别:
来自: 北京

最近访客更多访客>>

wyx065747

xuwenyan

绿茵好莱坞

suncong1024

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (32)

社区版块

存档分类

企业应用应用服务器 MVC jQuery JSP

简介：

SimpleMVC 是一个通用的MVC框架，适用于企业应用与互联网应用平台，是一个成熟的、耦合性很低的优秀框架，本文将结合实例来介绍如何使用它来进行 J2EE 的开发。

我们在基于SimpleFramework开发应用组件,一个概念是SimpleMVC，它可以方便的解决我们遇到的问题，那么到底如何使用？本篇文档组件以具体的例子介绍下SimpleMVC。下面先对mvc概念做一个回顾，然后，介绍SimpleMVC。

MVC 回顾：

在使用JAVA技术建立Web应用的实例中，由于JSP技术的发展，很快这种便于掌握和可实现快速开发的技术就成了创建Web应用的主要技术。JSP页面中可以非常容易地结合业务逻辑(jsp:useBean)、服务端处理过程（jsp:scriplet）和 HTML(<html>)，在JSP页面中同时实现显示，业务逻辑和流程控制，从而可以快速地完成应用开发。现在很多的Web应用就是由一组 JSP页面构成的。这种以JSP为中心的开发模型我们可以称之为Model 1。

当然这种开发模式在进行快速和小规模的应用开发时，是有非常大的优势，但是从工程化的角度考虑，它也有一些不足之处：

应用的实现一般是基于过程的,一组JSP页面实现一个业务流程，如果要进行改动，必须在多个地方进行修改。这样非常不利于应用扩展和更新。
由于应用不是建立在模块上的, 业务逻辑和表示逻辑混合在JSP页面中没有进行抽象和分离。所以非常不利于应用系统业务的重用和改动。

考虑到这些问题在开发大型的Web应用时必须采用不同的设计模式--就出现了 Model2

Model 2 表示的是基于MVC模式的框架。MVC是Model－View－Controller的简写。"Model" 代表的是应用的业务逻辑（通过JavaBean，EJB组件实现）， "View" 是应用的表示面（由JSP页面产生），"Controller" 是提供应用的处理过程控制（一般是一个Servlet），通过这种设计模型把应用逻辑，处理过程和显示逻辑分成不同的组件实现。这些组件可以进行交互和重用。从而弥补了Model 1的不足。

Model 2具有组件化的优点从而更易于实现对大规模系统的开发和管理，但是开发MVC系统比简单的JSP开发要复杂许多，它需要更多的时间学习和掌握。同时新东西的引入会带来新的问题。传统的Model 2 也有以下问题：

基于MVC组件的方式重新思考和设计应用结构。原来通过建立一个简单的JSP页面就能实现的应用现在变成了多个步骤的设计和实现过程,并且很多业务模块没办法更好的复用。
所有的页面和组件必须在MVC框架中实现，所以必须进行附加地开发工作。

SimpleMVC 把组件化的思想应用到业务模块的开发中，SimpleMVC提供统一的组件开发规范，而是使用SimpleMVC就是基于jsp技术就可以完成工作。可以保证开发效率更高，更灵活。

MVC 本身就是一个非常复杂的系统，所以采用MVC实现Web应用时，最好选一个现成的MVC框架，在此之下进行开发，从而取得事半功倍的效果。现在有很多可供使用的MVC框架，基于Simplemvc 开发功能灵活的组织机构管理，支持企业应用的组件库，也有类似文件存储，论坛，博客，消息等企业或者网站常用的功能，所以基于Simplemvc开发 MVC系统更方便，效率更好。

SimpleMVC的结构和处理流程简介

SimpleMVC是一个比较好的MVC框架提供了对开发MVC系统的底层支持，它采用的主要技术是基于Filter的后处理和组件开发定义接口。

SimpleMVC 框架的基本构成由下图所示:

基本流程由“组件描述”、“注册中心”、“组件资源”、“渲染器”四大部分组成，更多可以参考官方http://simpleframework.net/doc/d2/2.2.2.html的介绍.

利用SimpleMVC框架开发实战

下面我们用 SimpleMVC 来实现一个典型查询功能，在访问jsp的请求发出后完成数据的查询，然后对查询的数据进行展现。为了更清楚的理解Simple是基于组件开发的思想，先以SimpleMVC实现传统Model 2的例子。

在开始之前，根据官方介绍，搭建一个工程。

开发步骤如下：

1）新建一个jsp文件。在请求url的时候，需要获得后台返回的数据进行展示。calendar.jsp 如下：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
     String calendar = (String)request.getAttribute("calendar"); // 这里就是SimpleMvc 完成普通MVC 获得的数据。
%>
<html>
<head>
   <link rel='stylesheet' type='text/css' href='css/reset.css' />
   <link rel='stylesheet' type='text/css' href='css/jquery-ui.css' />
   <link rel='stylesheet' type='text/css' href='css/jquery.weekcalendar.css' />
   <link rel='stylesheet' type='text/css' href='css/calendar.css' />
    <script type='text/javascript' src='js/jquery.min.js'></script>
   <script type='text/javascript' src='js/jquery-ui.min.js'></script>
   <script type='text/javascript' src='js/jquery.weekcalendar.js'></script>
   <script type='text/javascript' src='js/calendar.js'></script>
   <script type="text/javascript">
     jQuery.noConflict();
    </script>
</head>
<body>
   <div id='calendar'></div>
   <div id="event_edit_container">
            <input type="hidden" />
            <ul>
                <li>
                    <span>日期: </span><span class="date_holder"></span>
                </li>
                <li>
                    <label for="start">开始时间: </label><select name="start"><option value="">Select Start Time</option></select>
                </li>
                <li>
                    <label for="end">结束时间: </label><select name="end"><option value="">Select End Time</option></select>
                </li>
                <li>
                    <label for="title">活动标题: </label><input type="text" name="title" />

                </li>
                <li>
                    <label for="body">活动内容: </label><textarea name="body"></textarea>
                </li>
            </ul>
   </div>
</body>
</html>
<script type="text/javascript">
          var year = new Date().getFullYear();
          var month = new Date().getMonth();
          var day = new Date().getDate();
        var datas = <%=calendar%>

</script>

2）新建一个对应的xml文件。这里主要完成SimpleMVC的声明，这里可以指定对于jsp文件所对应的Handle。

calendar.xml 如下：

<?xml version="1.0" encoding="UTF-8"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="/xsd/default/simple.xsd">
<scriptEval>first</scriptEval>
<handleClass>net.simpleframework.calendar.CalendarAction</handleClass>
<handleMethod>initCalendarLoad</handleMethod>
</page>

3) 编写对于的Action

public class CalendarAction extends DefaultPageHandle {

   public void initCalendarLoad(PageParameter pageParameter,
            Map<String, Object> dataBinding,
            List<String> visibleToggleSelector, List<String> readonlySelector,
            List<String> disabledSelector) throws Exception {
   }

   public Object getBeanProperty(final PageParameter pageParameter,
            final String beanProperty) throws Exception {
        final PageBean pageBean = pageParameter.pageDocument.getPageBean();

        final DataSource dataSource = IWebApplication.Instance.getWebApplication().getDataSource();
        final IQueryEntityManager qem = DataObjectManagerFactory.getQueryEntityManager(dataSource);
        final List<CalendarBean> calendar = new ArrayList<CalendarBean>();
        IQueryEntitySet<CalendarBean> qs = qem.query(new SQLValue("SELECT * FROM calendar"), CalendarBean.class);
        CalendarBean bean;
        while((bean = (CalendarBean) qs.next()) != null) {
            calendar.add(bean);
        }
        //获得日历的显示字符串
        String jsonEvenets = Json.toJsonToCalendar(calendar);
        pageParameter.request.setAttribute("calendar_data", jsonEvenets);
        return BeanUtils.getProperty(pageBean, beanProperty);

   }
}