`
weitd
  • 浏览: 143067 次
  • 性别: Icon_minigender_1
  • 来自: 新都
社区版块
存档分类
最新评论

Extjs index.html文件模版

阅读更多

<!-- 最好不要设置的文件头,避免IE的问题 -->
<html>

<!-- 每份有效的HTML应符合标准,为此head标签不能少 -->
<head>
  <!-- 下面一行规定了本页面是UTF-8格式编码的。 -->

  <!-- 应一句俗话:“用了UTF-8,走遍天下都不怕”,意思是说UTF是一种囊括了世界多种语言的编码标准,无论客户终端,各平台架构都可放心地使用。这样,就要统一页面和数据交换的字符本身都是UTF-8的。-->

  <meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >

  <!-- Ext自带的样式表,由于脚本中须引用这些样式的定义,所以必须在声明语句的次序上,做到“样式优先”:放在script标签之前。 -->
  <link rel = "stylesheet" type = "text/css" href = "ext/resources/css/ext-all.css" >

  <!-- 接着就是你准备好的CSS样式 -->

  <!-- 居最先位置的是适配器(adapter)脚本……-->
  <script type = "text/javascript" src = "ext/adapter/ext/ext-base.js" ></script>

  <!-- ……然后Ext为本身,这足是供调试用debug的版 -->
  <script type ="text/javascript" src = "ext/ext-all-debug.js" ></script>

  <!-- 以下是你项目用到脚本 -->

  <!-- 设置页面的标题(可不填) -->
  <title id = "page-title" >Title</title>

  <!-- 之所以引入以下script标签是为了说明Ext.onReady在页面程序中的必要性。不过你可以在外围的脚本文件中包含它,那么这里就可以不重复了 -->
  <script type = "text/javascript" >

  // 修改该空白背景图的路径,指向你服务端一个有效的图片路径。
  Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';

  // 程序总入口
  Ext.onReady(function() {
// 调用程序吧!
  });
  </script>

<!-- 关闭head标签  --> 
</head>

<!-- 大多数情况body 为空的,这点与普通页面的body很不同。 -->
<body></body>

<!-- 最后关闭的html标签 -->
</html>

 

转至http://www.extjs.com/learn/Tutorial:Basic_Page_Setup_%28Chinese%29

分享到:
评论

相关推荐

    EXTJS网站模板

    - `index.html`:入口HTML文件,引入EXTJS库和其他必要的资源。 - `app.js`:应用程序的主脚本,配置EXTJS的应用实例和组件。 - `css`目录:存放CSS样式文件,可能包含EXTJS默认主题以及自定义的主题样式。 - `js`...

    Eclipse+ExtJS配置手顺.pdf

    1. **创建HTML文件**:在WebContent目录下创建一个名为`index.html`的文件。 2. **编写HTML代码**:在`index.html`文件中添加基本的HTML结构,并引入ExtJS库。 ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;title&gt;ExtJS Test...

    extjs4笔记PDF版本,带目录

    2. **创建HTML文件**:创建`helloworld.html`,并引入必要的CSS和JS文件: ```html &lt;html&gt; &lt;title&gt;HelloExt &lt;link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"&gt; ...

    ExtJs 4.1 mvc 简单示例

    在这个例子中,index.html会引入ExtJS库和我们的应用程序主文件app.js。 2. **app.js**:这是应用程序的主要JavaScript文件,其中定义了MVC的各个部分。在ExtJS 4.1中,MVC的组件包括: - **Model**:定义数据模型...

    extjs+asp编写的简单的web程序

    综上所述,这个项目提供了一个使用ExtJS和ASP搭建Web应用的基础模板,适合初学者学习这两种技术的结合使用。通过研究和理解这些文件,开发者不仅可以掌握基本的Web开发流程,还能了解到前后端协作的重要性和实现方式...

    Extjs入门教程

    - index.html:HTML文件入口 - LICENSE.txt:许可文档 - ext-all.js:包含ExtJS框架基础库和核心库的JavaScript文件 - ext-base.js:框架基础库文件 在应用ExtJS之前,需要在HTML页面中引入框架的样式文件和...

    跟我一起学extjs5前10节内容源码

    通过Sencha CMD,你可以生成应用模板,自动配置文件结构,如`app.js`、`index.html`等,以及管理依赖和构建过程。 接着,我们来看`app`目录。这是ExtJS应用的核心部分,包含了所有业务逻辑和视图组件。`app.js`是...

    Ext apiDoc 离线制作

    在描述中提到,“需要修改index.html,并导入几个js包”,这意味着制作离线版的Ext API文档需要对HTML文件进行一些手动配置。index.html是网页的入口文件,它包含了页面结构和资源引用。在这个场景下,我们需要编辑...

    ExtJS后台框架

    2. **HTML模板**:可能包含index.html或其他页面结构,用于加载和展示应用。 3. **配置文件**:如app.json或sencha.cfg,用于配置ExtJS应用和构建过程。 4. **图片和其他资源**:图标、背景图片等静态资源。 5. **...

    Ext标准化开发手册

    这些文件夹分别存放图片资源、JavaScript代码、样式表文件,而Index.html作为模块的入口页面。 3. **基于Ext的项目开发流程**: - **目录结构**:以模块名命名的文件夹,内部包含Images、Js、Style和Index.html。...

    js doc 工具推荐及使用(二):ext-doc

    2. 配置:ext-doc支持配置文件(通常是`.extdoc.json`),在这里你可以定义输出目录、模板、排除文件等选项。例如: ```json { "output": "docs", "source": "src", "exclude": ["**/*.spec.js"], "template":...

    Magento商城_目录结构说明

    - `cache`:存放缓存文件,包括模板、布局和编译后的数据。 - `report`:记录系统错误和报告的目录。 3. **skin目录**: - `install`:安装过程中的皮肤文件。 - `frontend`:前端主题文件,包括默认主题和其他...

    DHTMLX,EXT实例

    "empty.xml"可能被用作数据源,或者是一个模板文件,等待填充数据。XML是一种常见的数据交换格式,适用于这些JavaScript库的数据操作。 "Qiuan#2010"这个文件名不太明确,可能是某个特定的项目或版本标识,具体用途...

    ext下拉框树

    `index.jsp`是JavaServer Pages(JSP)文件,它是基于Java的动态网页技术,允许在HTML中嵌入Java代码,以实现动态生成页面内容。在本例中,它可能包含了设置下拉框树初始数据、配置选项等逻辑。 `getNodes.jsp`则是...

    TP+EXT帮助示例

    3. 模板引擎:TPL文件夹中的模板文件用于视图层的展示,TP的模板引擎支持多种控制结构和变量输出,简化了HTML代码。 4. 配置管理:Conf文件夹存放配置文件,方便开发者根据项目需求调整框架设置。 5. 日志记录:Logs...

    magento目录结构

    - **php.ini.sample**:PHP配置文件模板。 - **STATUS.txt**:项目状态文件,记录当前版本的信息。 - **.project**:可能包含项目特定配置的隐藏目录。 ### var目录 - **.htaccess**:保护会话文件不被直接访问。 ...

    FoodOrder:订餐网页extjs+nodejs(express)+mongodb

    - `app.js`或`index.js`:项目的入口文件,配置Express服务器并启动应用。 - `package.json`:记录项目的依赖和配置信息。 **开发流程** 1. 用户通过浏览器访问FoodOrder应用,请求被Express服务器接收。 2. ...

    app-memo-cati

    10. **excelTemplet** - Excel模板文件,可能用于导出数据或用户填写后再导入的应用场景。 综合以上信息,我们可以猜测这是一个基于Java Web开发的应用,使用了JSP、Ext JS和SQL数据库,具备前端交互界面,支持数据...

    Hands-on Sencha Touch中文翻译第六章.pdf

    - index.html:作为应用的入口页面,内嵌Sencha Touch框架引用。 - app.js:MVC应用的入口脚本。 - app.json、packager.json、build.xml:包含构建或发布应用程序的相关设置和命令。 4. **构建和发布应用**: -...

    MEAN网站开发#5:Jade和Express

    这将在`views`目录下查找名为`index.pug`的文件,并用`user`对象的数据渲染它。 标签中的"HTML5", "Javascript", "Node.js", "ExtJS", "templates", "MEAN", "Express", "JSON"都是与MEAN开发相关的关键词。HTML5...

Global site tag (gtag.js) - Google Analytics