ext application bundle下载 - ext application bundle源代码下载

ext application bundle

其他类别

1.0.0

下载

Ext-Application-Bundle

Symfony捆绑包将Sencha Ext JS集成到Symfony应用程序中

安装

您可以使用作曲家安装此捆绑包

 composer require teqneers/ext-application-bundle

或将软件包直接添加到您的Composer.json文件中。

安装软件包后，您只需要将捆绑包添加到appkernel.php文件中：

 // in AppKernel::registerBundles()
$ bundles = array (
    // ...
    new TQ  Bundle  ExtJSApplicationBundle  TQExtJSApplicationBundle (),
    // ...
);

配置

Ext-Application-Bundle需要一些初始配置，以便可以找到正确的文件。

 # Default configuration for extension with alias: "tq_ext_js_application"
tq_ext_js_application:
    app_path:             ~ # Required
    builds:               # Required
        # Prototype
        name:
            development:          # Required
                build_path:           ~ # Required
                microloader:          /bootstrap.js
                manifest:             /bootstrap.json
                app_cache:            null
            production:           # Required
                build_path:           ~ # Required
                microloader:          microloader.js
                manifest:             app.json
                app_cache:            cache.appcache

由于该捆绑包提供了自己的控制器来服务微型加载器，清单和应用程序缓存清单，因此您还需要配置路由以在给定的前缀处包括捆绑包路由。编辑您的app/config/routing.yml ：

 # ...
ext_app:
    resource: "@TQExtJSApplicationBundle/Resources/config/routing.yml"
    prefix:/
# ...

例子

给定虚拟符号应用的以下目录结构

 ./
|-- app/            Application configuration and assets
|-- src/            Application source code
|-- web/            Public web-facing directory (document root)
|   |-- app.php     Symfony production front controller
|   |-- app_dev.php Symfony development front controller
|   |-- app/        Root folder for Ext JS application production build
|-- ExampleApp/     The Ext JS application source folder

您的配置可能看起来像这样

 tq_ext_js_application:
    app_path: '%kernel.project_dir%/ExampleApp'
    builds:
        default:
            development:
                build_path:  build/development/ExampleApp
                microloader: /bootstrap.js
                manifest:    /bootstrap.json
                app_cache:   ~
            production:
                build_path:  build/production/ExampleApp
                microloader: microloader.js
                manifest:    app.json
                app_cache:   cache.appcache

用法

使用捆绑包提供的树枝扩展名，您可以轻松地将Ext JS应用程序资源集成到您的应用程序模板中。

<!DOCTYPE HTML>
< html manifest = " {{ extjsAppCachePath() }} " lang = " en " >
< head >
    < meta http-equiv = " X-UA-Compatible " content = " IE=edge " >
    < meta charset = " UTF-8 " >
    < meta http-equiv = " content-type " content = " text/html; charset=UTF-8 " />
    < meta name = " viewport " content = " width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no " >
    < title >Welcome!</ title >

    < script type = " text/javascript " >
        var Ext = Ext || {};
        Ext . manifest = ' {{ extjsManifestPath()|e( ' js ' ) }} ' ;
    </ script >
    < script id = " microloader " data-app = " {{ extjsApplicationId() }} " type = " text/javascript " src = " {{ extjsBootstrapPath() }} " ></ script >
</ head >
< body >
</ body >
</ html >