Extjs5 开发准备
博客专区 > hanfeng 的博客 > 博客详情
Extjs5 开发准备
hanfeng 发表于4年前
Extjs5 开发准备
  • 发表于 4年前
  • 阅读 1700
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: extjs4.x 版本以上支持 sencha cmd 开发,这玩意儿没碰过,可以说是Ext也没碰过,现在抽空学习下。

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

5、项目结构

.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

7、查看演示


共有 人打赏支持
粉丝 19
博文 44
码字总数 36874
×
hanfeng
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: