95992828九五至尊2

HelloWorld以及基础环境搭建

一月 20th, 2019  |  882828九五至尊手机版

本篇介绍ExtJS相关知识,是以ExtJS4.2.1本子为底蕴进行求证,包罗:ExtJS的风味、MVC方式、4.2.1GPL版本资源的下载和认证以及4种宗旨的示范。

1.目的

目录

1.
介绍

  1.1
说明

  1.2
特点

  1.3
行使协议

  1.3
MVC模式

  1. 资源

  2.1
资源地址

  2.2
资源目录表达

  2.3 docs/index.html

  1. 882828九五至尊手机版,运行图

 

  
在eclipse中搭建EXTJS的基本功条件,学习怎么样根据从官方下载的代码中搭建新的Extjs工程

1. 介绍

2.紧要含有内容:

1.1 说明

ExtJS是一个用javascript、CSS和HTML等技能达成的严重性用以成立RIA即富客户端,且与后台技术无关的前端Ajax框架。

常用于公司内部管理系统、行政种类等SAP类型的采纳。

 

  1.ExtJS文件下载以及目录表达

1.2 特点

1) 提供了卓殊多的丰硕、作用强大的机件。

2) 面向组化件开发,差异于jQuery的面向Dom开发。

3) 跨浏览器帮衬:IE、Chrome、Firefox、Safari、Opera。

4) 框架体积庞大,适合编写内网项目。(ExtJS4.2.1的ext-all.js大小为1.46M)

 

  2.ExtJS费用条件搭建

1.3 使用协议

ExtJS提供2种运用协议:GPL3.0(免费) 和 商业协议(付费)。

 

  3.HelloWorld开支以及搭建

1.4 MVC模式 

882828九五至尊手机版 1

ExtJS是一个MVC情势的框架(在ExtJS 5中出席了MVVM形式)。

MVC,全名叫Model-View-Controller,即模型 – 视图 –
控制器,是一个用于编写软件的架构方式。它把软件系统分为多少个要旨部分:模型(Model)、视图(View)和控制器(Controller)。此形式通过对复杂度的简化,使程序结构越发直观。

ExtJS 4对一一部分概念的效应:

**Model(模型) :**用于封装与应用程序的业务逻辑相关的数码以及对数码的拍卖方法。一个数量字段的集结,可经过关系被链接到别的模型和透过代理链接到一个数据流。

**View(视图) :**表示数据给用户。任何类型的组件,那么些组件将新闻输出到浏览器,如Form、Grid、Chart。

