用过一点struts,spring mvc，总觉得不如ROR直接方便，于是，做为练习，写了一个类ROR的简单框架，望大家批评指教。

1、先介绍一下配置，为保证和数据库连接，需要配置actionrecord.properties：

domain_base_class=com.et.ar.ActiveRecordBase

com.et.ar.ActiveRecordBase.driver_class=com.mysql.jdbc.Driver
com.et.ar.ActiveRecordBase.url=jdbc:mysql://localhost/mydb
com.et.ar.ActiveRecordBase.username=root
com.et.ar.ActiveRecordBase.password=soft123456
com.et.ar.ActiveRecordBase.pool_size=2

 进而需要在web.xml中进行配置：

    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>com.et.mvc.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>controllerBasePackage</param-name>
            <param-value>controllers</param-value>
        </init-param>
        <init-param>
            <param-name>viewBasePath</param-name>
            <param-value>/WEB-INF/views/</param-value>
        </init-param>
        </servlet>
    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>

2、建立模型对象

package models;

import com.et.ar.ActiveRecordBase;
import com.et.ar.Column;
import com.et.ar.Id;
import com.et.ar.Table;
import com.et.ar.Unique;

/**
 *
 * @author Administrator
 */
@Table(name="users")
public class User extends ActiveRecordBase{
    @Id     private Integer id;
    @Column 
    @Unique(message="名称必须唯一")
    private String name;
    @Column private String duty;
    @Column private String remark;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getDuty() {
        return duty;
    }

    public void setDuty(String duty) {
        this.duty = duty;
    }

    public String getRemark() {
        return remark;
    }

    public void setRemark(String remark) {
        this.remark = remark;
    }

}

3、编写控制器代码：

package controllers;

import com.et.mvc.JspView;
import java.util.List;
import models.User;

/**
 *
 * @author Administrator
 */
public class UserController extends ApplicationController{
    public void list() throws Exception{
        List<User> users = User.findAll(User.class);
        request.setAttribute("users", users);
    }
    
    public void show() throws Exception{
        User user = User.find(User.class, request.getParameter("id"));
        request.setAttribute("user", user);
    }
    
    public void new_() throws Exception{
        User user = new User();
        request.setAttribute("user", user);
    }
    
    public JspView create() throws Exception{
        User user = User.createModel(User.class, "user", request.getParameterMap());
        System.out.println(user.getName());
        if (user.create()){
            redirect("/User/list.do");
            return null;
        }
        else{
            return new JspView("new_","user",user);
        }
    }
    
    public void edit() throws Exception{
        User user = User.find(User.class, request.getParameter("id"));
        request.setAttribute("user", user);
    }
    
    public JspView update() throws Exception{
        User user = User.find(User.class, request.getParameter("id"));
        user = User.updateModel(user, "user", request.getParameterMap());
        if (user.update()){
            redirect("/User/list.do");
            return null;
        }
        else{
            return new JspView("edit","user",user);
        }
    }
    
    public void destroy() throws Exception{
        User user = User.find(User.class, request.getParameter("id"));
        user.destroy();
        redirect("/User/list.do");
    }
}

4、再来看看视图

4.1 list.jsp

        <h2>用户资料列表</h2>
        <table border="1">
        <thead>
        <tr>
        <th>名称</th>
        <th>职务</th>
        <th>备注</th>
        <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach var="user" items="${users}">
        <tr>
        <td>${user.name}</td>
        <td>${user.duty}</td>
        <td>${user.remark}</td>
        <td><a href="edit.do?id=${user.id}">修改</a> <a href="destroy.do?id=${user.id}">删除</a></td>
        </tr>
        </c:forEach>
        </tbody>
        </table>
        
        <p><a href="new_.do">新增用户</a></p>

4.2 new_.jsp

        <h2>新增用户资料</h2>
        <ul>
            <c:forEach var="err" items="${user.errors}">
                <li>${err}</li>
            </c:forEach>
        </ul>
        <form action="create.do" method="POST">
            <jsp:include page="form.jsp"/>
            <input type="submit" value="提交" />
        </form>
        <p><a href="list.do">返回</a></p>

4.3 edit.jsp

        <h2>修改用户资料</h2>
        <ul>
            <c:forEach var="err" items="${user.errors}">
                <li>${err}</li>
            </c:forEach>
        </ul>
        <form action="update.do?id=${user.id}" method="POST">
            <jsp:include page="form.jsp"/>
            <input type="submit" value="提交" />
        </form>
        <p><a href="list.do">返回</a></p>

