phpMv UI
Callista 2.4.16 release
Библиотека визуальных компонентов (JQuery UI, Twitter Bootstrap, Semantic-UI) для фреймворков php и php MVC.
веб-сайт phpMv-UI
phpMv-UI — это библиотека визуальных компонентов для php: php-оболочка для jQuery и компонентов пользовательского интерфейса (jQuery, Twitter Bootstrap, Semantic-UI).
Используя внедрение зависимостей, объект jQuery можно внедрить в контейнер php framework , что позволяет генерировать сценарии jQuery в контроллерах с соблюдением шаблона проектирования MVC.
Установите Composer в общее место или в свой проект:
curl -s http://getcomposer.org/installer | phpСоздайте файл композитора.json в каталоге приложения следующим образом:
{
"require" : {
"phpmv/php-mv-ui" : " ^2.3 "
}
}В каталоге приложения запустите установщик композитора:
php composer.phar installПросто клонируйте репозиторий в общее место или внутри вашего проекта:
git clone https://github.com/phpMv/phpMv-UI.git
phpMv-UI соответствует рекомендациям PSR-4 по автоматической загрузке классов. Какой бы php-фреймворк ни использовался, с «composer» достаточно интегрировать файл автозагрузки Composer.
require_once ( " vendor/autoload.php " );Библиотека уже загружена по умолчанию в файле конфигурации app/config/config.php :
" di " => array (
" @exec " => array ( " jquery " => function ( $ controller ){
return Ajax php ubiquity JsUtils:: diSemantic ( $ controller );
})
),Пример создания кнопки Semantic-UI
/**
* @property AjaxphpubiquityJsUtils $jquery
*/
class ExempleController extends Controller{
public function index (){
$ semantic = $ this -> jquery -> semantic ();
$ button = $ semantic -> htmlButton ( " btTest " , " Test Button " );
echo $ button ;
}
}Без Composer можно загрузить библиотеку с помощью файла app/config/loader.php :
$ loader = new Phalcon Loader ();
$ loader -> registerNamespaces ( array (
' Ajax ' => __DIR__ . ' /../vendor/phpmv/php-mv-ui/Ajax/ '
))-> register ();Необходимо внедрить службу JQuery при запуске приложения в служебный файл app/config/services.php и при необходимости создать экземпляр Semantic, Bootstrap или Jquery-ui:
$ di -> set ( " jquery " , function (){
$ jquery = new Ajax php phalcon JsUtils ();
$ jquery -> semantic ( new Ajax Semantic ()); //for Semantic UI
return $ jquery ;
});Пример создания кнопки Semantic-UI
use Phalcon Mvc Controller ;
use Ajax php phalcon JsUtils ;
/**
* @property JsUtils $jquery
*/
class ExempleController extends Controller{
public function indexAction (){
$ semantic = $ this -> jquery -> semantic ();
$ button = $ semantic -> htmlButton ( " btTest " , " Test Button " );
echo $ button ;
}
} Если вы хотите, чтобы CodeIgniter использовал автозагрузчик Composer, просто установите $config['composer_autoload'] значение TRUE или укажите собственный путь в файле application/config/config.php .
Затем необходимо создать библиотеку для класса JsUtils.
Создайте библиотеку XsUtils (имя свободное) в папке application/libraries.
use Ajax php ci JsUtils ;
class XsUtils extends Ajax php ci JsUtils{
public function __construct (){
parent :: __construct ([ " semantic " => true , " debug " => false ]);
}
}Добавьте загрузку библиотеки XsUtils в файл application/config/autoload.php.
Член jquery будет доступен в контроллерах.
$ autoload [ ' libraries ' ] = array ( ' XsUtils ' => ' jquery ' );После загрузки вы можете получить доступ к своему классу в контроллерах, используя член $jquery :
$ this -> jquery -> some_method ();Если вы не используете файл автозагрузчика Composer, вы также можете загрузить phpMv-UI с помощью композитора.json:
"autoload" : {
"classmap" : [
...
],
"psr-4" : {
"Ajax \ " : " vendor/phpmv/php-mv-ui/Ajax "
}
},Зарегистрируйте синглтон в файле bootstrap/app.php :
$ app -> singleton ( Ajax php laravel JsUtils::class, function ( $ app ){
$ result = new Ajax php laravel JsUtils ();
$ result -> semantic ( new Ajax Semantic ());
return $ result ;
});Затем можно внедрить класс JsUtils в конструктор контроллеров базового класса:
use Ajax php laravel JsUtils ;
class Controller extends BaseController{
use AuthorizesRequests, AuthorizesResources, DispatchesJobs, ValidatesRequests;
protected $ jquery ;
public function __construct ( JsUtils $ js ){
$ this -> jquery = $ js ;
}
public function getJquery () {
return $ this -> jquery ;
}
}Классы в установленных пакетах Composer можно автоматически загружать с помощью автозагрузчика Composer. Убедитесь, что входной скрипт вашего приложения содержит следующие строки для установки автозагрузчика Composer:
require ( __DIR__ . ' /../vendor/autoload.php ' );
require ( __DIR__ . ' /../vendor/yiisoft/yii2/Yii.php ' );В том же файле зарегистрируйте новую зависимость:
Yii:: $ container -> setSingleton ( " AjaxphpyiiJsUtils " ,[ " bootstrap " => new Ajax Semantic ()]);Затем синглтон JsUtils можно внедрить в контроллеры.
namespace app controllers ;
use yii web Controller ;
use Ajax php yii JsUtils ;
class SiteController extends Controller{
protected $ jquery ;
public function __construct ( $ id , $ module , JsUtils $ js ){
parent :: __construct ( $ id , $ module );
$ this -> jquery = $ js ;
}
}Если вы не используете файл автозагрузчика Composer, вы также можете загрузить phpMv-UI с помощью Ps4ClassLoader:
use Symfony Component ClassLoader Psr4ClassLoader ;
require __DIR__ . ' /lib/ClassLoader/Psr4ClassLoader.php ' ;
$ loader = new Psr4ClassLoader ();
$ loader -> addPrefix ( ' Ajax \' , __DIR__ . ' /lib/phpmv/php-mv-ui/Ajax ' );
$ loader -> register (); Создайте сервис, наследующий от JquerySemantic
namespace App Services semantic ;
use Ajax php symfony JquerySemantic ;
class SemanticGui extends JquerySemantic{
}Убедитесь, что автоматическое подключение активировано в config/services.yml :
services :
# default configuration for services in *this* file
_defaults :
autowire : true # Automatically injects dependencies in your services.Затем вы можете использовать внедрение зависимостей для свойств, конструкторов или установщиков:
namespace App Controller ;
use Symfony Bundle FrameworkBundle Controller AbstractController ;
use App Services semantic SemanticGui ;
BarController extends AbstractController{
/**
* @var SemanticGui
*/
protected $ gui ;
public function loadViewWithAjaxButtonAction (){
$ bt = $ this -> gui -> semantic ()-> htmlButton ( ' button1 ' , ' a button ' );
$ bt -> getOnClick ( " /url " , ' #responseElement ' );
return $ this -> gui -> renderView ( " barView.html.twig " );
}
}Создайте 2 сервиса в файле app/config/services.yml :
parameters :
jquery.params :
semantic : true
services :
jquery :
class : AjaxphpsymfonyJsUtils
arguments : [%jquery.params%,'@router']
scope : request
app.default_controller :
class : AppBundleControllerDefaultController
arguments : ['@service_container','@jquery']Затем можно внедрить контейнер Symfony и службу JsUtils в конструктор контроллера:
namespace AppBundle Controller ;
use Sensio Bundle FrameworkExtraBundle Configuration Route ;
use Symfony Bundle FrameworkBundle Controller Controller ;
use Symfony Component DependencyInjection ContainerInterface ;
use Ajax php symfony JsUtils ;
use AppBundle AppBundle ;
/**
* @Route(service="app.default_controller")
*/
class DefaultController extends Controller{
/**
* @var AjaxphpsymfonyJsUtils
*/
protected $ jquery ;
public function __construct ( ContainerInterface $ container , JsUtils $ js ){
$ this -> container = $ container ;
$ this -> jquery = $ js ;
}
}Скопируйте файл JsUtilsComponent.php , расположенный в папкеvendor/phpmv/php-mv-ui/Ajax/php/cakephp, в папку src/controller/comComponent вашего проекта.
Добавьте загрузку компонента JsUtils в метод инициализации базового контроллера AppController , расположенный в src/controller/appController.php.
public function initialize (){
parent :: initialize ();
$ this -> loadComponent ( ' RequestHandler ' );
$ this -> loadComponent ( ' Flash ' );
$ this -> loadComponent ( ' JsUtils ' ,[ " semantic " => true ]);
} объект jquery в контроллере будет доступен через $this->JsUtils->jquery
В большинстве IDE (таких как Eclipse или phpStorm) для завершения кода в экземпляре $jquery необходимо добавить следующее свойство в документацию контроллера:
/**
* @property AjaxJsUtils $jquery
*/
class MyController{
}
