fast-admin
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <li
Last updated 4 years ago by nimojs .
Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install fast-admin 
SYNC missed versions from official npm registry.
<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="fast-admin.css">
        <link rel="stylesheet" href="m/doc/index.css" />
        <title> fast-admin</title>
    </head>
    <body class="mo-2-sub-body" >
        <div class="mo-2">
            <div class="mo-2-head">
                <div class="mo-2-head-logo"><img class="mo-2-head-logo-pic" src="http://oajxfbadi.bkt.clouddn.com/admin/images/flow-logo-white.png" alt="">管理后台</div>
                <div class="mo-2-head-more">
                    <a class="mo-2-head-more-link" href="#" >
                        <span class="fa fa-user"></span>Hi,admin
                    </a>
                    <a class="mo-2-head-more-link" href="#" >
                        <span class="fa fa-home"></span>返回网站首页
                    </a>
                </div>
            </div>
            <div class="mo-2-side">
            <div class="mo-2-side-item">
                <a class="mo-2-side-item-hd" href="/" >
                    <span class="fa fa-home"></span>首页
                </a>
            </div>
            <div class="mo-2-side-item">
                <div class="mo-2-side-item-hd">
                    <span class="fa fa-user"></span>登录
                </div>
                <div class="mo-2-side-item-bd">
                    <a class="mo-2-side-item-bd-link" href="/m/login/README.html" ><span class="fa fa-user"></span>登录1</a>
                    <a class="mo-2-side-item-bd-link" href="/m/login2/README.html" ><span class="fa fa-user"></span>登录2</a>
                    <a class="mo-2-side-item-bd-link" href="/m/login3/README.html" ><span class="fa fa-user"></span>登录3</a>
                    <a class="mo-2-side-item-bd-link" href="/m/login4/README.html" ><span class="fa fa-user"></span>登录4</a>
                    <a class="mo-2-side-item-bd-link" href="/m/login5/README.html" ><span class="fa fa-user"></span>登录5</a>
                </div>
            </div>
            <div class="mo-2-side-item">
                <div class="mo-2-side-item-hd">
                    <span class="fa fa-desktop"></span>布局
                </div>
                <div class="mo-2-side-item-bd">
                    <a class="mo-2-side-item-bd-link" href="/m/1/README.html" ><span class="fa fa-desktop"></span>布局1</a>
                    <a class="mo-2-side-item-bd-link" href="/m/2/README.html" ><span class="fa fa-desktop"></span>布局2</a>
                    <a class="mo-2-side-item-bd-link" href="/m/3/README.html" ><span class="fa fa-desktop"></span>布局3</a>
                    <a class="mo-2-side-item-bd-link" href="/m/4/README.html" ><span class="fa fa-desktop"></span>布局4</a>
                    <a class="mo-2-side-item-bd-link" href="/m/5/README.html" ><span class="fa fa-desktop"></span>布局5</a>
                    <a class="mo-2-side-item-bd-link" href="/m/6/README.html" ><span class="fa fa-desktop"></span>布局6</a>
                </div>
            </div>
                <div class="mo-2-side-item">
                    <div class="mo-2-side-item-hd">
                        <span class="fa fa-info"></span>展示类
                    </div>
                    <div class="mo-2-side-item-bd">
                        <a class="mo-2-side-item-bd-link" href="/m/panel/README.html" ><span class="fa fa-info"></span>统计面板</a>
                        <a class="mo-2-side-item-bd-link" href="/m/step/README.html" ><span class="fa fa-braille"></span>步骤</a>
                    </div>
                </div>
                <div class="mo-2-side-item">
                    <div class="mo-2-side-item-hd">
                        <span class="fa fa-list-alt"></span>按钮和表单
                    </div>
                    <div class="mo-2-side-item-bd">
                        <a class="mo-2-side-item-bd-link" href="/m/btn/README.html" ><span class="fa fa-edit"></span>按钮</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/form-input/README.html" ><span class="fa fa-list"></span>表单</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/time/README.html" ><span class="fa fa-arrows"></span>日期</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/editor/README.html" ><span class="fa fa-edit"></span>编辑器</a>
                    </div>
                </div>
                <div class="mo-2-side-item">
                    <div class="mo-2-side-item-hd">
                        <span class="fa fa-list"></span>盒子/列表/面包屑/分页
                    </div>
                    <div class="mo-2-side-item-bd">
                        <a class="mo-2-side-item-bd-link" href="/m/box/README.html" ><span class="fa fa-edit"></span>盒子</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/table/README.html" ><span class="fa fa-list"></span>列表</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/crumb/README.html" ><span class="fa fa-info-circle"></span>面包屑</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/tab/README.html" ><span class="fa fa-info-circle"></span>tab切换</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/paging/README.html" ><span class="fa fa-list"></span>分页</a>
                    </div>
                </div>
                <div class="mo-2-side-item">
                    <div class="mo-2-side-item-hd">
                        <span class="fa fa-tags"></span>提示和标签
                    </div>
                    <div class="mo-2-side-item-bd">
                        <a class="mo-2-side-item-bd-link" href="/m/alert/README.html" ><span class="fa fa-edit"></span>提示条</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/tipbox/README.html" ><span class="fa fa-list"></span>提示框</a>
                    </div>
                </div>
                <div class="mo-2-side-item">
                    <div class="mo-2-side-item-hd">
                        <span class="fa fa-rocket"></span>功能组件
                    </div>
                    <div class="mo-2-side-item-bd">
                        <a class="mo-2-side-item-bd-link" href="/m/ajax/README.html" ><span class="fa fa-edit"></span>ajax</a>
                        <a class="mo-2-side-item-bd-link" href="/m/edit/README.html" ><span class="fa fa-edit"></span>编辑文字</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/upload/README.html" ><span class="fa fa-list"></span>图片上传</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/linkage/README.html" ><span class="fa fa-list"></span>层级选择</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/copy/README.html" ><span class="fa fa-copy"></span>复制组件</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/remove/README.html" ><span class="fa fa-remove"></span>删除功能</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/filter/README.html" ><span class="fa fa-search"></span>filter</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/sort/README.html" ><span class="fa fa-arrows"></span>排序</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/tree/README.html" ><span class="fa fa-tree"></span>树级菜单</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/tree-select/README.html" ><span class="fa fa-tree"></span>树级下拉菜单</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/dialog/README.html" ><span class="fa fa-file-text-o"></span>弹窗</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/ajaxtable/README.html" ><span class="fa fa-table"></span>ajax table</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/ajaxselect/README.html" ><span class="fa fa-table"></span>ajax select</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/cascade/README.html" ><span class="fa fa-table"></span>cascade级联下拉框</a>
                        <a class="mo-2-side-item-bd-link"  href="/m/calendar/README.html" ><span class="fa fa-table"></span>日历</a>
                    </div>
                </div>
                <div class="mo-2-side-item">
                    <a class="mo-2-side-item-hd" href="/m/grid/README.html" >
                        <span class="fa fa-columns"></span>24等分排版
                    </a>
                </div>
            </div>
            <div class="mo-2-cnt">
                <h1 id="fast-admin">fast-admin</h1>