**Controller(控制器:**是MVC应用程序的逻辑部分。它处理事件并作出响应。“事件”包涵用户的行为和数码
Model 上的转移。Ext.app.Controller为控制器的基类。

引用来源:http://www.extjs-tutorial.com/extjs/extjs-4-mvc-architecture

 

3.ExtJS文本下载以及目录表达

2. 资源

  • ext-4.2.1-gpl与ext-4.2.1-commercial的区别

2.1 资源地址

这里以ExtJS 4.2.1为版本进行介绍。

合法GPL协议版本下载 :http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip

官方API :http://docs.sencha.com/extjs/4.2.1/#!/api

官方实例 :http://docs.sencha.com/extjs/4.2.1/#!/example

中文API(4.1.0版本) :http://extjs-doc-cn.github.io/ext4api/

4.2.1 CDN :http://www.bootcdn.cn/extjs/4.2.1/

 

       ext-4.2.1-gpl:开源版本,使用GPL开源协议

2.2 资源目录表明

http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip解压后截图:

882828九五至尊手机版 2

       ext-4.2.1-commercial:商业版本,收费,稳定

2.2.1 目录

builds :ExtJS压缩后的代码,经过压缩的代码体积更小,加载更快。

docs
ExtJS的文档目录,index.html可查看ExtJS的API、Guides、Examples。

examples :Demo 目录,index.html可查看Demo列表。

locale
:多国语言资源目录,其中ext-lang-zh_CN.js为简体汉语(此文件遗漏了RadioGroup的必填提醒)。

pkgs :ExtJS部分作用的打包文件。如:大旨。

plugins :ExtJS所要求的插件目录。如:flash。

resources
:ExtJS所用到的体裁和图纸等资源。包涵4个宗旨:classic(经典:默许此主旨)、access(稳重/红色)、gray(藏蓝色)、neptune(海王星)。

src :各组件的源代码。

welcome :访问页目录。

作为个人商量来讲,能够使用ext-4.2.1-gpl。

2.2.2 文件

bootstrap.js :指导文件,依据当前运作条件活动加载ext-all.js
或者 ext-all-dev.js文件。

ext.js :已压缩Js代码;基本框架,动态加载扩充类。

ext-all.js :已压缩Js代码;包含ExtJS整个框架。

ext-all-debug.js :未压缩Js代码;包蕴ExtJS整个框架。

ext-debug.js :未压缩Js代码;基本框架,动态加载伸张类。

ext-all-rtl-debug.js
:未压缩Js代码;包涵ExtJS整个框架并接济从右到左阅读。

ext-all-rtl-sandbox-debug.js
:未压缩Js代码;包蕴ExtJS整个框架、帮助从右到左阅读以及扶助以沙盒形式利用别的版本的ExtJS。

ext-all-rtl-sandbox.js
:已压缩Js代码;包蕴ExtJS整个框架、襄助从右到左阅读以及辅助以沙盒形式接纳此外版本的ExtJS。

ext-all-rtl.js :已压缩Js代码;包罗ExtJS整个框架并协理从右到左阅读。

ext-all-sandbox-debug.js
:未压缩Js代码;包涵ExtJS整个框架并接济以沙盒情势利用其余版本的ExtJS。

ext-all-sandbox.js
:已压缩Js代码;包涵ExtJS整个框架并辅助以沙盒格局利用其余版本的ExtJS。

 

  • 下载的Extjs目录中逐条文件表明

2.3 docs/index.html 

docs/index.html 页面可查看ExtJS的API、Guides、Videos、Examples。

882828九五至尊手机版 3

API
介绍ExtJS框架的整整API;包涵:各组件、各工具类、ExtJS宗旨等API。

Guides 介绍ExtJS的概述、概念、组件、指南等方面的文化。

Videos 通过录像介绍ExtJS各地方。

Examples ExtJS各组件的Demo。

API和Examples方面的素材已经满意了一般性费用的急需,若希望对ExtJS框架深刻驾驭可以看Guides方面的素材。

 

       紧要目录表达

3. 运行图

来得4个宗旨的运行图

classic(经典:默许此宗旨)、access(稳重/灰色)、gray(肉色)、neptune(海王星)。

  • builds目录:压缩后的ExtJS代码,体积更小,更快,不过一般不行使;
  • cmd目录:未知,个人驾驭是给extjs命令行模式应用,一般不用
  • docs目录:开发文档;
  • examples目录:官方演示示例;
  • locale目录:多国语言资源文件,用户本地化,例如需求拔取简体粤语时,须要引入简体普通话文件;
  • packages目录:ExtJS各部分功用的打包文件;
  • plugins目录:EXTJS中接纳的插件,首假诺flash相关的插件
  • resource目录:ExtJS所需求的CSS与图片文件;
  • src目录:未压缩的源代码目录
  • welcome目录:首页所急需的体裁,图片等文件

3.1  classic 经典宗旨

882828九五至尊手机版 4

 

      主要文件表达

3.2 access 稳重/灰色大旨

882828九五至尊手机版 5

 

  • bootstarp.js:ExtJS库率领文件,可由此参数自动切换ext-all.js与ext-all-dev.js;
  • ext-all.js,ext-all-dev.js,ext-all-debug.js,ext-all-debug-w-comments.js:那是一组,都富含全部的EXTJS文件。每个文件分别表示一种拔取意况:运行条件,开发条件,调试环境,带注释调试环境。
  • ext-all-rtl.js,ext-all-rtl-dev.js,ext-all-rtl-debug.js,ext-all-rtl-debug-w-comments.js:那七个是一组,表示辅助从右到左语言(像法语和印度语印尼语一样)。每个文件分别表示一种选用境况:运行条件,开发条件,调试环境,带注释调试环境。

3.3 gray 肉色主旨

882828九五至尊手机版 6

 

         实例:

3.4 neptune 海王星大旨

882828九五至尊手机版 7

 

End

Web开发之路体系文章

食谱加载中…

             
882828九五至尊手机版 8

  • ext.js,ext-dev.js,ext-debug.js,ext-debug-w-comments.js:那多个是一组,代表最精简的EXTJS代码。每个文件分别代表一种选拔情况:运行环境,开发环境,调试环境,带注释调试环境。
  • ext-theme-access.js,ext-theme-classic.js,ext-theme-classic-sandbox.js,ext-theme-gray.js,ext-theme-neptune.js:那多少个是一组,合作EXTJS的例外体裁使用。
  • file-header.js:未知。文件为空。

  • bootstrap.js文件成效:根据差其余情事来加载差别的js文件。

    /**

    • 加载本文件一律路线中的库
      *
    • 满足以下标师长自行加载 ext-all-dev.js:
      • 近期主机名是 localhost
      • 眼前主机名是 IP v4 地址
      • 眼下探讨是 “file:”
        *
    • 其余情状下将加载 ext-all.js (minified)
      */
  • 新建web应用必要用的文书

       新建一个专业的web应用须要动用的文件有:

        
1.bootstrap.js,ext-all-dev.js,ext-all.js:用来加载基本的Extjs环境。

         2.locale\ext-lang-zh_CN.js:用来支撑普通话。

         3.resources目录:用来加载样式和图表等。

4.ExtJS文书下载以及目录表明

  • spket插件安装配备

     1.下载安装spket:

         安装路径:http://www.agpad.com/update

       
882828九五至尊手机版 9

     2.配置

        882828九五至尊手机版 10

        882828九五至尊手机版 11

        882828九五至尊手机版 12

       882828九五至尊手机版 13

       882828九五至尊手机版 14

       882828九五至尊手机版 15

5.HelloWorld搭建测试

  • HelloWord搭建

    http://www.w3.org/TR/html4/loose.dtd">







    Insert title here




  • 海王星皮肤使用表明

    http://www.w3.org/TR/html4/loose.dtd">







    Insert title here




再有我上边强调过一定要引入主旨相呼应的js文件,假诺不引用会变成那样:

882828九五至尊手机版 16

精心看右上角的倒闭按钮图标会向左侧偏移

作者:sdjnzqr
出处:http://www.cnblogs.com/sdjnzqr/
版权:本文版权归小编和腾讯网共有
转发:欢迎转发,但未经作者同意,必须保留此段注脚;必须在小说中付出原文连接;否则必究法律权利

相关文章

Your Comments

近期评论

    功能


    网站地图xml地图