4.4 form.jsp

<p>名称：<input type="text" name="user[name]" value="${user.name}" /></p>
<p>职务：<input type="text" name="user[duty]" value="${user.duty}" /></p>
<p>备注：<input type="text" name="user[remark]" value="${user.remark}" /></p>

这样，实现了基本的CRUD操作。

这个框架同时考虑了AJAX的操作，可以返回JsonView, TextView等。

如果覆盖控制器的beforeFilter和afterFilter则可以进行基本的过滤操作。

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

当初我们部门因为原有的框架是我们自己写的，渐渐不能适应要求，所以打算引入个第3方的js框架来做原型之用..这报告是我刚毕业加入部门不久后写的，算是一个预研吧，写的比较幼稚，呵呵，大家随便看看吧..

Purpose:

The purpose of this study is to find a suitable JavaScript framework for UCD in future prototyping.

The framework should fulfill these features:

There are a lot of JavaScript toolkits or frameworks available, and it feels hard to choose a suitable one for us. Every coins have two sides. So does these frameworks. Almost every framework has some disadvantages, but we still have to make a choice.

So, what we really want? There are some important factors we may take into account:

ü      Ajax support. E.g. sortable table, drag& drop etc.

ü      Well documentation. This is a important and must part of one good framework.

ü      Cross-browser support .Almost all frameworks will fulfill this.

ü      Licensing issue. It will be great news if it’s a free lunch.

ü      Extensive users, good community atmosphere. So it’s easy to get feedback or help.

ü      Quality (bug-free, reliable) It better has a good maintenance or support team.

ü      Learning curve. How much time and effort should we paid for?

ü      Rich UI component. It’s good if the framework provide us many available components.

ü      Easy to use, and easy to integration with DEV side.

Available good frameworks:

After a long search and study, I added below frameworks to my cart as our candidates.

• Dojo (dojotoolkit.org)

Dojo is the Open Source JavaScript toolkit that helps you build serious applications in less time. It fills in the gaps where JavaScript and browsers don't go quite far enough, and gives you powerful, portable, lightweight, and tested tools for constructing dynamic interfaces.

My comment:

It’s a powerful and big framework. But it’s complicated and not easy to use. If we use it, may have many potential problem, as Dojo still have many bugs to fix. According to other's comment, Dojo is not so stable for enterprise usage.

• Rico (openrico.org/rico/home.page)

Rico provides a very simple interface for registering Ajax request handlers as well as HTML elements or JavaScript objects as Ajax response objects. Multiple elements and/or objects may be updated as the result of one Ajax request.

My comment:

Rico provide basic Ajax, Drag&Drop, Cinematic and Behavior features . But I found this framework has many bugs, some of its demo cannot work properly, and really worry about its support and update.

• ActiveWidgets (www.activewidgets.com/)

ActiveWidgets is a powerful javascript component library which makes web application development (especially AJAX-style apps) a lot easier and more productive. ActiveWidgets provides you with a set of common visual elements (like datagrid, tabs, tree, combo) sharing professional look-and-feel and simple programming model.

My comment:

Though it’s a commercial product, but it’s not so good because we already found Ext which is same type like ActiveWidgets but better framework that I will introduce later.

• SmartClient (www.smartclient.com)

SmartClient delivers on the promise of AJAX, enabling high-performance, high-productivity web applications to be deployed today. SmartClient offers:

    * the most mature and proven AJAX technology available

    * a complete solution: complete GUI toolkit, complete documentation

    * the right architecture: cutting edge service-oriented, metadata-driven architecture

    * true, tested, certified cross-browser, cross-platform support

My comment:

This is a very good framework, a real Enterprise Ajax framework. But it’s commercial. And it’s mainly for developer to use. So, if we want to use this, we have to know many details of its API, and the way how to write in its grammar.

• MochiKit (mochikit.com)

MochiKit.Visual provides visual effects and support functions for visuals.

My comment:

It also provide many common features such as draggable, Ajax tables, sortable tables etc. But it has less support and not very extensible. Seems the maintenance to it is not so good. No new update over one year.Compared to other framework, it has little advantage as our framework.

