Extjs5 开发准备

1、环境要求

Java Run-time Environment or JRE,版本>=6.0

注意 : Ext JS SDK 在 4.x 版本以 和 Touch SDK 中 2.x 版本以上

2、下载sencha Cmd工具

http://www.sencha.com/products/sencha-cmd/download

3、下载extjs5 官网下载去

4、创建项目:

sencha -sdk E:\\web\\ext-5.0.0 generate app Demo d:\\demo

Extjs5 开发准备_第1张图片

5、项目结构

Extjs5 开发准备_第2张图片

.sencha/                    # Sencha-specific files (for example, configuration)
    app/                    # Application-specific content
        sencha.cfg          # Application configuration file for Sencha Cmd
        build-impl.xml      # Standard application build script
        plugin.xml          # Application-level plugin for Sencha Cmd
    workspace/              # Workspace-specific content (see below)
        sencha.cfg          # Workspace configuration file for Sencha Cmd
        plugin.xml          # Workspace-level plugin for Sencha Cmd

ext/                        # A copy of the Ext JS SDK
    cmd/                    # Framework-specific content for Sencha Cmd
        sencha.cfg          # Framework configuration file for Sencha Cmd
    packages/               # Framework supplied packages
        ext-theme-classic/  # Ext JS Theme Package for Classic
        ext-theme-neptune/  # Ext JS Theme Package for Neptune
        ...                 # Other theme and locale packages
    src/                    # The Ext JS source
    ext-*.js                # Pre-compiled and bootstrap files
    ...

index.html                  # The entry point to your application
app.json                    # Application descriptor  项目配置管理
app.js                      # Launches the Application class.   项目加载文件
app/                        # Your application's source code in MVC structure 项目文件
    model/                  # Folder for application model classes. 这是数据模型
    store/                  # Folder for application stores  数据交互
    view/                   # Folder for application view classes. 可示化组件
        Main.js             # The initial default View 默认创建的显示类
    controller/             # Folder for application controllers. 管理层
        Main.js             # The initial default Controller
    Application.js          # The `Ext.app.Application` class

packages/                   # Sencha Cmd packages

build/                      # The folder where build output is placed. 项目输出路径

6、运行项目

sencha web start

Extjs5 开发准备_第3张图片

7、查看演示

Extjs5 开发准备_第4张图片


你可能感兴趣的:(Extjs5 开发准备)