Need help with AngularAdmin?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

QianmiOpen
124 Stars 49 Forks 241 Commits 1 Opened issues

Description

super power angular admin framework

Services available

!
?

Need anything else?

Contributors list

Angular Admin UI

  • src
    • component all the control
    • filter common filter
    • service common service
    • template custom control template
    • admin.js entry file

已上传到七牛

即可完美体验

配置项

.config((AjaxProvider, MessageProvider, UIEditorControlProvider, UIUploadControlProvider, UITableControlProvider, UITreeControlProvider, UIDialogControl) => {

//
// ajax 默认返回处理
//
AjaxProvider.setSuccessHandler(function(result){
    return result.type == 1 ? result.data : null;
});
AjaxProvider.setFailHandler(function(result){
    return result.type != 1 ? result.error : null;
});

//
// 通知位置
//
MessageProvider.setPosition('bottom', 'right');

//
// 百度编辑器的库地址
//
UIEditorControlProvider.setUrl('你的配置文件');

//
// 上传空间的配置
//
UIUploadControlProvider.setDomain('七牛域名');
UIUploadControlProvider.setTokenUrl('七牛每次上传会调用这个URL, 返回算好的token, 然后才能上传');
UIUploadControlProvider.setMaxSize('1mb');

//
// 表格配置项
//
UITableControlProvider.setRequestMethod('post');
UITableControlProvider.setResultName('aaData', 'iTotalRecords');
UITableControlProvider.setPageName('pageSize', 'pageNo');
UITableControlProvider.setConfig({});

//
// 树配置项
//
UITreeControlProvider.setDataName('id', 'name', 'pid');
UITreeControlProvider.setRequestMethod('post');

});

控制

  • 点击
    • ngClick 是controller里面的方法, 可以返回pormise方法
    • target 如果设置, 点击会锁屏幕, css3表达式
  • 
    
    
    • datas, [{name: .., url: ..}] 或者 ['A', 'B', 'C']
    • url, 如果想远程加载设置这个, post请求
  • 
    
    
    • url 加载的地址

图表

容器

  • 
    
    
    • controller, 可以angular.module('').controller或者function xxCtrl两种, 该组件主要是等待子组件全部完毕后才会调用controller

表单

  • 
    
    
    • mode, [date, datetime, time, month, year] 选其一
    • model, 双向绑定
    • change, scope里面的方法
  • 
    
    
    • mode, [date, datetime, time, month, year] 选其一
    • form-model, 开始时间的双向绑定
    • to-model, 结束时间的双向绑定
    • change, scope里面的方法
  • 1
    2
    3
    • url, 远程数据地址
    • dataKeyName, 键的名称
    • dateValueName, 值的名称
    • render, scope里面的方法, 用于美化option
  • 
    
    
    • min, 最小值
    • max, 最大值
    • step, 步数
    • change 改变以后的回调
  • 
    
    
    • on-text, 左边的文字, 默认是开
    • off-text, 右边的文字, 默认是关
    • on-value, 左边的文件, 默认是1
    • off-value, 右边的文字, 默认是0
  • 
    
    
    • url, 远程加载的数据地址
    • editable, 是否可以按回车自动新增一个, 默认是true
  • 
    
    
    • mode, p = 只显示省, c = 只显示省和市, s = 只显示省和市和区, a = 全部显示, 默认是a
  • 
    
    
    • 尚无

查询

  • 
    
    
    • mode, [date, datetime, time, month, year] 选其一
    • model, 双向绑定
    • change, scope里面的方法
  • 
    
    
    • mod, [date, datetime, time, month, year] 选其一
    • form-model, 开始时间的双向绑定
    • to-model, 结束时间的双向绑定
    • change, scope里面的方法
  • 1
    2
    3
    • url, 远程数据地址
    • dataKeyName, 键的名称
    • dateValueName, 值的名称
    • render, scope里面的方法, 用于美化option

表格

    
    
    
    
    
        {{data.simple}}
    
    
    
        
        
        
    
    

//通用树


//区域树

弹出框

component list

Image text

template list

Image text

service list

Image text

Form UI

Image text

javascript

    
    
    
        aa
        aa
    
    
    
    
    

SearchForm

Image text

javascript

    
    
        创建人
        沟通人
    
    
        联系方式
        客户姓名
    
    
        联系方式
        客户姓名
        联系方式
        客户姓名
    
    
    
    
    

Toolbar And Table

Image text

javascript

    
    
    
    
    
    
        0
        1
    
    
        
        
        
        
        
    

Tree

Image text

javascript

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.