• Spry (http://labs.adobe.com/technologies/spry/ )

The Spry framework for Ajax is a JavaScript library that provides easy-to-use yet powerful Ajax functionality that allows designers to build pages that provide a richer experience for their users. It is designed to take the complexity out of Ajax and allow designers to easily create Web 2.0 pages.

My comment:

Actually, I like Spry framework for Ajax. It’s integrate very well with Dreamweaver( they are from same family—Adobe). And it’s easy for us UI designers to use.But it’s just prerelease 1.6, so that means its functions is limited and maybe exists may bugs. When the final release of Spry framework come out, I think it is likely to be the most suitable one for us, but currently, it is not the one.

• script.aculo.us (script.aculo.us)

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

My comment:

It’s based on Prototype which is a famous Ajax framework. If using Ruby on Rail, then it will be the most suitable framework. But for us, not the best choice.

• MooTools (mootools.net)

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful,flexible, and cross-browser code with its elegant, well docuemnted, and coherent API.

My comment:

MooTools provide basic functions to us, e.g. Ajax support, Animation Effects, Drag&Drop, Sortables. Its code is compact, elegant, but has few plugins. So if we want more function, we have to dev by ourselves. And also it does not have a strong community, and few support can get if have trouble.

• jQuery (jquery.com)

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript. If we want more, then we can find other frameworks which is build upon jQuery framework.

My comment:

jQuery is for designers, developers, and suited for many different applications. Also have many good plug-ins to support. Its community is very active and has many successful customer stories. I would recommend jQuery as one of our choice.

• Ext (www.extjs.com)

Ext is a client-side, JavaScript framework for building web applications. In early 2006, Jack Slocum began working on a set of extension utilities for the Yahoo! User Interface (YUI) library. These extensions were quickly organized into an independent library of code and distributed under the name "yui-ext."

My comment:

Very good framework.  And have extensive user and strong support. It’s very good for Rich Internet Application development. I also pick it out as our choice. 

• Others…

There are still many good framework or library that I probably missed, or they are not the kind of framework we truly seeking for, e.g.GWT. So, welcome additions to this list. Any feedback on other overlooked good framework is most welcome.

Frameworks fulfill our requirement:

So, we already got two likely candidates, will we hire both or just one of them? That really depends on how we want to use them.

Anyway, let's further dig out what advantages and disadvantages they have, and what roles they can play for us. 

jQuery

Advantage:

1. jQuery is small size (14kb, Minified and Gziped)
2. jQuery is currently available for use in all personal or commercial projects under both MIT and GPL licenses. So it’s have no potential legal issue for our project.
3. It provide us foundation JavaScript support such as Mouse Interaction(Draggables,Droppables,Sortables,Selectables,Resizeables),User Interface Extensions(Accordion, Calendar, Dialog,Slider, Table,Tabs), Effects(Shadow,Magnifier), Ajax support, and also many utilities functions.
4. If we need more functions, jQuery also provide us hundreds of plugins for self-service. These plugins include DOM, UI, Widgets, Ajax etc. Really thoughtful for us. And if this cannot meet our needs, then we can also write our own plugins.
5. Many successful customer stories, e.g. Google,Amazon,Intel,AOL,Oracle,Cisco etc. This also means jQuery have every good and proven quality.

Disadvantage:

1. It does not provide UI components or widgets, but we can solve this by adding some of its plugins.

2. Should take some time to learn modern style JavaScript through it's a must for most currently popular frameworks.

Ext

Advantage:

1. Ext provides Real Enterprise support for Grids and Trees, Tabs and Layouts, Forms & Combo Box and other UI component.
2. It supports YUI/prototype/jQuery. So, it will work well if we are using jQuery as its base library.
3. It’s a really powerful and almost full-function JavaScript framework.
4. It has very fast and good support, and its community is very active.
5. It can be use free in our commercial project. But it also has premium help if we paid for it.
6. Even it’s a full function framework, Ext still have very excellent performance.

 Disadvantage:

    1. Ext is suitable for develop "one page one application", maybe not so same as we used to design the web UI flow.

    2. Ext library is heavy for traditional web, full size Ext has 491kb. Through Ext be proved has very good performance, but we still need cautious for our enterprise usage.

    3. Ext is kind of complicated if we want to adjust it to suit for our project, and may pay many effort to learn it.

    4. Developer may also need to learn Ext, it may have impact on our current process.

Conclusion:

Finally, My advice is we can just use jQuery as our foundation 3rd party JavaScript Library, thus we will not have much change to our current Web UI design way. And can easy append our own functions to this library or adopt some proven plug-ins (we shall take a full test for these plug-ins before choose it).

And if we want to change to new Web Application UI design way (Web 2.0? One page one application?), then we can also easily move to Ext as Ext is also based on jQuery.

So, mates, I want to know how do you guys think? If you have any concern, please let me know.

And if we have common agreement on jQuery or Ext or other framework (if have) , then I will host a meeting to detail discuss how we to use the framework, impact on our project, best practice, and  A.O.B.

Thanks.

-------------------

从email里拷出来的，格式有点乱，不过实在懒得再排版了，大家见谅 :-)

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

