基于GXT的WebOS介绍

这个项目基于GXT的WebDesktop，是一个模拟Windows系统的web应用。
原始的GXT版本连接在此：http://www.extjs.com/examples/desktop.html

我这个项目也是基于GXT的WebDesktop,实在是因为本人美工方面不行，特别是对CSS很不熟悉，只好借用别人的系统做为基础。

WebDesktop仅仅提供了仿桌面的一个效果，而我这个项目主要是对WebOS的内部架构进行设计，使得该系统做为一个基础平台，开发者能够非常方便的在这个系统上开发自己的应用程序。

该项目DEMO地址:http://web977712.host66.chinajsp.net
在DEMO中也有源代码可以查看，对应仅仅想了解的人来说，无需下载，在线查看即可。

下面介绍一下系统的启动过程

一.启动系统
此系统基于GWT,GXT搭建
需要配置GXT的环境，主要是指GXT jar包的导入，资源文件的导入，HTML中GXT CSS的导入(该方面的内容不再详述，参见GXT解压包里面的说明文件)

本人采用Eclipse GWT插件
创建一个GWT工程，在gwt.xml配置文件中加入

<inherits name="com.single.os.core.Desktop"></inherits>

同时删除不需要的一些配置

在入口EntryPoint中加入如下代码

	public void onModuleLoad() {
		OS.setup();//启动系统
	}

运行程序，系统即可启动（仅为基础平台，不包含应用程序）



二.安装应用程序
此系统支持扩展第三方应用程序，在内置jar包中包含几个应用，如内置浏览器(browser)和聊天工具(talk)
安装应用程序的方法如下：
1.在gwt.xml配置文件中加入应用程序的模块

<inherits name="com.single.os.browser.Browser"/>

2.OK，就这么简单，启动 OS.setup();


三.系统自带的前后台互动消息机制
在GXT MVC框架下，系统实现了一套前后台互动的消息传递机制
所属模块:

com.single.os.event.Event

聊天应用程序talk即需要前后台交互，依赖此消息机制
举例添加聊天应用程序的步骤:
1.在gwt.xml配置文件中添加

<inherits name="com.single.os.event.Event"/>
<inherits name="com.single.os.talk.Talk"/>

2.在web.xml中添加servlet配置
YourModuleName替换成你自己启动模块的名称

	<!-- 消息机制Servlet -->
	<servlet>
		<servlet-name>os-event</servlet-name>
		<servlet-class>com.single.os.event.server.serviceimpl.EventServlet</servlet-class>
	</servlet>
	<!-- Talk聊天Servlet -->
	<servlet>
		<servlet-name>os-talk</servlet-name>
		<servlet-class>com.single.os.talk.server.serviceimpl.TalkServiceImpl</servlet-class>
	</servlet>
	<servlet-mapping>
		<servlet-name>os-event</servlet-name>
		<url-pattern>/YourModuleName/os-event</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>os-talk</servlet-name>
		<url-pattern>/YourModuleName/os-talk</url-pattern>
	</servlet-mapping>

3.启动程序，OK!

已经附上了源代码，如果发现在Eclipse里面打开有中文乱码的问题，请设置好编码。
Window->Preference->General->Workspace->Text file encoding 设置utf-8 ,然后重启Eclipse
工程编码请务必使用UTF-8

PS:此源代码仅供尝鲜，未来变数太多，改动可能会很大

评论

5 楼 z_jiankun 2011-01-29  

我修改了gxt-all.css和desktop.css， 但是页面还是小字体。

我重新编译工程，删除IE缓存。还是不行，还有其它的设置吗？

4 楼 yonglin4605 2010-10-09  

抱歉，暂时不维护了，精力有限啊，你就当参考吧

3 楼 hyqok 2010-10-07  

下下来后，遇到和1楼同样的问题，GXT默认的例子没有问题，好像是初始化根据Cookie设置背景哪里处理有问题！

2 楼 yonglin4605 2010-05-19  

1.关于背景图片，需要修改resources\desktop\css\desktop.css文件，在第一行html,body里面把  background: #3d71b8 url(../wallpapers/desktop.jpg) no-repeat left top; 的url()去掉
另外，GXT提供的css在除IE以外的浏览器里面字体会偏小，可以通过修改gxt-all.css和desktop.css，替换里面所有的11px为12px就好了

2.日志功能是我自己记录用的，没有放进上传的源码包里

1 楼 寥寥烦星 2010-05-18  

源码下载后运行，发现和Demo有些不一致
1、没有背景图片，背景图片设置也无效
2、日志功能不会跳出。

请问一下是源码的问题么，还是哪里问题？