itzy/flash

适用于 Anax-MVC 的小型闪存类

dev-master 2014-05-16 16:24 UTC

This package is not auto-updated.

Last update: 2024-09-24 07:32:19 UTC


README

badge Scrutinizer Code Quality Code Coverage

由 Blekinge Tekniska Högskola 的网络开发学生 Julia Sivartsson 创建的 Anax-MVC 闪存模块。此模块包含一个简单的样式表和图标,如果你有 Font Awesome(信息见下文),则可以使用。

包含四种不同的样式

  • 信息
  • 成功
  • 警告
  • 错误

预览

flash example

如何在 Anax-MVC 中使用

首先,您需要在您的 Anax-MVC 版本中实现 CFlash,简单地将该类放在您的 'src'-文件夹中。在您的 frontcontroller 的顶部,添加以下代码

// Get environment & autoloader and the $app-object.
require __DIR__.'/config_with_app.php';

// Get the class CFlash
$di->setShared('flash', function() {
$flash = new Anax\Flash\CFlash();
return $flash;
});

// Starts the session, wich is required by Flash by itzy
$app->session;

如果您想使用模块中包含的样式表,将 flash.css 放入您的 css 文件夹以使其工作,然后在您的 frontcontroller 中写入以下代码(在上述代码下方)

// Add stylesheet for flash by itzy
$app->theme->addStylesheet('css/flash.css');

这就完成了!现在您可以为您的网站获取 itzy 的闪存。

// Put this in a route in your frontcontroller
$app->flash->add('info', 'Better be on your toes, this needs your attention but is not urgent.');
$app->flash->add('success', 'Yay! You are totally successful !');
$app->flash->add('warning', 'Dude, I have to warn you, you do not look too good.');
$app->flash->add('error', 'Oh snap, something went wrong!');

//If you're in a controller
$this->flash->add('info', 'Better be on your toes, this needs your attention but is not urgent.');
$this->flash->add('success', 'Yay! You are totally successful !');
$this->flash->add('warning', 'Dude, I have to warn you, you do not look too good.');
$this->flash->add('error', 'Oh snap, something went wrong!');

要使消息可见,请将以下代码添加到您的路由/控制器内部

    //frontcontroller
    $app->flash->get();
    
    //controller or view
    $this->flash->get();

如果您有 Font Awesome 的支持(您可以从他们的页面非常容易地获得 http://fortawesome.github.io/Font-Awesome/),将代码更改为以下内容

    //frontcontroller
    $app->flash->get('icons');
    
    //controller or view
    $this->flash->get('icons');

不难吧!如果您查看您网站的代码,它将看起来像这样

<div class='flash_info'>
<i class='fa fa-info-circle'></i>
Better be on your toes, this needs your attention but is not urgent.
</div>

<div class='flash_success'>
<i class='fa fa-check'></i>
Yay! You are totally successful !
</div>

<div class='flash_warning'>
<i class='fa fa-warning'></i>
Dude, I have to warn you, you do not look too good.
</div>

<div class='flash_error'>
<i class='fa fa-times-circle'></i>
Oh snap, something went wrong!
</div>

祝您玩得开心!© Julia Sivartsson