01 function main()
02 {
03     var listen_fd, accept_fd;
04
05     listen_fd = socket(AF_INET, SOCK_STREAM, 0);
06     bind(listen_fd, ["127.0.0.1", 23]);
07     listen(listen_fd);
08     while (accept_fd = accept(listen_fd)) {
09         var pid = fork();
10         if (pid == 0) {
11             /* read data from accept_fd */
12             exit(0);
13         }
14         close(accept_fd);
15         wait();
16     }
17 }

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！

STAT 1:chunk_size 80
STAT 1:chunks_per_page 13107
STAT 1:total_pages 1
STAT 1:total_chunks 13107
STAT 1:used_chunks 13107
STAT 1:free_chunks 0
STAT 1:free_chunks_end 13107
STAT 2:chunk_size 100
STAT 2:chunks_per_page 10485
STAT 2:total_pages 1
STAT 2:total_chunks 10485
STAT 2:used_chunks 10485
STAT 2:free_chunks 0
STAT 2:free_chunks_end 10485
STAT 3:chunk_size 128
STAT 3:chunks_per_page 8192
STAT 3:total_pages 1
STAT 3:total_chunks 8192
STAT 3:used_chunks 8192
STAT 3:free_chunks 0
STAT 3:free_chunks_end 8192

STAT pid 2232
STAT uptime 1348
STAT time 1218120955
STAT version 1.2.1
STAT pointer_size 32
STAT curr_items 0
STAT total_items 0
STAT bytes 0
STAT curr_connections 1
STAT total_connections 3
STAT connection_structures 2
STAT cmd_get 0
STAT cmd_set 0
STAT get_hits 0
STAT get_misses 0
STAT bytes_read 26
STAT bytes_written 16655
STAT limit_maxbytes 104857600

• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

1. 数据库查询

    persons = Person.find(:all, :joins => "INNER JOIN accounts ON persons.id = accounts.person_id",

               :conditions => "persons.gender = 'male' AND accounts.number < 10",

               :select => "*")

    有啥问题？

    如果persons表和accounts表有一个相同name的column，取得的persons需要reload一下才能用，不然使用时取不到那个字段的值。这是由于查询时的 ambiguous field问题引起的。

    如何解决？

    persons = Person.find(:all, :joins => "INNER JOIN accounts ON persons.id = accounts.person_id",

               :conditions => "persons.gender = 'male' AND accounts.number < 10",

               :select => "persons. *")

2. 关联表

    项目开发到后期，往往会发现关联表因为汇聚越来越多的有用信息，需要实现成model。所以项目刚开始就给关联表加上id吧。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师

我的第一个Jquery组件（jGrid）

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

    public synchronized void putInCache(String cacheName, String key, Object value){
        CacheExt cache= getCache(cacheName);
//        if (cache == null) {
//            throw new NeedsRefreshException("Cache is not exist");
//        }
        cache.putInCache(key, value);
    }

   
   public synchronized boolean hasCache(String cacheName) {
        return cacheMap.getKeys().contains(cacheName);
    } 
……
    if(hasCache(cacheName)) { putInCache(……);}
……

    public synchronized Object getFromCache(String cacheName, String key){
        CacheExt cache = getCache(cacheName);
        if(cache == null)
            return null;
        try {
            return cache.getFromCache(key);
        } catch (NeedsRefreshException e) {
            cache.cancelUpdate(key);
            return null;
        }
    }

if (cache == null) {
            throw new NeedsRefreshException("Cache is not exist");
        }

• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师

    SVG(Scalable Vector Graphics)是W3C组织为适应InternetWeb应用的飞速发展需要而制定的一套基于XML语言的二维可缩放矢量图形语言描述规范。传统的HTML静态页面描述语言的采用的标记固定、有限且无内涵、不支持矢量图形等缺点日益暴露出来，已经越来越满足不了WebGIS发展要求。目前网络上浒的MacroMiedia公司提出的SWF文件格式以其图像矢量化，文件较小及具有交互性而倍受青睐，但它相比于SVG，还是有一些不足之处。XML作为公认的世界未来统一格式标准已经为越来越多的领域所应用。SVG作为XML的一个描述矢量图形的子集的出现，为解决WebGIS面临的静态性，数据格式多样性，平台相关的Web内容表现和缺乏交互性，网络传输慢等问题提供了一个全新的解决方法。

