amintado / yii2-aprico-asset
此包已被放弃,不再维护。没有建议的替代包。
为yii2的杏子管理面板
dev-master
2017-06-08 14:46 UTC
Requires
- rmrevin/yii2-fontawesome: ~2.17
- yiisoft/yii2: 2.*
- yiisoft/yii2-bootstrap: 2.*
This package is not auto-updated.
Last update: 2021-09-04 11:14:39 UTC
README
本项目包含yii2的杏子管理面板,此版本包含
- 杏子管理资产
- 杏子管理布局
- 杏子小部件
- 侧边栏小部件
- 侧边栏项目小部件
- 导航栏小部件
- 导航栏项目小部件
- 侧边栏小部件
注意
这是一个TRL管理面板,但现在将在下一个版本中改为适用于国际使用,这对于TRL语言很好,但对于LTR语言则不好。如果您愿意,可以帮助改进此项目以供所有人使用。
资产
所有原始杏子资产都在这里,您可以在项目中使用原始的杏子HTML资产,或者您可以从资产中构建自定义小部件。因此,原始杏子HTML页面位于 vendor/yii2-aprico-asset/origin 文件夹中。
在yii2上安装
将以下代码添加到 composer.json 文件中
"amintado/yii2-aprico-asset": "2.*"
或者运行
php composer.phar require amintado/yii2-aprico-asset "*"
在线演示
- 杏子管理面板在线 DEMO
使用方法
将以下代码添加到 config.php 文件中的 component 数组
'components' => [ 'view' => [ 'title' => Yii::t('backend','app-name'), 'theme' => [ 'pathMap' => [ '@app/views' => '@vendor/amintado/yii2-aprico-asset/example-views/yiisoft/yii2-advanced-app' ], ], ], ]
转到
vendor/amintado/yii2-aprico-asset/example-views/yiisoft/yii2-app
将 [布局] 和 [站点] 文件夹复制到您的项目视图文件夹中的项目。
头部示例代码
这里是一个杏子头部代码的示例。此代码在 layouts/header.php 中编写。
<?php use amintado\widgets\Navbar; use amintado\widgets\NavbarItems; use Behat\Gherkin\Loader\YamlFileLoader; use common\models\User; use common\models\Userinfo; if (!Yii::$app->user->isGuest){ $uid=Yii::$app->user->id; $username=User::findOne($uid); try { $username=$username->fullname; } catch ( Exception $exception) { $username=''; } } Navbar::begin(); echo NavbarItems::widget([ 'right' => [ [ 'user' => [ 'name' => $username ], 'weather' => [ ] ] ], ]); Navbar::end();
侧边栏示例代码
这里是一个侧边栏小部件的示例代码。此代码在 layouts/left.php 文件中编写。
<?php use amintado\widgets\SideBar; use amintado\widgets\SideBarItems; SideBar::begin() ?> <?php echo SideBarItems::widget([ 'items' => [ ['panel' => [ 'label' => 'داده های شما', 'items' => [ [ 'type' => 'single', 'icon' => 'fa fa-map-marker', 'label' => 'مکان ها', 'url' => '#', 'id' => '' ], [ 'type' => 'single', 'icon' => 'fa fa-user', 'label' => 'پروفایل', 'url' => '#', 'id' => '' ], [ 'type' => 'multiple', 'label' => 'محصولات', 'icon' => 'fa fa-inbox', 'badge' => [ 'color' => '', 'label' => '' ], 'items' => [ [ 'type' => 'single', 'icon' => 'icon-feed', 'label' => 'social', 'url' => '#', 'id' => '' ], [ 'type' => 'single', 'icon' => 'icon-feed', 'label' => 'social', 'url' => '#', 'id' => '' ], ] ] ] ] ], ['panel' => [ 'label' => 'تنظیمات شما', 'items' => [ ] ] ] ] ]) ?> <?php SideBar::end() ?>
内容代码示例
这里是一个内容代码的示例。此代码在 layouts/content.php 文件中编写。
<div class="wrap-fluid" style="width: auto; margin-right: 250px;"> <div class="container-fluid paper-wrap bevel tlbr"> <!-- CONTENT --> <!--TITLE --> <div class="row"> <div id="paper-top"> <div class="col-sm-2"> <div class="devider-vertical visible-lg"></div> <div class="btn-group btn-wigdet pull-right visible-lg"> <div class="btn"> ابزار </div> <button data-toggle="dropdown" class="btn dropdown-toggle" type="button"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul role="menu" class="dropdown-menu"> <li> <a href="#"> <span class="entypo-plus-circled margin-iconic"></span>Add New</a> </li> <li> <a href="#"> <span class="entypo-heart margin-iconic"></span>Favorite</a> </li> <li> <a href="#"> <span class="entypo-cog margin-iconic"></span>Setting</a> </li> </ul> </div> </div> <div class="col-sm-7"> <div class="devider-vertical visible-lg"></div> <div class="tittle-middle-header"> <div class="alert text-right"> <button type="button" class="close pull-left" data-dismiss="alert">×</button> خوش اومدید ُ <strong>غلامرضا بهشتیا عزیز</strong> آخرین بازدید شما از این صفحه دیروز بوده است <span class="tittle-alert entypo-info-circled "></span> </div> </div> </div> <div class="col-sm-3"> <h2 class="tittle-content-header"> داشبرد <span> <i class="icon-window"></i> </span> </h2> </div> </div> </div> <!--/ TITLE --> <!-- BREADCRUMB --> <ul id="breadcrumb"> <li class="pull-left"> <div class="input-group input-widget"> <input style="border-radius:15px" placeholder="جست و جو" class="form-control text-right" type="text"> </div> </li> <li> <span class="entypo-home"></span> </li> <li><i class="fa fa-lg fa-angle-right"></i> </li> <li><a href="#" title="Sample page 1">پروفایل</a> </li> <li><i class="fa fa-lg fa-angle-right"></i> </li> <li><a href="#" title="Sample page 1">میز کار</a> </li> </ul> <!-- END OF BREADCRUMB --> <div class="col-sm-12"> <div class="nest text-right" id="FootableClose"> <div class="title-alt text-right"> <div class="titleClose"> <a class="gone" href="#FootableClose"> <span class="entypo-cancel"></span> </a> </div> <div class="titleToggle"> <a class="nav-toggle-alt" href="#Footable"> <span class="entypo-up-open"></span> </a> </div> <h6> <?= $this->title?> </h6> </div> <div class="body-nest"> <?= $content ?> </div> </div> </div> <div class="content-wrap"> <!-- /END OF CONTENT --> <!-- FOOTER --> <div class="footer-space"></div> <div id="footer"> <div class="devider-footer-left"></div> <div class="time"> <p id="spanDate"></p> <p id="clock"></p> </div> <div class="copyright"> amintado - yii2 Apricot Admin 2017 </div> <div class="devider-footer"></div> </div> <!-- / END OF FOOTER --> </div> </div> </div>
变更日志
2017-4-29
- 将原始HTML文件添加到 origin 文件夹
杏子管理原始版本
此项目中使用的杏子HTML版本为1.3