README

UFA：统一前端架构。一个PHP Composer插件。1

如何使用？

在您的composer.json中添加它。

{
    "require": {
        "xiaolin/ufa": "0.3.*",
    },
    "repositories": {
        // "ufa": {
            // "type": "git",
            // "url": "git@git.corp.angejia.com:frontend/ufa.git"
        // }
    }
}

如果此步骤成功，您可以在项目下找到vendor/angejia/ufa/文件夹。

在您的config/app.php中将ufa作为服务添加。

return [
    'providers' => [
        ...

        `Angejia\Ufa\Providers\UfaServiceProvider::class,`

        ...
    ]
]

完成此步骤后，您可以在任何地方使用它而不会出错，例如ufa()->extJs()或ufa()->extCss()等。

注意：尽管没有错误，但在HTML中仍然没有任何作用。换句话说，当页面加载时，它不会包含任何样式或脚本。除非完成下一步，否则它将不起作用。

在您的config/view.php中添加ufa视图，并在您的HTML blade视图中包含ufa样式和ufa脚本。

return [
   'paths' => [
       realpath(base_path('resources/views')),// default
       realpath(base_path('../vendor/angejia/ufa/src/views'))//ufa views folder
   ],
]

添加ufa样式和ufa/scripts，例如

<!DOCTYPE html>
<html>
    <head>
        @include('resources.styles')
    </head>
    <body>
        <!-- main content -->
        @include('resources.styles')
    </body>    
</html>

直到现在，ufa()->extJs和ufa()->extCss按预期工作。

API列表

您可以使用以下所有函数： ufa()->asset('image/home.jpg')。

extJs($data = [])

<?php
ufa()->extJs([
    'home.js',
    '../lib/jquery.js'
])

extCss($data = [])

<?php
ufa()->extJs([
    'home.css',
    '../lib/jquery-ui.css'
])

asset($data = [])

<div>
    <img src="{{ufa()->asset('image/logo.png')}}"/>
</div>

addParam($value = [], $key = '')

<?php
ufa()->addParam(['count' => $count, 'pagename' => $page_name]);

getParam($key)

获取单个参数。

getParams()

获取所有参数。

xiaolin / ufa

维护者

详细信息

README

如何使用？

API列表

ufa