html页面配置
<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
<meta charset="UTF-8">
<title>Reader</title>
<link rel="stylesheet" href="resources/css/app.css" />
<script src="touch/sencha-touch-all-debug.js"></script>
<script src="app.js"></script>
</head>
<body>
</body>
</html>
app.js启动页面
//<debug>
Ext.Loader.setPath({
'Ext': 'touch/src',
'Reader': 'app'
});
//</debug>
Ext.application({
name:'Reader',
icon:'images/icon.png',
glossOnIcon:false,
PhoneStartupScreen:'images/phone_startup.png',
tabletStartuoScreen:'images/tablet_startup.png',
launch:function(){
var panel=Ext.create('Ext.Panel',{
fullscreen:true,
id:'myPanel',
style:'color:red',
html:'第一个页面'
});
}
});
相关推荐
在本文中，我们将深入探讨如何进行Sencha Touch 2的学习，从环境搭建到开发工具的配置，帮助你开启移动应用开发之旅。 首先，我们需要安装基本的开发环境。这包括一个现代的Web浏览器，如Chrome，因为它对HTML5的...
本篇学习笔记将聚焦于如何使用Sencha Cmd工具来创建你的第一个Sencha Touch应用。 首先，你需要安装Sencha Cmd。这是一款命令行工具，简化了Sencha Touch应用的创建、构建和部署流程。你可以从Sencha的官方网站下载...
在本文中，我们将深入探讨如何使用Sencha Touch框架自定义目录结构来创建你的第一个应用程序。Sencha Touch是一款强大的JavaScript框架，专为构建移动Web应用程序而设计。它提供了丰富的UI组件和数据管理工具，使得...
通过本教程，读者将大大缩短学习Sencha Touch的时间，并获得宝贵的实践经验。 - **目标**：本教程的目标是教授读者如何构建一个Sencha Touch 1.1.1版本的应用程序。教程将采用简单易懂的方法，让读者学会通过表单...
通过学习这个案例，你可以了解到Sencha Touch中的基本架构和组件使用方法。例如，如何定义和使用模型进行数据管理，如何利用视图展示和交互，以及如何通过控制器协调各个组件之间的通信。同时，你还可以学习到如何...
1. **设置开发环境**：确保你已经安装了最新版本的Sencha SDK Tools，这是一套用于构建和打包Sencha Touch应用的命令行工具。同时，还需要一个代码编辑器，如Visual Studio Code或Sublime Text。 2. **创建项目结构...
### Extjs 5 学习笔记之 SenchaCmd 深入解析 #### 一、SenchaCmd 的简介 SenchaCmd 是一个跨平台的命令行工具，它为基于 ExtJS 和 Sencha Touch 应用程序的开发周期提供了全面的支持。从创建应用程序的基础结构到...