Skip to content

Home

Jump to bottom
刘娜 edited this page Nov 11, 2016 · 1 revision

Welcome to the admin wiki! [TOC]

dodora admin说明文档

功能介绍

admin是dodora云计算的管理后台系统 admin github地址

  1. 实时监控用户(新增用户，活跃用户)应用，收益的动态变化 控制面板
  2. 统计最近一个星期订单数和用户数的增长曲线，直观观察业务变化

订单统计

  1. 配置集成开发环境，

  2. docker应用配置

  3. 管理用户权限

  4. 发送公告

  5. 用户管理包括查看该用户创建的应用,查看该用户的数据卷,为该用户分配拥有某种权限的用户组, 管理该用户.

具体功能请看admin

运行环境

  • node v6.6.0,
  • npm v3.10.3 只要运行以下命令便可以在默认8088端口打开admin npm run dev

开发环境

  • 包管理器：npm Webpack
  • 版本控制 : git

开发框架

  • 前端: vuejs v2.0
  • 后台:

目录结构

目录结构

##API documentation 以下API的实现均写在文件CommonService.js中,通过index.js将端口暴露出去．

        init: function(cur) {
        var _self = this;
        var options = {
            param: {
                cur: cur, //当前页码
                limit: 4,   //限制条数
                type: 'common',  //过滤参数
                show: 'id_name_phone' //要查询的列
            },
            url: "users", //操作的表实体（根据这个生产请求url）
            ctx: _self,  //当前vue（this）
        };
        services.Common.list(options); //列表查询（delete：删除，getOne:获取某个，create:创建插入，put:更新）实现在CommonService.js中
      },

  • list list API 进行列表的查询，

    • 参数：　请求表实体(url) ， 执行上下文(ctx)，请求参数(param)

    • param: cur: 当前页码, limit: 每页显示的数量, show: 要查寻的列的属性名

  • create 创建新的数据记录

    • 参数：　请求表实体(url) ， 执行上下文(ctx)，请求参数(param), msg:提示信息
    • param: 即将被插入数据库的数据对象

  • delete 删除数据库里面的数据记录

    • 参数：　请求表实体(url) ， 执行上下文(ctx)，请求参数(param), msg:提示信息
    • param: 即将被删除的数据的id

  • update 更新修改某个数据

    • 参数：　请求表实体(url) ， 执行上下文(ctx)，请求参数(param), msg:提示信息
    • parm: 修改的记录的id, 要修改的属性名: '属性值'

  • count 计算表中记录的条数.

    • 参数：　请求表实体(url) ， 回调函数(cb)
    • cb: cd是count请求执行后的回调函数. fields是请求返回的记录的条数.

  • containerOperate 动态获取数据

    • 参数: 回调函数cb, 请求参数param
    • param: 即将查询的应用ID.
    • cb: cd是count请求执行后的回调函数. stats是请求返回的记录对象,如需取出数据,需要将对象转换成JSON格式. 数据地址()[]

note: 除了以下标注的基本参数以外,有时候还需要在param里面增加过滤参数,从查询数据中选择一部分数据拿出来. 例如: type:'commen'表示从查询的所有用户中选择除普通用户. type是user表中的一个字段名

组件

  • cardmodel 列表操作选项中打开的页面．使用方法如下:

    • import CardModal from '../components/modal/CardModal.vue'
    • 在cardMOdal上绑定方法, 绑定的方法如下：
      • mounted
      • confirm 点击确定执行的函数
      • title cardmodel的标题

  • viewtable 是菜单的主要表格.包括数据和操作.使用方法如下:

    • import ViewTable from '../components/Table.vue'
    • 在viewTable上绑定方法, 绑定的方法如下：
      • showradio 是否显示radio表单
      • all 总的页数
      • colspan 操作列所占的表格单元数
      • page-changed 当点击换页的时候实行的函数
      • open-monitor 打开cardmodal
      • opration里面写的各种方法操作
      • fields 动态绑定从数据库中取得的所有数据,
      • columns 定义表格,规定表格的表头

  • notification 弹出提示框的组件 此组件为全局组件,无需引入 具体实现方法在components/Notification.vue里面 使用方法如下

     openNotification({
 	  title: '',
 	  message: '',
 	  type: '',
 	  direction: '',
 	  duration: 4500,
 	  container: '.notifications'
 })

-runAndStop 组件 应用管理菜单的已停止和运行中页面的组件 使用方法: - 引入 import runAndStop from '../components/modal/DockerRun.vue' - 传参 - showLine 控制动态监控是否显示,当界面为运行中时显示动态监控,为已停止则不显示 - status applications表中的tatus字段, 为1时是运行中的应用,为-1时为已停止的应用 - title 页面标题

  • Oders组件 订单管理菜单中,运行中,已停止,以取消,已完成页面的组件.
    • 引入 import oders from '../components/Oders.vue'
    • 传参
      • title 页面标题

Clone this wiki locally