在MyEclipse和Tomcat下配置Sencha Touch环境

piperzero

浏览: 3474383 次
性别:
来自: 杭州

最近访客更多访客>>

handsome1234

u012363178

zhangketuan

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3796)

社区版块

存档分类

首先要配置开发环境。这个很简单，只要到官方网站下载Sencha Touch压缩包即可http://www.sencha.com/products/touch/。

开发工具随便一个编辑器，记事本也可以的。

本人用的是MyEclipse+Tomcat，Sencha Touch用的是1.01版本(使用MyEclipse+Tomcat我为了以后例子可以跟后台交互)

其实可以直接浏览本地静态html文件的。

1，编写messageBox.html文件：

Html代码


<!doctypehtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>messageBox.html</title>
<linkrel="stylesheet"href="../../ext/resources/css/sencha-touch.css"type="text/css">
<scripttype="text/javascript"src="../../ext/sencha-touch.js"></script>
<scripttype="text/javascript"src="messageBox.js"></script>
</head>

<body>

</body>
</html>

如果你以前用过Extjs，那么这段代码你很容易明白。

引入sencha-touch.css样式文件。
引入sencha-touch.js核心库文件。
messageBox.js是例子用的文件。

2，编写messageBox.js文件：

Js代码


Ext.setup({
icon:'../icon.png',
tabletStartupScreen:'../tablet_startup.png',
phoneStartupScreen:'../phone_startup.png',
glossOnIcon:false,
onReady:function(){
Ext.Msg.alert('提示','第一个SenchaTouch程序！');
}
});