sencha touch学习笔记一：web工程下的示例

最新推荐文章于 2018-06-07 03:06:19 发布

小新8

最新推荐文章于 2018-06-07 03:06:19 发布

阅读量1.5k

点赞数

分类专栏： web app 文章标签： sencha

本文链接：https://blog.csdn.net/u011439289/article/details/41623397

版权

web app 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

网上不少教程说引用Sencha Touch的两个文件就可以用sencha编程了，可是我试了一下，结果不理想。

新建一个web工程，在新建的HTML文件中引用sencha touch解压包中的sencha-touch.js和resources文件夹中的css文件夹中的sencha-touch.css。再编写一个自己的js文件app.js（命名随便）。

HTML代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>touch</title>

    <script type="text/javascript" src="touch/js/sencha-touch.js"></script>
    <link type="text/css" rel="stylesheet" href="touch/css/sencha-touch.css">

    <script type="text/javascript" src="public/js/app.js"></script>
</head>
<body>
</body>
</html>

app.js内容为：

Ext.setup({
    icon:'touch/icon/icon.png',
    tabletStartupScreen:'touch/icon/tablet_startup.png',
    phoneStartupScreen:'touch/icon/phone_startup.png',
    glossOnIcon:false,
    onReady: function(){
        alert("hello");
    }
});

用Tomcat开启这个项目，访问这个网页，居然是空白的，什么都没有。

把引用文件sencha-touch.js改为sencha-touch-all.js

有提示框弹出了，可是没有样式，用手机访问也是这个问题，无解。网上这个教程应该是1.X版本的吧，反正没有相应的效果出来，不解决这个问题，就没有必要往下学习了。

上一个小节，我用命令：sencha generate app APP名称 APP存放路径

生成了shecha touch 的入门小例子，为什么不用我们的web过程加载这些文件，看是否在自己的web过程里面也能开启相应的效果呢？！

所以用命令生成的目录如下：