使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://unpkg.com/fast-admin@latest/fast-admin.css">
    <title>______</title>
</head>
<body>
    ________
    <script src="https://unpkg.com/fast-admin@latest/fast-admin-deps.js"></script>
    <script src="https://unpkg.com/fast-admin@latest/fast-admin.js"></script>
</body>
</html>

给后端程序员使用的 data-api 管理后台框架

data-ajax

审核通过

</div>
<div class="markrun-pre">
<pre><code>

<span class="mo-btn mo-btn--info" data-ajax-url="/m/json/ok.json" data-ajax-data="id=2&type=del" data-ajax-method="post" >审核通过</span>

data-form

<form class="mo-form" method="get" action="/m/json/ok.json" data-form-ajax="true" >
text <input type="text" name="user" class="mo-input" placeholder="输入用户名/邮箱">
<button class="mo-btn mo-btn--info"> 提交</button>
</form>
</div>
<div class="markrun-pre">
<pre><code>

<form class="mo-form" method="get" action="/m/json/ok.json" data-form-ajax="true" > <div class="mo-form-item"> <span class="mo-form-item-label">text</span> <span class="mo-form-item-form"> <input type="text" name="user" class="mo-input" placeholder="输入用户名/邮箱"> </span> </div> <div class="mo-form-item"> <button class="mo-btn mo-btn--info"> 提交</button> </div> </form>