1 SVG与HTML的比较
　　SVG与HTML相比，具有如下优点：
　　(1)突破了HTML固定标记集合的约束，使文件的内容更丰富、更复杂、更容易组成一个完整的信息体系；
　　(2)SVG是矢量图像格式，非常适合在网络中传输和应用。一般而言，SVG图像要比其他网络图像格式(如GIF，JPEG)更小，下载速度更快；
　　(3)由文本构成矢量图像。其文本性使得SVG文件有良好的跨平台性和可以通过DOM(Document Object Model)方便的对其进行编辑，修改。另外一个很突出的优点就是SVG文件中的文字也可以被网络搜索引擎作为关键词搜索到。
　　(4)具有动态交互性。SVG图像能对用户动作做出不同响应，例如高亮、声效、特效、动画等。另外，由于Microsoft的IE6.0中已经集成了浏览SVG文件的插件，这使得SVG的浏览更加方便，容易。

2 SVG与SWF的比较
　　SWF与SVG相比，其不足体现为：
　　(1)SWF标准的非开放性。SWF是一个相对封闭的技术，与其他的开放标准之间没有一个完全融合的方案。随着XML及其他开放标准的发展，SWF的不协调性将日益突出。
　　(2)SWF较差的可编辑性。SWF是Flash的输出文件格式，作为最终的动画生成格式，其创作过程封闭在SWF文件中，无法再进行二次编辑。对于SVG来说，因为它是一种文本格式，用普通的编辑工具就可以打开并进行编辑。
　　(3)SWF无法进行图像搜索。由于SWF为非文本格式，文本不能独立于图像而存在，因此无法建立类似于SVG的图像搜索功能。
　　鉴于SVG的以上特性和优点，在WebGIS应用领域，如果将地理空间数据用SVG格式来存储、传输和显示，那么对于获得WebGIS服务的非专业的大众用户群，一方面可以通过各种SVG工具来组织，发布自己的地理空间数据，从而使地理信息资源和网上其他资源一样可以被整修Internet共享；另一方面，由于SVG的交互性，他们也将得到更具表现力和吸引力的WebGIS服务。

3 SVG与VRML的比较

虚拟现实建模语言是用来描述三维交互场景和实体的一种文件格式。用于联接全球网（WWW）。它可以用于创建复杂场景的三维表示，如装饰图像，产品设计和虚拟现实实现。同Java 3D一样，VRML也是遵循OpenGL标准的。OpenGL是近年来发展起来的一个性能卓越的三维图形标准，它是在SGI等多家世界闻名的计算机公司的倡导下，以SGI的GL三维图形库为基础制定的一个通用共享的开放式三维图形标准。VRML在其描述中也采用了节点树的表达方式。与VRML不同的是，SVG是专门针对二维场景而推出的一种基于是XML标准的标记言语，对三维场景它显然无能为力。另一方面，VRML并不是基于XML标准的，这对我们实现三维OpenGIS也是一个不利因素。

4 SVG与GML、VML、PGML的比较

矢量标识语言(VML),精度图像标识语言(PGML)都是作为W3C的矢量图像初始标准在1998年提出的。VML和PGML在很多地方非常的类似，但VML比较适合一些普通矢量图像，而PGML可以做出更加丰富多彩，适合专业设计和公众出版的图像。为了进一步促进图像标准的发展，W3C成立了SVG工作组。SVG工作组将VML和PGML的优势结合在了一起，重新推出了新的标准矢量格式，这就是SVG。GML、SVG、VML都与矢量图形有着密切的关系：GML在表示实体的空间信息的同时加入了实体的其他属性信息，是表示实体的空间信息和属性的编码标准，但它并不支持直接显示图形。而VML和SVG是在表示图形的矢量信息同时加入了图形的显示信息（即以什么样的样式显示矢量图形），是显示矢量图形的两种比较好的格式。相比之下，SVG是综合了VML的优点后推出的，是国际标准，它比VML具有更多的优点，也有更广阔的前景。

