`

Sencha touch 构建和发布

 
阅读更多

紧着这,前面的文章,我们已经建立了第一个sencha touch的demo,我们就拿GS这个demo来做范例,记录如何构建并且发布!

 

打开cmd,进入GS的目录,前提是安装好了Sencha touch sdktools。

 

一:构建应用程序

1:建立一个jsb文件,命令:sencha create jsb -a index.html -p app.jsb3

2:构建应用程序,命令:sencha build -p app.jsb3 -d ./

 

sdk工具将jsb文件中所有类结合进一个脚本文件中,并且压缩该脚本文件,该脚本文件名为all-classes.js

 


 

 二:发布应用程序

1:在Apache的htdocs下建立一个test2目录,

2:将touch-2.2.1/resources 中的css文件夹复制到test2目录下,将touch-2.2.1/sencha-touch.js也复制到test2目录下

3:把GS目录下面的all-classes.js ,app.js ,index.html ,也复制到test2目录下

4:修改index.html的引入,修改结果如下:

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

 

大功告成:访问:http://127.0.0.1/test2/

 



 


 

  • 大小: 27.8 KB
  • 大小: 28.2 KB
0
0
分享到:
评论

相关推荐

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    Sencha Touch 是一款专为移动设备开发的前端框架,它提供了丰富的组件和API,使得开发者可以轻松构建跨平台的触控应用。这个压缩包“touch-docs-2.2.1.zip”包含了Sencha Touch 2.2.1版本的离线API参考文档,对于...

    sencha touch项目源码

    通过对`CityQingBao`项目源码的深入学习,你可以掌握如何使用Sencha Touch构建具有数据管理、用户交互和导航功能的移动应用。同时,这也是一个实践Sencha Touch MVC模式的好机会,有助于提升你在前端开发领域的专业...

    Sencha Touch in Action

    通过结合Sencha Touch和Phonegap,开发者可以利用Sencha Touch强大的用户界面组件和丰富的交互功能来构建在多个移动平台上都能运行的应用程序。 书中的标签"Sencha"指的是一种基于JavaScript的前端开发工具集,...

    sencha touch 登陆界面

    Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...

    senchaTouch和fusioncharts结合的实例

    Sencha Touch 是一个流行的JavaScript框架,专门用于构建触摸优化的移动Web应用程序,而FusionCharts则是一款强大的数据可视化工具,提供丰富的图表类型和交互效果。 在深入探讨这个实例之前,我们首先来了解这两个...

    Sencha Touch开发的项目《般若人生》源码

    Sencha Touch是一个流行的JavaScript框架,专门用于构建跨平台的触屏友好型Web应用程序。它提供了丰富的UI组件和强大的数据管理工具,使得开发者能够创建功能强大且具有原生应用体验的移动Web应用。 在深入探讨...

    一个完整的sencha touch 应用案例

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些...

    sencha touch在VScode上的插件

    Sencha Touch 是一款用于构建移动应用的前端框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者可以创建交互性强、性能优异的触屏应用程序。VSCode(Visual Studio Code)是微软开发的一款广受欢迎的源...

    sencha touch 2.4.0最新版

    Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...

    sencha touch list demo

    总结,"sencha touch list demo"展示了如何使用Sencha Touch的List组件和Store来构建一个动态的数据展示界面。通过理解和实践这个示例,开发者可以更好地掌握Sencha Touch中数据驱动UI的设计原则,以及如何创建交互...

    Sencha Touch2环境搭建

    3. **Node.js** - Sencha CMD(命令行工具)是基于Node.js的,用于构建、打包和优化Sencha Touch应用。因此,确保Node.js已安装并更新到最新版本。 4. **Sencha CMD** - 安装Sencha CMD,它是Sencha Touch开发的...

    sencha touch中文翻译文档

    Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...

    api.zip_sencha _sencha touch api_sencha touch2 api

    Sencha Touch 是一款用于构建移动Web应用程序的JavaScript框架,它为开发者提供了丰富的组件和功能,以便在各种设备上创建响应式、高性能的应用程序。标题中的"api.zip_sencha _sencha touch api_sencha touch2 api...

    sencha touch sdk工具

    7. **更新与维护**:随着Sencha Touch框架的更新,SDK工具也会定期发布新版本,以支持新功能和修复已知问题。开发者可以通过升级SDK工具来确保其项目始终使用最新的开发工具。 8. **兼容性与跨平台**:Sencha Touch...

    Sencha Touch2 MVC Demo (含源码/数据库)

    Sencha Touch 2 是一个流行的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件、数据管理和触摸事件处理,使得开发者可以创建与原生应用类似的交互体验。MVC(Model-View-Controller)架构模式...

    Sencha Touch MVC 模式

    ### FrancisShanahan-SenchaTouch2MVCHelloworld-c330be1项目 该项目是一个基于Sencha Touch 2的MVC模式Hello World示例,可能包含了创建基本模型、视图、控制器的过程,演示了如何通过MVC模式构建一个简单的应用。...

    sencha touch 实例

    Sencha Touch 是一款专为移动设备设计的前端框架,它...Sencha Touch提供了丰富的API和组件库,可以构建复杂的交互式移动应用。随着学习深入,开发者可以创建出功能强大且性能优秀的Web应用程序,与原生应用相媲美。

    sencha touch应用程序

    开发者可以通过研究这些源码来学习如何使用Sencha Touch构建应用,或者对其进行修改和扩展以满足自己的需求。 "firstApp"是压缩包内的子文件夹名称,这可能是Sencha Touch的官方入门示例“First App”。这个示例...

    sencha touch demo

    "Sencha Touch demo" 演示了如何使用Sencha Touch构建实际的应用程序,并且包含注释,方便开发者理解代码逻辑。 在描述中提到的"导入myEclipse",这意味着这个demo是为开发环境myEclipse准备的。myEclipse是一款...

Global site tag (gtag.js) - Google Analytics