PHPackages                             quansitech/qscmf-adminlte-widgets - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Admin Panels](/categories/admin)
4. /
5. quansitech/qscmf-adminlte-widgets

ActiveLibrary[Admin Panels](/categories/admin)

quansitech/qscmf-adminlte-widgets
=================================

qscmf adminlte widget

v1.6.2(1y ago)04661MITPHPPHP >=7.2

Since Jul 10Pushed 1y ago1 watchersCompare

[ Source](https://github.com/quansitech/qscmf-adminlte-widgets)[ Packagist](https://packagist.org/packages/quansitech/qscmf-adminlte-widgets)[ RSS](/packages/quansitech-qscmf-adminlte-widgets/feed)WikiDiscussions master Synced today

READMEChangelogDependencies (1)Versions (11)Used By (0)

qscmf-adminlte-widgets
======================

[](#qscmf-adminlte-widgets)

adminlte 组件

安装
--

[](#安装)

```
composer require quansitech/qscmf-adminlte-widgets
```

控件列表
----

[](#控件列表)

- [Content](https://github.com/quansitech/qscmf-adminlte-widgets#Content)
- [Row](https://github.com/quansitech/qscmf-adminlte-widgets#Row)
- [Column](https://github.com/quansitech/qscmf-adminlte-widgets#Column)
- [Card](https://github.com/quansitech/qscmf-adminlte-widgets#Card)
- [InfoBox](https://github.com/quansitech/qscmf-adminlte-widgets#InfoBox)
- [Tab](https://github.com/quansitech/qscmf-adminlte-widgets#Tab)
- [ListBox](https://github.com/quansitech/qscmf-adminlte-widgets#ListBox)
- [Gap](https://github.com/quansitech/qscmf-adminlte-widgets#Gap)

### Content

[](#content)

面板组件，所有的子组件都必须添加到Content组件

面板是表格结构，所有的组件都将基于行列结构嵌入

用法:

```
//$view 是 Think\View 对象
$content = new Content($view);
//设置面板标题
$content->title('网站概况');
//设置高亮的节点
$content->setNIDByNode('admin','dashboard', 'index');

//设置行组件
$row = new \AdminLTE\Row(new InfoBox('日活', 100, 'info', ['icon' => 'users']));
//\AdminLTE\Row 作为参数
$content->addRow($row);
//HTML字符串作为参数
$box = setTitle('趋势图');

//设置header背景颜色
//参数是主题颜色，见主题颜色说明
$card->setBg($bg);
```

函数说明

- addFooterMore

    添加底部跳转链接

    参数说明类型必填默认值url链接string是title标题string否查看更多
- setFooter

    设置底部html

    参数说明类型必填默认值footerhtmlstring是
- setFooterExtraClass

    指定底部html样式

    参数说明类型必填默认值footer\_extra\_classcss类名string是

### InfoBox

[](#infobox)

可设置图标，说明文字，数字，提示的数据展示组件

用法：

```
//实例化
//第一个参数，数据描述
//第二个参数，数据
//第三个参数，背景主题色，见主题颜色说明
//第四个参数，icon
$box = new InfoBox('参与人', 200, 'info', 'users');

//设置说明提示
$box->setTips('报名人数');

//设置icon
$box->setIcon('users');

//设置背景主题色
$box->setBg('info');

//设置点击跳转页面
//第一个参数，页面路径
//第二个参数，是否在新页面打开，默认为 false
$box->jumpTo($url,$is_blank);
```

### Tab

[](#tab)

可设置多个标签页的组件

用法:

```
// 参数为背景主题色，默认为primary，见主题颜色说明
$tab = new Tab('success');

// 第一个参数为tab项目的标题
// 第二个参数为tab项目的html内容，或者是实现了__toString魔术函数的对象
// 第三个参数为tab项目标题的提示，默认为空
$tab->addTab('title', 'body', 'tips');

// 多个tab则实现多个addTab方法
$tab->addTab('divider', new DividerBuilder('222'));
```

### ListBox

[](#listbox)

设置列表组件

示例:

```
$list_box = new \AdminLTE\Widgets\ListBox\ListBox();

// 获取需要展示的数据
$list = [["id" => 1,"title" => "title","amount" => 100,"summary"=>"summary","date"=>date("Y-m-d", time())]];

foreach ($list as $v){
    $item = new \AdminLTE\Widgets\ListBox\ListItem();
    // 设置标题及字体颜色
    $item->setTitle($v['title'],"primary");
    // 设置标题右边标签项及其背景颜色
    $item->addRightTag("$".$v['amount'],"success");
    // 设置描述项
    $item->addColumn($v['summary']);
    $item->addColumn($v['date']);
    // 设置点击标题跳转链接
    $item->setUrl(U("admin/review/detail",['id'=>$v['id']]));
    // 添加列表项，为\AdminLTE\Widgets\UlListCard\LiItem 对象
    $list_box->addListItem($item);
}

echo (new \AdminLTE\Widgets\Card($list_box,"待处理数据","danger"))->addFooterMore(U("admin/review/index"));
```

效果图

[![image](https://user-images.githubusercontent.com/35066497/134834656-30d472d0-39df-4074-b830-a5c351b3df99.png)](https://user-images.githubusercontent.com/35066497/134834656-30d472d0-39df-4074-b830-a5c351b3df99.png)

函数说明

- addListItem

    添加列表项，为\\AdminLTE\\Widgets\\ListBox\\ListItem 对象

    参数说明类型必填默认值item\\AdminLTE\\Widgets\\ListBox\\ListItem 对象object是

### ListItem

[](#listitem)

列表项，与 \\AdminLTE\\Widgets\\ListBox\\ListBox 搭配使用

函数说明

- setTitle

    设置标题及其字体颜色，默认为primary，见主题颜色说明

    参数说明类型必填默认值title标题string是title\_color字体颜色string否primary
- setUrl

    指定点击标题跳转链接

    参数说明类型必填默认值url跳转链接string是
- addRightTag

    设置标题右边标签项及其背景颜色，默认为primary

    bg可选值：primary，secondary，success， info， warning， danger， light， dark

    参数说明类型必填默认值value标签名称string是bg背景颜色string否primary
- addColumn

    添加描述项

    参数说明类型必填默认值column描述内容string是

### Gap

[](#gap)

间隔栏

```
//构造函数，20指间隔的高度，单位px
$gap = new Gap(20);

//或者
$gap = new Gap();
$gap->setHeight(20);
```

背景主题色
-----

[](#背景主题色)

info #17a2b8

success #28a745

warning #ffc107

danger #dc3545

secondary #6c757d

primary #007bff

black #000000

graydark #343a40

gray #6c757d

light #f8f9fa

indigo #6610f2

lightblue #3c8dbc

navy #001f3f

purple #605ca8

fuchsia #f012be

pink #e83e8c

maroon #d81b60

lime #01ff70

orange #ff851b

teal #20c997

olive #3d9970

#### 效果图

[](#效果图)

[![image](https://user-images.githubusercontent.com/35066497/90729026-7d4a2780-e2f8-11ea-9fa7-a77735e0eb33.png)](https://user-images.githubusercontent.com/35066497/90729026-7d4a2780-e2f8-11ea-9fa7-a77735e0eb33.png)

###  Health Score

31

—

LowBetter than 66% of packages

Maintenance34

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity57

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 78.3% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~174 days

Recently: every ~280 days

Total

10

Last Release

619d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/15a0610fee78753bdad92fd45c3506455c0fd45ae51924797b1841d260495a3f?d=identicon)[tiderjian](/maintainers/tiderjian)

---

Top Contributors

[![Xhiny](https://avatars.githubusercontent.com/u/35066497?v=4)](https://github.com/Xhiny "Xhiny (18 commits)")[![tiderjian](https://avatars.githubusercontent.com/u/1665649?v=4)](https://github.com/tiderjian "tiderjian (5 commits)")

---

Tags

widgetAdminLTEcomponentqscmf

### Embed Badge

![Health badge](/badges/quansitech-qscmf-adminlte-widgets/health.svg)

```
[![Health](https://phpackages.com/badges/quansitech-qscmf-adminlte-widgets/health.svg)](https://phpackages.com/packages/quansitech-qscmf-adminlte-widgets)
```

###  Alternatives

[jeroennoten/laravel-adminlte

Easy AdminLTE integration with Laravel

4.0k5.1M44](/packages/jeroennoten-laravel-adminlte)[dmstr/yii2-adminlte-asset

AdminLTE backend theme asset bundle for Yii 2.0 Framework

1.1k1.9M67](/packages/dmstr-yii2-adminlte-asset)[insolita/yii2-adminlte-widgets

Widgets for AdminLTE theme (Box with remember collapse state, Timeline, Tile, Callout, SmallBox etc)

63523.4k9](/packages/insolita-yii2-adminlte-widgets)[infyomlabs/laravel-ui-adminlte

Laravel frontend preset for AdminLTE Theme

198461.8k6](/packages/infyomlabs-laravel-ui-adminlte)[hail812/yii2-adminlte3

adminlte3 for yii2

80267.5k2](/packages/hail812-yii2-adminlte3)[izica/relations-widgets-for-backpack

Widgets for preview model relations in laravel backpack

2930.2k](/packages/izica-relations-widgets-for-backpack)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)