data-upload

</div>
<div class="markrun-pre">
<pre><code>

<div data-upload-url="/m/json/ok-upload.json" data-upload-name="pic" data-upload-title="上传头像" data-upload-width="200" data-upload-height="200" > </div>

data-linkage

<script id="linkageJSON" type="text/json" > [ { "label": "北京", "value": "1", "children": [ { "label": "朝阳区", "value":"1-1", "children": [ { "label": "黄泉路", "value": "1-1-1" } ] }, { "label": "八宝山", "value":"1-2", "children": [ { "label": "公墓", "value":"1-2-1" }, { "label": "大门", "value":"1-2-2" } ] } ] }, { "label": "上海", "value": "2", "children": [ { "label": "黄埔区", "value": "2-1", "children": [ { "label": "abc", "value": "2-1-1" }, { "label": "def", "value": "2-1-2" } ] }, { "label": "虹口区", "value": "2-2", "children": [ { "label": "武进路", "value": "2-2-1" }, { "label": "四平路", "value": "2-2-2" } ] }, { "label": "没有子元素", "value": "2-3" } ] } ] </script>

<span data-linkage-name="city" data-linkage-width="200" data-linkage-options='#linkageJSON' data-linkage-placeholder="请选择城市"

</div>
<div class="markrun-pre">
<pre><code>

<!-- 为了方便预览隐藏了 script#linkageJSON --> <span data-linkage-name="city" data-linkage-width="200" data-linkage-options='#linkageJSON' data-linkage-placeholder="请选择城市" ></span>

data-copy

<form class="mo-form" method="get" action="/m/json/ok.json" data-form-ajax="true" >
email <input type="text" name="email[]" class="mo-input" placeholder="输入邮箱">
新增邮箱
<button class="mo-btn mo-btn--info"> 提交</button>
</form>
</div>
<div class="markrun-pre">
<pre><code>

<form class="mo-form" method="get" action="/m/json/ok.json" data-form-ajax="true" > <div class="mo-form-item js-copydemo1" > <span class="mo-form-item-label">email</span> <span class="mo-form-item-form"> <input type="text" name="email[]" class="mo-input" placeholder="输入邮箱"> </span> </div> <div class="mo-form-item" id="copytarget1"> <span class="mo-btn" data-copy-clone=".js-copydemo1:first" data-copy-target="#copytarget1" data-copy-method="before" > 新增邮箱</span> </div> <div class="mo-form-item"> <button class="mo-btn mo-btn--info"> 提交</button> </div> </form>

全站使用 font-awesome 4.6 作为图标库,字体索引: http://fontawesome.io/icons/

</div>
<div class="markrun-pre">
<pre><code>

<i class="fa fa-user"></i><i class="fa fa-edit"></i>

            </div>
            <div class="mo-2-foot">
                <div class="mo-2-foot-side">
                    <a href="https://github.com/fast-flow/admin" target="_blank" >https://github.com/fast-flow/admin</a>
                </div>
                <div class="mo-2-foot-copyright">
                    Create By <a href="https://github.com/fast-flow/admin" target="_blank" >fast-flow</a>
                </div>
            </div>
        </div>
        <script src="fast-admin-deps.js"></script>
        <script src="fast-admin.js"></script>
        <script>
        ;(function ($) {
            var $currentItem = $('.mo-2-side-item-bd-link,.mo-2-side-item-hd').filter('[href="' + location.pathname + '"]')
            $currentItem.closest('.mo-2-side-item').addClass('mo-2-side-item--on')
        })(__FAST_ADMIN_EXTERNALS_.$)
        </script>
    </html>

Current Tags

  • 0.8.0                                ...           latest (4 years ago)

8 Versions

  • 0.8.0                                ...           4 years ago
  • 0.7.0                                ...           4 years ago
  • 0.6.0                                ...           4 years ago
  • 0.5.0                                ...           4 years ago
  • 0.4.0                                ...           4 years ago
  • 0.3.0                                ...           5 years ago
  • 0.1.1                                ...           5 years ago
  • 0.1.0                                ...           5 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2013 - present © cnpmjs.org | Home |