项目作者: onface

项目描述 :
data-api 风格的管理后台框架
高级语言: JavaScript
项目地址: git://github.com/onface/admin.git
创建时间: 2016-07-19T02:51:54Z
项目社区:https://github.com/onface/admin

开源协议:

下载


admin

使用

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <link rel="stylesheet" href="https://onface.live/admin/admin.css" />
  8. <title>______</title>
  9. </head>
  10. <body>
  11. ________
  12. <script src="https://onface.live/admin/admin-deps.js"></script>
  13. <script src="https://onface.live/admin/admin.js"></script>
  14. </body>
  15. </html>

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

data-ajax

  1. <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

  1. <form class="mo-form" method="get" action="./m/json/ok.json" data-form-ajax="true" >
  2. <div class="mo-form-item">
  3. <span class="mo-form-item-label">text</span>
  4. <span class="mo-form-item-form">
  5. <input type="text" name="user" class="mo-input" placeholder="输入用户名/邮箱">
  6. </span>
  7. </div>
  8. <div class="mo-form-item">
  9. <button class="mo-btn mo-btn--info"> 提交</button>
  10. </div>
  11. </form>

data-upload

  1. <div
  2. data-upload-url="./m/json/ok-upload.json"
  3. data-upload-name="pic"
  4. data-upload-title="上传头像"
  5. data-upload-width="200"
  6. data-upload-height="200"
  7. >
  8. </div>

data-linkage

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

data-copy

  1. <form class="mo-form" method="get" action="./m/json/ok.json" data-form-ajax="true" >
  2. <div class="mo-form-item js-copydemo1" >
  3. <span class="mo-form-item-label">email</span>
  4. <span class="mo-form-item-form">
  5. <input type="text" name="email[]" class="mo-input" placeholder="输入邮箱">
  6. </span>
  7. </div>
  8. <div class="mo-form-item" id="copytarget1">
  9. <span class="mo-btn" data-copy-clone=".js-copydemo1:first" data-copy-target="#copytarget1" data-copy-method="before" > 新增邮箱</span>
  10. </div>
  11. <div class="mo-form-item">
  12. <button class="mo-btn mo-btn--info"> 提交</button>
  13. </div>
  14. </form>

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

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