基于SVG的系统主要由Web服务、GIS服务和数据存储三部分的关键技术构成，采用基于B/S方式的三层体系结构，整个工作流程如下：
　　（1）客户端向Web服务器发出服务请求；Web服务器接收到请求后，分析调用请求。如果只是普通的网页服务就由Web服务器直接处理；如果是GIS服务请求，则向下连接GIS服务器。
　　（2）在GIS服务器中，根据调用请求，在其中完成空间数据到GML文件的格式转换，以及GML文件到SVG文件的转换，并转回Web服务器。
　　（3）Web服务器把GIS服务器传回的SVG文件发送给客户端，在客户端的浏览器中进行显示，利用JavaScript脚本语言实现地图的操作和交互功能。

　　整个系统功能的实现主要分为服务器端和客户端的技术实现，在服务器端主要由Web服务器和GIS服务器组成。其中，Web服务器主要负责与客户端的连接，并提供普通的Web服务，当客户端需要GIS服务时才连接GIS服务器；GIS服务器主要负责与空间数据的连接与管理。对于多源异构的空间数据，在GIS服务器中进行数据格式的转换，最终生成SVG文件并传回给Web服务器，由Web服务器再传回到客户端进行显示。本文主要讨论了客户端的SVG图像展示和交互操作的实现。
　　在客户端安装Adobe公司的SVG插件，在客户端使用SVG技术，结合JavaScript脚本语言实现基本的Web GIS功能，包括地图平移、放大、缩小、图层的管理、地图的交互性显示以及对图层属性的查询等。整个系统基于矢量图形，在放大和缩小的情况下，图形显示质量好；能无级放大和缩小，实现了对测线属性和测线二维反演图的查询；能分别管理各个图层的显示与隐藏，并实现了对工作区的交互显示。
1 地图的平移
　　地图向左平移功能的实现代码，与其他平移方法代码类似，主要是利用currentPosition变量的增加和减少进行平移操作。
　　function hori－move(evt){
　　viewBox=SVGRoot.getAttribute(′viewBox′);
　　var viewVals=viewBox.split(′ ′);
　　currentPosition=parseFloat(viewVals[0]);
　　if (goLeft==true){//地图向左移动
　　if (currentPosition＜0．1){
　　currentPosition=currentPosition+0.1;

}
　　goLeft=false;
　　}
　　viewVals[1]=currentPosition;
　　SVGRoot.setAttribute(′viewBox′,viewVals.join(′ ′));
　　}

2 地图的缩放
　　地图放大/缩小的实现代码，主要利用currentScale变量进行图形的扩大和缩小变化。
　　function zoomIn(){
　　if (SVGRoot.currentScale＜5){ //地图放大
　　SVGRoot.currentScale=SVGRoot.currentScale*1.5;
　　}
　　}
　　function zoomOut(){
　　if (SVGRoot.currentScale>0.3){ //地图缩小
　　SVGRoot.currentScale=SVGRoot.currentScale*0.5;
　　}
　　}

3 图层的人机交互
　　SVG采用基于XML的DOM文档管理结构可以很方便地实现层次管理。〈g〉〈/g〉代表一个组， GIS中的一个专题图层存储在一个组中，每个组都有一个唯一标志ID属性。根据这个ID属性就可以通过JavaScript控制不同图层的显示和隐藏，并且SVG图形支持事件编程，可以很容易地实现对onclick()或onmouseover()等事件的编程。
　　图层的隐藏和显示功能主要是利用setAttribute函数对visibility参数赋予hidden属性或visible属性。部分实现代码如下：
　　function vis_hid(id){ //显示或隐藏图层获得所选图层对象
　　var SVGstyle=SVGDoc.getElementById(id);
　　if(SVGstyle.getAttribute("visibility")=="visible")
　　{
　　//隐藏该图层
　　SVGstyle.setAttribute("visibility"，"hidden");
　　} else {
　　//显示该图层
　　SVGstyle.setAttribute("visibility"，"visible");
　　}
　　}

4 查询功能的实现
　　该模块主要对金沙遗址的测线编号进行查询，输出该测线的电性结构剖面图或描述字段信息，以方便探测人员利用该Web GIS平台进行考古探测数据的管理。
　　查询测线的属性字段主要根据测线的ID号，利用getElementById()函数进行查询；利用getAttribute ()函数得到测线的属性字段内容。结果如图3和4所示，分别为查询测线的反演图和测线的数据说明。
　　//从表单中获得要查询的ID号
　　function showattrib(value){
　　//获得符合ID号内容的对象
　　var SVGid=SVGDoc.getElementById(value)
　　var new_window=window.open("","query" ,"height=133,
　　width=450");
　　//显示该对象的describe字段内容
　　new_window.document.writeln(SVGid.getAttribute("describe"));
　　new_window.focus();
　　}

SVG技术不仅用于地图的展示，任何矢量图形都可以使用该技术。基于该技术的图像具有图形美观、文件标准统一、可读性强、灵活易用等特点。个人觉得SVG技术在WebGIS及互联网上的矢量图形发布中将具有广阔的应用前景。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师

向北京奥运献礼，DBExplorer0.2版发布

DBExplorer开发团队，非常高兴的宣布，经过一段时间的工作，DBExplorer0.2版正式发布，并藉此祝福北京奥运。
本次版本有以下内容的更新及改变：
1、全面开放源码，并添加Maven构建支持，您可以从SVN获取，或直接下载；
2、降低JDK依赖版本到1.5，降低Tomcat依赖版本到5.x;
3、添加SQLEditor 编辑器支持语法高亮（目前仅支持IE）；
4、添加对IBM-DB2数据库支持；
5、添加创建表结构的功能；
6、添加主键字段图标标识；
7、添加copy DBTree节点到剪贴板的功能
8、添加执行批量SQL（.sql文件）的功能；
9、添加消息面板到SQL查询窗体；
10、修正了在grid 字段forceFit的问题;
11、修正了主键为非数值类型时出错的BUG;
13、修正了不支持多个主键（联合主键）的BUG；
14、EXT升级到2.2

另外为方便大家了解系统结构，我们还提供了一个系统架构的文档，欢迎大家浏览：DBExplorer_Architecture

更多内容请访问：http://groups.google.com/group/dbexplorer/  &  http://code.google.com/p/jdbexplorer/ 

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！

  今天遇到两个有趣的性能问题。

  1. 把所有数据都读取到一个数组，然后在内存层面去操作，每次从数组中查找一个对象耗时：0.02秒。因为数据太多，性能严重不行，完成整个操作要30分钟。试着改成每次都从数据库去find的方式来操作，每次查询也只耗时0.02秒，而且还要比内存层面的操作稍快。加个index，速度立马提升一个数量级，整个操作只需3分钟。cool！

  2. 一个update操作，因为数据较多，耗时将近10分钟。看了一下，一个n方的算法完全可以改成n的。后来直接改成sql去update，耗时不超过1秒钟。

  当然，为了性能问题，写一堆一堆的sql，或许就是噩梦的开始。

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师

Ext.namespace("myzone.app");

myzone.app.Portaldemo = function() {

	/* ----------------------- private properties ----------------------- */
	var portId = 'app-portal-demo-res-portal';
	var settingId = 'app-portal-demo-ext-div';

	var portalState;
	var portalMgr;

	var tools = [{

		id : 'maximize',
		handler : handleMaximize
	}, {
		id : 'close',
		handler : function(e, target, panel) {
			panel.ownerCt.remove(panel, true);
		}
	}];

	/* ----------------------- private method ----------------------- */
	function handleMaximize(event, toolEl, panel) {
		panel.originalOwnerCt = panel.ownerCt;
		panel.originalPosition = panel.ownerCt.items.indexOf(panel);
		panel.originalSize = panel.getSize();

		if (!toolEl.window) {
			var defaultConfig = {
				id : (panel.getId() + '-MAX'),
				width : (Ext.getBody().getSize().width - 100),
				height : (Ext.getBody().getSize().height - 100),
				resizable : true,
				draggable : true,
				closable : true,
				closeAction : 'hide',
				hideBorders : true,
				plain : true,
				layout : 'fit',
				autoScroll : false,
				border : false,
				bodyBorder : false,
				frame : true,
				pinned : true,
				y:80,
				bodyStyle : 'background-color: #ffffff;'
			};
			toolEl.window = new Ext.Window(defaultConfig);
			toolEl.window.on('hide', handleMinimize, panel);
		}
		if (!panel.dummyComponent) {
			var dummyCompConfig = {
				title : panel.title,
				width : panel.getSize().width,
				height : panel.getSize().height,
				html : ' '
			};
			panel.dummyComponent = new Ext.Panel(dummyCompConfig);
		}

		toolEl.window.add(panel);
		if (panel.tools['toggle'])
			panel.tools['toggle'].setVisible(false);
		if (panel.tools['close'])
			panel.tools['close'].setVisible(false);
		panel.tools['maximize'].setVisible(false);

		panel.originalOwnerCt.insert(panel.originalPosition,
				panel.dummyComponent);
		panel.originalOwnerCt.doLayout();
		panel.dummyComponent.setSize(panel.originalSize);
		panel.dummyComponent.setVisible(true);
		panel.dummyComponent.getEl().mask('it is maximized');
		toolEl.window.show(this);
	};

	function handleMinimize(window) {
		this.dummyComponent.getEl().unmask();
		this.dummyComponent.setVisible(false);
		this.originalOwnerCt.insert(this.originalPosition, this);
		this.originalOwnerCt.doLayout();
		this.setSize(this.originalSize);
		this.tools['maximize'].setVisible(true);
		if (this.tools['toggle'])
			this.tools['toggle'].setVisible(true);
		if (this.tools['close'])
			this.tools['close'].setVisible(true);
	}
	
	function createLayout() {

		new Ext.Panel({

			renderTo : "Header",
			width : 1000,
			height : 170,
			frame : true,
			layout : 'column'
		});

		new Ext.Panel({

			renderTo : "Footer",
			width : 1000,
			height : 150,
			frame : true,
			autoLoad : './footer.jsp'
		});

		new Ext.Panel({

			frame : true,
			renderTo : "PageBody",
			width : 1000,
			height : 1500,
			layout : 'border',
			// bodyStyle : 'x-layout-collapsed-north',
			items : [{
				region : 'north',
				split : true,
				height : 100,

				width : 800,
				title : '模块设置',
				frame : true,
				collapsed : true,
				collapsible : true,
				/* 动画效果收缩的时间 */
				expandDefaults : {
					duration : .75
				},
				collapseDefaults : {
					duration : .85
				}
			}, {
				xtype : 'portal',
				region : 'center',
				margins : '5 5 5 5',

				items : [{
					columnWidth : .25,
					style : 'padding:10px 0 10px 10px',
					items : [{

						title : '<img src="../../images/icon/ico_clock.gif">时钟',
						html : '<embed src="http://localhost:8080/YiZhong/flash/clock.swf" width="120" height="40" type="application/x-shockwave-flash" wmode="transparent" style=" margin-top:15px; margin-left:50px"></embed>',
						tools : tools,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						},
						height : 100
					}, {

						title : '<img src="../../images/icon/ico_person.gif">个人档案',
						tools : tools,
						height : 400,

						autoLoad : './c_userthing.html',
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_blogtype.gif">日志分类',
						tools : tools,
						height : 300,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_newgroup.gif">近期圈子活动',
						tools : tools,
						height : 350,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_tj.gif">个人统计',
						tools : tools,
						height : 150,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}]
				}, {
					columnWidth : .5,
					style : 'padding:10px 0 10px 10px',
					items : [{
						title : '<img src="../../images/icon/ico_blogc.gif">个人日志',
						tools : tools,
						html : "",
						height : 600,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_ghot.gif">圈子热帖',
						tools : tools,
						height : 350,
						// autoLoad:'http://localhost:8080/YiZhong/flash/photo/index.htm',
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_note.gif">留言板',
						tools : tools,
						html : "",
						height : 370,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}]
				}, {

					columnWidth : .25,
					style : 'padding:10px',
					items : [{
						title : '<img src="../../images/icon/ico_seo.gif">搜索',
						tools : tools,
						html : '',
						height : 150,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_online.gif">在线好友',
						tools : tools,
						html : "",
						height : 350,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_renote.gif">最新评论',
						tools : tools,
						html : "",
						height : 440,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}, {
						title : '<img src="../../images/icon/ico_nvi.gif">最近访客',
						tools : tools,
						html : "",
						height : 370,
						expandDefaults : {
							duration : .75
						},
						collapseDefaults : {
							duration : .85
						}
					}]
				}]
			}]

		});
	}//creatLayour
	
	/* ----------------------- public method ----------------------- */
	return{
	
		init : function(){
		
			Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
			
			createLayout();
			
			portalState = new myzone.app.PortalState();
			
			portalState.init(portId);
			
			
		}
	};
}();

Ext.onReady(myzone.app.Portaldemo.init,myzone.app.Portaldemo);

• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• JavaEye图灵杯第2届问答大赛开始了！8月4日至8月17日，奖品丰厚！
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师