5 | 
6 |
7 |
8 | Beaut-zihan
9 | 超级管理员
10 |
11 |
12 |
25 |
26 |
6 |
7 |
8 | Beaut-zihan
9 | 超级管理员
10 |
11 |
12 |
25 | H+
27 |
28 |
9 |
13 |
14 |
15 |
53 |
54 |
55 |
--------------------------------------------------------------------------------
/static/js/demo/morris-demo.min.js:
--------------------------------------------------------------------------------
1 | $(function(){Morris.Line({element:"morris-one-line-chart",data:[{year:"2008",value:5},{year:"2009",value:10},{year:"2010",value:8},{year:"2011",value:22},{year:"2012",value:8},{year:"2014",value:10},{year:"2015",value:5}],xkey:"year",ykeys:["value"],resize:!0,lineWidth:4,labels:["Value"],lineColors:["#1ab394"],pointSize:5}),Morris.Area({element:"morris-area-chart",data:[{period:"2010 Q1",iphone:2666,ipad:null,itouch:2647},{period:"2010 Q2",iphone:2778,ipad:2294,itouch:2441},{period:"2010 Q3",iphone:4912,ipad:1969,itouch:2501},{period:"2010 Q4",iphone:3767,ipad:3597,itouch:5689},{period:"2011 Q1",iphone:6810,ipad:1914,itouch:2293},{period:"2011 Q2",iphone:5670,ipad:4293,itouch:1881},{period:"2011 Q3",iphone:4820,ipad:3795,itouch:1588},{period:"2011 Q4",iphone:15073,ipad:5967,itouch:5175},{period:"2012 Q1",iphone:10687,ipad:4460,itouch:2028},{period:"2012 Q2",iphone:8432,ipad:5713,itouch:1791}],xkey:"period",ykeys:["iphone","ipad","itouch"],labels:["iPhone","iPad","iPod Touch"],pointSize:2,hideHover:"auto",resize:!0,lineColors:["#87d6c6","#54cdb4","#1ab394"],lineWidth:2,pointSize:1}),Morris.Donut({element:"morris-donut-chart",data:[{label:"A系列",value:12},{label:"B系列",value:30},{label:"C系列",value:20}],resize:!0,colors:["#87d6c6","#54cdb4","#1ab394"]}),Morris.Bar({element:"morris-bar-chart",data:[{y:"2006",a:60,b:50},{y:"2007",a:75,b:65},{y:"2008",a:50,b:40},{y:"2009",a:75,b:65},{y:"2010",a:50,b:40},{y:"2011",a:75,b:65},{y:"2012",a:100,b:90}],xkey:"y",ykeys:["a","b"],labels:["A系列","B系列"],hideHover:"auto",resize:!0,barColors:["#1ab394","#cacaca"]}),Morris.Line({element:"morris-line-chart",data:[{y:"2006",a:100,b:90},{y:"2007",a:75,b:65},{y:"2008",a:50,b:40},{y:"2009",a:75,b:65},{y:"2010",a:50,b:40},{y:"2011",a:75,b:65},{y:"2012",a:100,b:90}],xkey:"y",ykeys:["a","b"],labels:["A系列","B系列"],hideHover:"auto",resize:!0,lineColors:["#54cdb4","#1ab394"]})});
2 |
--------------------------------------------------------------------------------
/templates/menu_mysql_module.html:
--------------------------------------------------------------------------------
1 | {% load staticfiles %}
2 |
3 |
10 |
11 |
12 |
26 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/templates/app_base.html:
--------------------------------------------------------------------------------
1 | {% load staticfiles %}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | {% block css %}{% endblock %}
29 |
30 |
31 | 404
27 |页面未找到！
28 | 29 |
30 | 抱歉，页面好像去火星了~
31 |
37 |
38 |
37 | {% block content %}
38 |
41 |
42 |
43 |
44 |
45 |
46 |
47 | {% block js %}{% endblock %}
48 |
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/common/model_choices_field_value/field_dbmp_mysql_backup_info.py:
--------------------------------------------------------------------------------
1 | # -*- coding:utf-8 -*-
2 |
3 | class FieldDbmpMysqlBackupInfo(object):
4 | """用于Model字段值的选择"""
5 |
6 | def __init__(self):
7 | pass
8 |
9 | @classmethod
10 | def backup_status(self):
11 | """备份状态"""
12 | value = (
13 | (1, '未备份'),
14 | (2, '正在备份'),
15 | (3, '备份完成'),
16 | (4, '备份失败'),
17 | (5, '备份完成但和指定的有差异'),
18 | )
19 | return value
20 |
21 | @classmethod
22 | def backup_data_status(self):
23 | """备份数据状态"""
24 | value = (
25 | (1, '未备份'),
26 | (2, '备份失败'),
27 | (3, '备份完成'),
28 | )
29 | return value
30 |
31 | @classmethod
32 | def check_status(self):
33 | """校验备份集状态"""
34 | value = (
35 | (1, '未校验'),
36 | (2, '正在校验'),
37 | (3, '校验完成'),
38 | (4, '校验失败'),
39 | )
40 | return value
41 |
42 | @classmethod
43 | def binlog_status(self):
44 | """binlog备份状态"""
45 | value = (
46 | (1, '未备份'),
47 | (2, '备份失败'),
48 | (3, '备份完成'),
49 | )
50 | return value
51 |
52 | @classmethod
53 | def trans_data_status(self):
54 | """备份数据远程传输状态"""
55 | value = (
56 | (1, '未传输'),
57 | (2, '传输失败'),
58 | (3, '传输完成'),
59 | )
60 | return value
61 |
62 | @classmethod
63 | def trans_binlog_status(self):
64 | """备份binlog远程传输状态"""
65 | value = (
66 | (1, '未传输'),
67 | (2, '传输失败'),
68 | (3, '传输完成'),
69 | )
70 | return value
71 |
72 | @classmethod
73 | def compress_status(self):
74 | """binlog备份状态"""
75 | value = (
76 | (1, '未压缩'),
77 | (2, '压缩失败'),
78 | (3, '压缩完成未传输'),
79 | )
80 | return value
81 |
--------------------------------------------------------------------------------
/static/css/bootstrap-duallistbox.css:
--------------------------------------------------------------------------------
1 | .bootstrap-duallistbox-container .buttons {
2 | width: 100%;
3 | margin-bottom: -1px;
4 | }
5 |
6 | .bootstrap-duallistbox-container label {
7 | display: block;
8 | }
9 |
10 | .bootstrap-duallistbox-container .info {
11 | display: inline-block;
12 | margin-bottom: 5px;
13 | font-size: 11px;
14 | }
15 |
16 | .bootstrap-duallistbox-container .clear1,
17 | .bootstrap-duallistbox-container .clear2 {
18 | display: none;
19 | font-size: 10px;
20 | }
21 |
22 | .bootstrap-duallistbox-container .box1.filtered .clear1,
23 | .bootstrap-duallistbox-container .box2.filtered .clear2 {
24 | display: inline-block;
25 | }
26 |
27 | .bootstrap-duallistbox-container .move,
28 | .bootstrap-duallistbox-container .remove {
29 | width: 60%;
30 | }
31 |
32 | .bootstrap-duallistbox-container .btn-group .btn {
33 | border-bottom-left-radius: 0;
34 | border-bottom-right-radius: 0;
35 | }
36 | .bootstrap-duallistbox-container select {
37 | border-top-left-radius: 0;
38 | border-top-right-radius: 0;
39 | }
40 |
41 | .bootstrap-duallistbox-container .moveall,
42 | .bootstrap-duallistbox-container .removeall {
43 | width: 40%;
44 | }
45 |
46 | .bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
47 | margin-left: 0;
48 | }
49 |
50 | .bootstrap-duallistbox-container select {
51 | width: 100%;
52 | height: 300px;
53 | padding: 0;
54 | }
55 |
56 | .bootstrap-duallistbox-container .filter {
57 | display: inline-block;
58 | width: 100%;
59 | height: 31px;
60 | margin: 0 0 5px 0;
61 | -webkit-box-sizing: border-box;
62 | -moz-box-sizing: border-box;
63 | box-sizing: border-box;
64 | }
65 |
66 | .bootstrap-duallistbox-container .filter.placeholder {
67 | color: #aaa;
68 | }
69 |
70 | .bootstrap-duallistbox-container.moveonselect .move,
71 | .bootstrap-duallistbox-container.moveonselect .remove {
72 | display:none;
73 | }
74 |
75 | .bootstrap-duallistbox-container.moveonselect .moveall,
76 | .bootstrap-duallistbox-container.moveonselect .removeall {
77 | width: 100%;
78 | }
79 |
--------------------------------------------------------------------------------
/static/js/plugins/layer/laydate-v1.1/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 这里是默认内容，所有继承自这个模板的，如果不覆盖就显示这里的默认内容。
39 | {% endblock %}
40 |
18 | 演示一：
19 |
20 |
21 |
36 | 22 | @Name：laydate-v 日期控件说明 23 | @Author：贤心 24 | @Blog：http://sentsin.com 25 | @官网：http://sentsin.com/layui/laydate 26 | @开发版源码：http://sentsin.com/lily/lib/laydate/laydate.dev.js 27 | 28 | 【注意事项】 29 | 一、请千万勿移动laydate中的目录结构，它们具有完整的依赖体系。使用时，只需引入laydate/laydate.js即可。 30 | 二、如果您的网站的js采用合并或模块加载，您需要打开laydate.js，修改path。 31 | 三、laydate遵循LGPL开源协议，永不收费！ 32 | 四、版权最终解释权：贤心。 33 |34 | 演示二： 35 |
37 |
43 |
44 |
55 |
56 |
--------------------------------------------------------------------------------
/dbmp/models/dbmp_inception_business_detail.py:
--------------------------------------------------------------------------------
1 | #-*- coding: utf-8 -*-
2 |
3 | # This is an auto-generated Django model module.
4 | # You'll have to do the following manually to clean this up:
5 | # * Rearrange models' order
6 | # * Make sure each model has one field with primary_key=True
7 | # * Remove `managed = False` lines if you wish to allow Django to create, modify, and delete the table
8 | # Feel free to rename the models, but don't rename db_table values or field names.
9 | #
10 | # Also note: You'll have to insert the output of 'django-admin sqlcustom [app_label]'
11 | # into your database.
12 | from __future__ import unicode_literals
13 |
14 | from django.db import models
15 |
16 | class DbmpInceptionBusinessDetail(models.Model):
17 | inception_business_detail_id = models.AutoField(primary_key=True)
18 | inception_business_id = models.IntegerField()
19 | inception_record_id = models.IntegerField()
20 | mysql_business_id = models.IntegerField()
21 | mysql_database_id = models.IntegerField()
22 | execute_status = models.IntegerField()
23 | create_time = models.DateTimeField(auto_now_add=True)
24 | update_time = models.DateTimeField(auto_now=True)
25 |
26 | def __unicode__(self):
27 | """Java toString 方法"""
28 | print_str = ('DbmpInceptionBusiness({inception_business_detail_id},'
29 | '{inception_business_id},'
30 | '{inception_record_id},'
31 | '{mysql_business_id},'
32 | '{mysql_database_id})'.format(
33 | inception_business_detail_id = self.inception_business_detail_id,
34 | inception_business_id = self.inception_business_id,
35 | inception_record_id = self.inception_record_id,
36 | mysql_business_id = self.mysql_business_id,
37 | mysql_database_id = self.mysql_database_id))
38 | return print_str
39 |
40 | class Meta:
41 | managed = False
42 | db_table = 'dbmp_inception_business_detail'
43 | unique_together = (('inception_record_id', 'mysql_database_id'),)
44 |
--------------------------------------------------------------------------------
/static/js/plugins/prettyfile/bootstrap-prettyfile.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery and Bootsrap3 Plugin prettyFile
3 | *
4 | * version 2.0, Jan 20th, 2014
5 | * by episage, sujin2f
6 | * Git repository : https://github.com/episage/bootstrap-3-pretty-file-upload
7 | */
8 | ( function( $ ) {
9 | $.fn.extend({
10 | prettyFile: function( options ) {
11 | var defaults = {
12 | text : "选择文件"
13 | };
14 |
15 | var options = $.extend(defaults, options);
16 | var plugin = this;
17 |
18 | function make_form( $el, text ) {
19 | $el.wrap('');
20 |
21 | $el.hide();
22 | $el.after( '\
23 | 现在，您已经看到了layDate的第一个版本了，路漫漫其修远兮，不管您的网站是否存有别的日期控件，但我相信总有一日您会对layDate情有独钟。
38 | 使用文档 39 | 皮肤库 40 | 更新日志 41 | 有问必答 42 |\
24 | \
25 | \
26 | \
27 | \
28 |
\
29 | ' );
30 |
31 | return $el.parent();
32 | };
33 |
34 | function bind_change( $wrap, multiple ) {
35 | $wrap.find( 'input[type="file"]' ).change(function () {
36 | // When original file input changes, get its value, show it in the fake input
37 | var files = $( this )[0].files,
38 | info = '';
39 |
40 | if ( files.length == 0 )
41 | return false;
42 |
43 | if ( !multiple || files.length == 1 ) {
44 | var path = $( this ).val().split('\\');
45 | info = path[path.length - 1];
46 | } else if ( files.length > 1 ) {
47 | // Display number of selected files instead of filenames
48 | info = "已选择了" + files.length + ' 个文件';
49 | }
50 |
51 | $wrap.find('.input-append input').val( info );
52 | });
53 | };
54 |
55 | function bind_button( $wrap, multiple ) {
56 | $wrap.find( '.input-append' ).click( function( e ) {
57 | e.preventDefault();
58 | $wrap.find( 'input[type="file"]' ).click();
59 | });
60 | };
61 |
62 | return plugin.each( function() {
63 | $this = $( this );
64 |
65 | if ( $this ) {
66 | var multiple = $this.attr( 'multiple' );
67 |
68 | $wrap = make_form( $this, options.text );
69 | bind_change( $wrap, multiple );
70 | bind_button( $wrap );
71 | }
72 | });
73 | }
74 | });
75 | }( jQuery ));
76 |
77 |
--------------------------------------------------------------------------------
/dbmp/models/dbmp_mysql_backup_instance.py:
--------------------------------------------------------------------------------
1 | #-*- coding: utf-8 -*-
2 |
3 | # This is an auto-generated Django model module.
4 | # You'll have to do the following manually to clean this up:
5 | # * Rearrange models' order
6 | # * Make sure each model has one field with primary_key=True
7 | # * Remove `managed = False` lines if you wish to allow Django to create, modify, and delete the table
8 | # Feel free to rename the models, but don't rename db_table values or field names.
9 | #
10 | # Also note: You'll have to insert the output of 'django-admin sqlcustom [app_label]'
11 | # into your database.
12 | from __future__ import unicode_literals
13 |
14 | from django.db import models
15 | from common.model_choices_field_value.field_dbmp_mysql_backup_instance import FieldDbmpMysqlBackupInstance
16 |
17 | class DbmpMysqlBackupInstance(models.Model):
18 | mysql_backup_instance_id = models.AutoField(primary_key=True)
19 | mysql_instance_id = models.IntegerField(unique=True)
20 | backup_tool = models.IntegerField(choices=FieldDbmpMysqlBackupInstance.backup_tool())
21 | backup_type = models.IntegerField(choices=FieldDbmpMysqlBackupInstance.backup_type())
22 | is_all_instance = models.IntegerField(choices=FieldDbmpMysqlBackupInstance.is_all_instance())
23 | is_binlog = models.IntegerField(choices=FieldDbmpMysqlBackupInstance.is_binlog())
24 | is_compress = models.IntegerField(choices=FieldDbmpMysqlBackupInstance.is_compress())
25 | is_to_remote = models.IntegerField(choices=FieldDbmpMysqlBackupInstance.is_to_remote())
26 | backup_dir = models.CharField(max_length=200)
27 | backup_tool_file = models.CharField(max_length=200)
28 | backup_tool_param = models.CharField(max_length=200)
29 | backup_name = models.CharField(max_length=100)
30 | create_time = models.DateTimeField(auto_now_add=True)
31 | update_time = models.DateTimeField(auto_now=True)
32 |
33 | def __unicode__(self):
34 | """Java toString 方法"""
35 | print_str = 'DbmpMysqlBackupInstance({mysql_backup_instance_id})'.format(
36 | mysql_backup_info_id = self.mysql_backup_instance_id)
37 | return print_str
38 |
39 | class Meta:
40 | managed = False
41 | db_table = 'dbmp_mysql_backup_instance'
42 |
--------------------------------------------------------------------------------
/static/js/demo/layer-demo.min.js:
--------------------------------------------------------------------------------
1 | !function(){var e={htdy:$("html, body")};e.demo1=$("#demo1"),$("#chutiyan>a").on("click",function(){var t=$(this),a=t.index(),r=e.demo1.children("p").eq(a),n=r.position().top;switch(e.demo1.animate({scrollTop:e.demo1.scrollTop()+n},0),a){case 0:var o=-1;!function s(){var e=parent.layer.alert("点击确认更换图标",{icon:o,shadeClose:!0,title:-1===o?"初体验":"icon："+o},s);8===++o&&layer.close(e)}();break;case 1:var o=0;!function p(){parent.layer.alert("点击确认更换图标",{icon:o,shadeClose:!0,skin:"layer-ext-moon",shift:5,title:-1===o?"第三方扩展皮肤":"icon："+o},p);9===++o&&parent.layer.confirm("怎么样，是否很喜欢该皮肤，去下载？",{skin:"layer-ext-moon"},function(e,t){t.find(".layui-layer-btn0").attr({href:"http://layer.layui.com/skin.html",target:"_blank"}),parent.layer.close(e)})}();break;case 6:parent.layer.open({type:1,area:["420px","240px"],skin:"layui-layer-rim",content:'即直接给content传入html字符
当内容宽高超过定义宽高，会自动出现滚动条。
很高兴在下面遇见你
'});break;case 7:parent.layer.open({type:1,skin:"layui-layer-demo",closeBtn:!1,area:"350px",shift:2,shadeClose:!0,content:'当内容宽高超过定义宽高，会自动出现滚动条。
很高兴在下面遇见你
即传入skin:"样式名"，然后你就可以为所欲为了。
你怎么样给她整容都行
我是华丽的酱油==。
'});break;case 8:layer.tips("Hi，我是tips",this);break;case 11:var i=parent.layer.load(0,{shade:!1});setTimeout(function(){parent.layer.close(i)},5e3);break;case 12:var l=parent.layer.load(1,{shade:[.1,"#fff"]});setTimeout(function(){parent.layer.close(l)},3e3);break;case 13:layer.tips("我是另外一个tips，只不过我长得跟之前那位稍有些不一样。",this,{tips:[1,"#3595CC"],time:4e3});break;case 14:parent.layer.prompt({title:"输入任何口令，并确认",formType:1},function(e){parent.layer.prompt({title:"随便写点啥，并确认",formType:2},function(t){parent.layer.msg("演示完毕！您的口令："+e+"你怎么样给她整容都行
我是华丽的酱油==。
您最后写下了："+t)})});break;case 15:parent.layer.tab({area:["600px","300px"],tab:[{title:"无题",content:'
欢迎体验layer.tab
此时此刻不禁让人吟诗一首：
一入前端深似海
从此妹纸是浮云
以下省略七个字
。。。。。。。
——贤心
'},{title:"TAB2",content:'此时此刻不禁让人吟诗一首：
一入前端深似海
从此妹纸是浮云
以下省略七个字
。。。。。。。
——贤心
TAB2该说些啥
'},{title:"TAB3",content:'有一种坚持叫：layer
'}]});break;case 16:e.photoJSON?layer.photos({photos:e.photoJSON}):$.getJSON("js/demo/photos.json?v=",function(t){e.photoJSON=t,layer.photos({photos:t})});break;default:new Function(r.text())()}})}();
2 |
--------------------------------------------------------------------------------
/static/css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css:
--------------------------------------------------------------------------------
1 | /* Ion.RangeSlider, Flat UI Skin
2 | // css version 1.8.5
3 | // by Denis Ineshin | ionden.com
4 | // ===================================================================================================================*/
5 |
6 | /* =====================================================================================================================
7 | // Skin details */
8 |
9 | .irs-line-mid,
10 | .irs-line-left,
11 | .irs-line-right,
12 | .irs-diapason,
13 | .irs-slider {
14 | background: url(../images/sprite-skin-flat.png) repeat-x;
15 | }
16 |
17 | .irs {
18 | height: 40px;
19 | }
20 | .irs-with-grid {
21 | height: 60px;
22 | }
23 | .irs-line {
24 | height: 12px; top: 25px;
25 | }
26 | .irs-line-left {
27 | height: 12px;
28 | background-position: 0 -30px;
29 | }
30 | .irs-line-mid {
31 | height: 12px;
32 | background-position: 0 0;
33 | }
34 | .irs-line-right {
35 | height: 12px;
36 | background-position: 100% -30px;
37 | }
38 |
39 | .irs-diapason {
40 | height: 12px; top: 25px;
41 | background-position: 0 -60px;
42 | }
43 |
44 | .irs-slider {
45 | width: 16px; height: 18px;
46 | top: 22px;
47 | background-position: 0 -90px;
48 | }
49 | #irs-active-slider, .irs-slider:hover {
50 | background-position: 0 -120px;
51 | }
52 |
53 | .irs-min, .irs-max {
54 | color: #999;
55 | font-size: 10px; line-height: 1.333;
56 | text-shadow: none;
57 | top: 0; padding: 1px 3px;
58 | background: #e1e4e9;
59 | border-radius: 4px;
60 | }
61 |
62 | .irs-from, .irs-to, .irs-single {
63 | color: #fff;
64 | font-size: 10px; line-height: 1.333;
65 | text-shadow: none;
66 | padding: 1px 5px;
67 | background: #ed5565;
68 | border-radius: 4px;
69 | }
70 | .irs-from:after, .irs-to:after, .irs-single:after {
71 | position: absolute; display: block; content: "";
72 | bottom: -6px; left: 50%;
73 | width: 0; height: 0;
74 | margin-left: -3px;
75 | overflow: hidden;
76 | border: 3px solid transparent;
77 | border-top-color: #ed5565;
78 | }
79 |
80 |
81 | .irs-grid-pol {
82 | background: #e1e4e9;
83 | }
84 | .irs-grid-text {
85 | color: #999;
86 | }
87 |
88 | .irs-disabled {
89 | }
90 |
--------------------------------------------------------------------------------
/static/lockscreen.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
32 |
33 |
34 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # archer_dbmp
2 |
3 | 该项目主要是为了让MySQL数据库维护管理尽量的自动化起来，对于基本的操作能解放相关人员的双手。并且同时也能让相关的开发人员更好的对数据库进行操作。
4 |
5 | 该项目是使用Django开发的，属于一个web项目。
6 |
7 | ### 前奏
8 |
9 | 安装一些包和模块
10 |
11 | ```
12 | yum install lzma libffi-devel -y
13 | pip install Django
14 | pip install paramiko
15 | pip install MySQL-python
16 |
17 | # 在备份客户端中有用到此模块
18 | pip install sqlalchemy
19 | pip install sqlacodegen
20 | ```
21 |
22 | >**传送门:**
23 | >
24 | >备份客户端介绍:
25 | >https://github.com/daiguadaidai/mysql_backup_client
26 |
27 |
28 | ### 初始化数据库
29 |
30 | 在项目的中有一个`sql`目录，该目录下有一个`my_free_schema.sql`文件。将该文件导入到`MySQL`数据库中就行了。
31 |
32 | ###### 目录结构
33 |
34 | ```
35 | .
36 | ├── archer_dbmp
37 | │ ├── settings.py
38 | ├── common
39 | ├── dbmp
40 | ├── logs
41 | ├── manage.py
42 | ├── README.md
43 | ├── sql
44 | │ ├── models.py
45 | │ └── my_free_schema.sql
46 | ├── static
47 | └── templates
48 | ```
49 |
50 | ###### 导入数据库表结构
51 |
52 | ```
53 | mysql -uroot -pxxx -h127.0.0.1 -P3306 < my_free_schema.sql
54 | ```
55 |
56 | 这样就在`MySQL`实例中创建了一个`my_free`的数据库
57 |
58 | ###### 初始化一条操作系统记录
59 |
60 | 在数据库中执行以下命令：
61 |
62 | ```
63 | INSERT INTO cmdb_os VALUES(NULL,
64 | 'hostname-0',
65 | 'alias-0',
66 | inet_aton('192.168.111.0'),
67 | 'username-0',
68 | 'password-0',
69 | '(0)this is remark',
70 | NOW(),
71 | NOW());
72 | ```
73 |
74 | 有关表字段的相关含义等内容，请自行到数据库中查看注释。
75 |
76 | > **Tips:**
77 | > 如果你有多个操作系统，也可以初始化多条`cmdb_os`的记录，在该项目没有添加操作系统的功能。主要是因为操作系统的信息主要是在`archer_cmdb`中实现。
78 |
79 | ### 启动使用archer_dbmp
80 |
81 | 启动和使用`archer_dbmp`其实就是启动一个Django项目
82 |
83 | ###### 稍微设置`setting.py`文件
84 |
85 | ```
86 | cat archer_dbmp/settings.py
87 |
88 | ... omit ...
89 |
90 | DATABASES = {
91 | 'default': {
92 | 'ENGINE': 'django.db.backends.mysql',
93 | 'NAME': 'my_free',
94 | 'USER':'root',
95 | 'PASSWORD':'xxx',
96 | 'HOST':'127.0.0.1',
97 | 'PORT':'3306',
98 | # 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
99 | }
100 | }
101 |
102 | ... omit ...
103 | ```
104 |
105 | ###### 启动`archer_dbmp`
106 |
107 | ```
108 | python manage.py runserver 0.0.0.0:8000
109 | ```
110 |
111 | ###### 访问`archer_dbmp`
112 |
113 | 在浏览器上输入一下地址(注意替换为自己的地址):
114 |
115 | ```
116 | http://127.0.0.1:8000
117 | ```
118 |
119 | >**Tips:**
120 | >有能力的朋友可以结合Nnigx来搭建环境。
121 |
--------------------------------------------------------------------------------
/static/login.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
35 |
47 |
36 | 
37 |
38 |
37 | Beaut-zihan
39 |您需要再次输入密码
40 | 46 |
30 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
--------------------------------------------------------------------------------
/static/js/demo/treeview-demo.min.js:
--------------------------------------------------------------------------------
1 | $(function(){var e=[{text:"父节点 1",href:"#parent1",tags:["4"],nodes:[{text:"子节点 1",href:"#child1",tags:["2"],nodes:[{text:"孙子节点 1",href:"#grandchild1",tags:["0"]},{text:"孙子节点 2",href:"#grandchild2",tags:["0"]}]},{text:"子节点 2",href:"#child2",tags:["0"]}]},{text:"父节点 2",href:"#parent2",tags:["0"]},{text:"父节点 3",href:"#parent3",tags:["0"]},{text:"父节点 4",href:"#parent4",tags:["0"]},{text:"父节点 5",href:"#parent5",tags:["0"]}],o=[{text:"父节点 1",tags:["2"],nodes:[{text:"子节点 1",tags:["3"],nodes:[{text:"孙子节点 1",tags:["6"]},{text:"孙子节点 2",tags:["3"]}]},{text:"子节点 2",tags:["3"]}]},{text:"父节点 2",tags:["7"]},{text:"父节点 3",icon:"glyphicon glyphicon-earphone",href:"#demo",tags:["11"]},{text:"父节点 4",icon:"glyphicon glyphicon-cloud-download",href:"/demo.html",tags:["19"],selected:!0},{text:"父节点 5",icon:"glyphicon glyphicon-certificate",color:"pink",backColor:"red",href:"http://www.tesco.com",tags:["available","0"]}],t='[{"text": "父节点 1","nodes": [{"text": "子节点 1","nodes": [{"text": "孙子节点 1"},{"text": "孙子节点 2"}]},{"text": "子节点 2"}]},{"text": "父节点 2"},{"text": "父节点 3"},{"text": "父节点 4"},{"text": "父节点 5"}]';$("#treeview1").treeview({data:e}),$("#treeview2").treeview({levels:1,data:e}),$("#treeview3").treeview({levels:99,data:e}),$("#treeview4").treeview({color:"#428bca",data:e}),$("#treeview5").treeview({color:"#428bca",expandIcon:"glyphicon glyphicon-chevron-right",collapseIcon:"glyphicon glyphicon-chevron-down",nodeIcon:"glyphicon glyphicon-bookmark",data:e}),$("#treeview6").treeview({color:"#428bca",expandIcon:"glyphicon glyphicon-stop",collapseIcon:"glyphicon glyphicon-unchecked",nodeIcon:"glyphicon glyphicon-user",showTags:!0,data:e}),$("#treeview7").treeview({color:"#428bca",showBorder:!1,data:e}),$("#treeview8").treeview({expandIcon:"glyphicon glyphicon-stop",collapseIcon:"glyphicon glyphicon-unchecked",nodeIcon:"glyphicon glyphicon-user",color:"yellow",backColor:"purple",onhoverColor:"orange",borderColor:"red",showBorder:!1,showTags:!0,highlightSelected:!0,selectedColor:"yellow",selectedBackColor:"darkorange",data:e}),$("#treeview9").treeview({expandIcon:"glyphicon glyphicon-stop",collapseIcon:"glyphicon glyphicon-unchecked",nodeIcon:"glyphicon glyphicon-user",color:"yellow",backColor:"purple",onhoverColor:"orange",borderColor:"red",showBorder:!1,showTags:!0,highlightSelected:!0,selectedColor:"yellow",selectedBackColor:"darkorange",data:o}),$("#treeview10").treeview({color:"#428bca",enableLinks:!0,data:e}),$("#treeview11").treeview({color:"#428bca",data:e,onNodeSelected:function(e,o){$("#event_output").prepend("
31 |
53 |
32 |
33 |
36 | H+
34 | 35 |欢迎使用 H+
37 | 38 | 52 |您单击了 "+o.text+"
")}}),$("#treeview12").treeview({data:t})}); 2 | -------------------------------------------------------------------------------- /static/empty_page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
26 |
43 |
44 |
27 |
37 | 标题
28 | 36 |
38 |
42 |
39 | 活动区域
40 |
41 |
45 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
--------------------------------------------------------------------------------
/static/css/plugins/markdown/bootstrap-markdown.min.css:
--------------------------------------------------------------------------------
1 | .md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo, Monaco, Consolas, "Courier New", monospace;font-size:14px;outline:0;margin:0;display:block;padding:15px;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#fafafa}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}
2 |
--------------------------------------------------------------------------------
/static/js/plugins/flot/jquery.flot.resize.js:
--------------------------------------------------------------------------------
1 | /* Flot plugin for automatically redrawing plots as the placeholder resizes.
2 |
3 | Copyright (c) 2007-2013 IOLA and Ole Laursen.
4 | Licensed under the MIT license.
5 |
6 | It works by listening for changes on the placeholder div (through the jQuery
7 | resize event plugin) - if the size changes, it will redraw the plot.
8 |
9 | There are no options. If you need to disable the plugin for some plots, you
10 | can just fix the size of their placeholders.
11 |
12 | */
13 |
14 | /* Inline dependency:
15 | * jQuery resize event - v1.1 - 3/14/2010
16 | * http://benalman.com/projects/jquery-resize-plugin/
17 | *
18 | * Copyright (c) 2010 "Cowboy" Ben Alman
19 | * Dual licensed under the MIT and GPL licenses.
20 | * http://benalman.com/about/license/
21 | */
22 |
23 | (function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow";e[b]=250;e[f]=true;$.event.special[j]={setup:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.add(l);$.data(this,d,{w:l.width(),h:l.height()});if(a.length===1){g()}},teardown:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.not(l);l.removeData(d);if(!a.length){clearTimeout(i)}},add:function(l){if(!e[f]&&this[k]){return false}var n;function m(s,o,p){var q=$(this),r=$.data(this,d);r.w=o!==c?o:q.width();r.h=p!==c?p:q.height();n.apply(this,arguments)}if($.isFunction(l)){n=l;return m}else{n=l.handler;l.handler=m}}};function g(){i=h[k](function(){a.each(function(){var n=$(this),m=n.width(),l=n.height(),o=$.data(this,d);if(m!==o.w||l!==o.h){n.trigger(j,[o.w=m,o.h=l])}});g()},e[b])}})(jQuery,this);
24 |
25 | (function ($) {
26 | var options = { }; // no options
27 |
28 | function init(plot) {
29 | function onResize() {
30 | var placeholder = plot.getPlaceholder();
31 |
32 | // somebody might have hidden us and we can't plot
33 | // when we don't have the dimensions
34 | if (placeholder.width() == 0 || placeholder.height() == 0)
35 | return;
36 |
37 | plot.resize();
38 | plot.setupGrid();
39 | plot.draw();
40 | }
41 |
42 | function bindEvents(plot, eventHolder) {
43 | plot.getPlaceholder().resize(onResize);
44 | }
45 |
46 | function shutdown(plot, eventHolder) {
47 | plot.getPlaceholder().unbind("resize", onResize);
48 | }
49 |
50 | plot.hooks.bindEvents.push(bindEvents);
51 | plot.hooks.shutdown.push(shutdown);
52 | }
53 |
54 | $.plot.plugins.push({
55 | init: init,
56 | options: options,
57 | name: 'resize',
58 | version: '1.0'
59 | });
60 | })(jQuery);
61 |
--------------------------------------------------------------------------------
/static/js/plugins/summernote/summernote-zh-CN.js:
--------------------------------------------------------------------------------
1 | (function ($) {
2 | $.extend($.summernote.lang, {
3 | 'zh-CN': {
4 | font: {
5 | bold: '粗体',
6 | italic: '斜体',
7 | underline: '下划线',
8 | strikethrough: '删除线',
9 | clear: '清除格式',
10 | height: '行高',
11 | name: '字体',
12 | size: '字号'
13 | },
14 | image: {
15 | image: '图片',
16 | insert: '插入图片',
17 | resizeFull: '调整至 100%',
18 | resizeHalf: '调整至 50%',
19 | resizeQuarter: '调整至 25%',
20 | floatLeft: '左浮动',
21 | floatRight: '右浮动',
22 | floatNone: '不浮动',
23 | dragImageHere: '将图片拖至此处',
24 | selectFromFiles: '从本地上传',
25 | url: '图片地址'
26 | },
27 | link: {
28 | link: '链接',
29 | insert: '插入链接',
30 | unlink: '去除链接',
31 | edit: '编辑链接',
32 | textToDisplay: '显示文本',
33 | url: '链接地址',
34 | openInNewWindow: '在新窗口打开'
35 | },
36 | video: {
37 | video: '视频',
38 | videoLink: '视频链接',
39 | insert: '插入视频',
40 | url: '视频地址',
41 | providers: '(优酷, Instagram, DailyMotion, Youtube等)'
42 | },
43 | table: {
44 | table: '表格'
45 | },
46 | hr: {
47 | insert: '水平线'
48 | },
49 | style: {
50 | style: '样式',
51 | normal: '普通',
52 | blockquote: '引用',
53 | pre: '代码',
54 | h1: '标题 1',
55 | h2: '标题 2',
56 | h3: '标题 3',
57 | h4: '标题 4',
58 | h5: '标题 5',
59 | h6: '标题 6'
60 | },
61 | lists: {
62 | unordered: '无序列表',
63 | ordered: '有序列表'
64 | },
65 | options: {
66 | help: '帮助',
67 | fullscreen: '全屏',
68 | codeview: '源代码'
69 | },
70 | paragraph: {
71 | paragraph: '段落',
72 | outdent: '减少缩进',
73 | indent: '增加缩进',
74 | left: '左对齐',
75 | center: '居中对齐',
76 | right: '右对齐',
77 | justify: '两端对齐'
78 | },
79 | color: {
80 | recent: '最近使用',
81 | more: '更多',
82 | background: '背景',
83 | foreground: '前景',
84 | transparent: '透明',
85 | setTransparent: '透明',
86 | reset: '重置',
87 | resetToDefault: '默认'
88 | },
89 | shortcut: {
90 | shortcuts: '快捷键',
91 | close: '关闭',
92 | textFormatting: '文本格式',
93 | action: '动作',
94 | paragraphFormatting: '段落格式',
95 | documentStyle: '文档样式'
96 | },
97 | history: {
98 | undo: '撤销',
99 | redo: '重做'
100 | }
101 | }
102 | });
103 | })(jQuery);
104 |
--------------------------------------------------------------------------------
/static/js/plugins/flot/jquery.flot.symbol.js:
--------------------------------------------------------------------------------
1 | /* Flot plugin that adds some extra symbols for plotting points.
2 |
3 | Copyright (c) 2007-2014 IOLA and Ole Laursen.
4 | Licensed under the MIT license.
5 |
6 | The symbols are accessed as strings through the standard symbol options:
7 |
8 | series: {
9 | points: {
10 | symbol: "square" // or "diamond", "triangle", "cross"
11 | }
12 | }
13 |
14 | */
15 |
16 | (function ($) {
17 | function processRawData(plot, series, datapoints) {
18 | // we normalize the area of each symbol so it is approximately the
19 | // same as a circle of the given radius
20 |
21 | var handlers = {
22 | square: function (ctx, x, y, radius, shadow) {
23 | // pi * r^2 = (2s)^2 => s = r * sqrt(pi)/2
24 | var size = radius * Math.sqrt(Math.PI) / 2;
25 | ctx.rect(x - size, y - size, size + size, size + size);
26 | },
27 | diamond: function (ctx, x, y, radius, shadow) {
28 | // pi * r^2 = 2s^2 => s = r * sqrt(pi/2)
29 | var size = radius * Math.sqrt(Math.PI / 2);
30 | ctx.moveTo(x - size, y);
31 | ctx.lineTo(x, y - size);
32 | ctx.lineTo(x + size, y);
33 | ctx.lineTo(x, y + size);
34 | ctx.lineTo(x - size, y);
35 | },
36 | triangle: function (ctx, x, y, radius, shadow) {
37 | // pi * r^2 = 1/2 * s^2 * sin (pi / 3) => s = r * sqrt(2 * pi / sin(pi / 3))
38 | var size = radius * Math.sqrt(2 * Math.PI / Math.sin(Math.PI / 3));
39 | var height = size * Math.sin(Math.PI / 3);
40 | ctx.moveTo(x - size/2, y + height/2);
41 | ctx.lineTo(x + size/2, y + height/2);
42 | if (!shadow) {
43 | ctx.lineTo(x, y - height/2);
44 | ctx.lineTo(x - size/2, y + height/2);
45 | }
46 | },
47 | cross: function (ctx, x, y, radius, shadow) {
48 | // pi * r^2 = (2s)^2 => s = r * sqrt(pi)/2
49 | var size = radius * Math.sqrt(Math.PI) / 2;
50 | ctx.moveTo(x - size, y - size);
51 | ctx.lineTo(x + size, y + size);
52 | ctx.moveTo(x - size, y + size);
53 | ctx.lineTo(x + size, y - size);
54 | }
55 | };
56 |
57 | var s = series.points.symbol;
58 | if (handlers[s])
59 | series.points.symbol = handlers[s];
60 | }
61 |
62 | function init(plot) {
63 | plot.hooks.processDatapoints.push(processRawData);
64 | }
65 |
66 | $.plot.plugins.push({
67 | init: init,
68 | name: 'symbols',
69 | version: '1.0'
70 | });
71 | })(jQuery);
72 |
--------------------------------------------------------------------------------
/dbmp/templates/dbmp_mysql_business/view.html:
--------------------------------------------------------------------------------
1 | {%extends 'dbmp_base.html' %}
2 |
3 | {% load staticfiles %}
4 |
5 |
6 | {% block css %}
7 |
8 |
9 | {% endblock %}
10 |
11 | {% block app_title %}业务组详细信息{% endblock %}
12 |
13 |
14 | {% block top_element %}
15 |
24 | {% endblock %}
25 |
26 |
27 | {% block content %}
28 |
29 |
30 |
46 |
57 |
47 |
56 |
48 |
55 | 这里是页面内容
49 | 50 |
51 | 您可以在这里添加栅格，参考首页及其他页面完成不同的布局
52 |
打开主页 53 |
54 | 打开主页 53 |
业务组信息
32 | 33 |
34 |
39 |
40 |
35 | 业务组名：
36 |
38 | {{ dbmp_mysql_business.name }}
37 | 41 | 42 |
43 |
48 |
49 |
44 | 备注：
45 |
47 | {{ dbmp_mysql_business.remark}}
46 | 50 | 51 |
52 |
57 |
58 |
53 | 创建时间：
54 |
56 | {{ dbmp_mysql_business.create_time | date:"Y-m-d H:i:s" }}
55 | 59 | 60 |
61 |
66 |
67 |
62 | 更新时间：
63 |
65 | {{ dbmp_mysql_business.update_time | date:"Y-m-d H:i:s" }}
64 | 68 | 69 |
70 |
78 |
71 |
73 |
74 | 编辑
75 |
76 |
77 | 业务组信息
32 | 33 |
34 |
39 |
40 |
35 | 业务组名：
36 |
38 | {{ dbmp_mysql_business.name }}
37 | 41 | 42 |
43 |
48 |
49 |
44 | 备注：
45 |
47 | {{ dbmp_mysql_business.remark}}
46 | 50 | 51 |
52 |
57 |
58 |
53 | 创建时间：
54 |
56 | {{ dbmp_mysql_business.create_time | date:"Y-m-d H:i:s" }}
55 | 59 | 60 |
61 |
66 |
67 |
62 | 更新时间：
63 |
65 | {{ dbmp_mysql_business.update_time | date:"Y-m-d H:i:s" }}
64 | 68 | 69 |
70 |
78 |
71 |
73 |
74 | 编辑
75 |
76 |
77 | '); 66 | switch (operation) { 67 | case DIFF_INSERT: 68 | return '' + text + ''; 69 | case DIFF_DELETE: 70 | return '
29 |
64 |
65 |
66 |
67 |
68 |
69 |
--------------------------------------------------------------------------------
/static/register.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
30 |
58 |
63 |
31 |
47 |
32 |
46 |
33 |
35 |
36 | [ H+ ]
34 |欢迎使用 H+ 后台主题UI框架
37 |-
38 |
- 优势一 39 |
- 优势二 40 |
- 优势三 41 |
- 优势四 42 |
- 优势五 43 |
48 |
56 |
57 |
28 |
60 |
61 |
62 |
63 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
--------------------------------------------------------------------------------
/static/css/plugins/cropper/cropper.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Cropper v0.7.6-beta
3 | * https://github.com/fengyuanchen/cropper
4 | *
5 | * Copyright 2014 Fengyuan Chen
6 | * Released under the MIT license
7 | */
8 |
9 | .cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container img{width:100%;height:100%;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}.cropper-modal,.cropper-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-canvas{background-color:#fff;opacity:0;filter:alpha(opacity=0)}.cropper-modal{background-color:#000;opacity:.5;filter:alpha(opacity=50)}.cropper-dragger{position:absolute;top:10%;left:10%;width:80%;height:80%}.cropper-viewer{display:block;width:100%;height:100%;overflow:hidden;outline-width:1px;outline-style:solid;outline-color:#69f;outline-color:rgba(51,102,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #fff;opacity:.5;filter:alpha(opacity=50)}.cropper-dashed.dashed-h{top:33.3%;left:0;width:100%;height:33.3%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.3%;width:33.3%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;cursor:move;background-color:#fff}.cropper-line{background-color:#69f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;background-color:#69f;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";background-color:#69f;opacity:0;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-hidden{display:none!important}.cropper-invisible{position:fixed;top:0;left:0;z-index:-1;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;opacity:0;filter:alpha(opacity=0)}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-canvas,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
10 |
--------------------------------------------------------------------------------
/static/js/plugins/gritter/jquery.gritter.css:
--------------------------------------------------------------------------------
1 | /* the norm */
2 | #gritter-notice-wrapper {
3 | position:fixed;
4 | top:40px;
5 | right:20px;
6 | width:301px;
7 | z-index:9999;
8 |
9 | -webkit-animation-duration: 1s;
10 | animation-duration: 1s;
11 | -webkit-animation-fill-mode: both;
12 | animation-fill-mode: both;
13 |
14 | -webkit-animation-name: bounceIn;
15 | animation-name: bounceIn;
16 | }
17 | @keyframes bounceIn {
18 | 0% {
19 | opacity: 0;
20 | -webkit-transform: scale(.3);
21 | -ms-transform: scale(.3);
22 | transform: scale(.3);
23 | }
24 |
25 | 50% {
26 | opacity: 1;
27 | -webkit-transform: scale(1.05);
28 | -ms-transform: scale(1.05);
29 | transform: scale(1.05);
30 | }
31 |
32 | 70% {
33 | -webkit-transform: scale(.9);
34 | -ms-transform: scale(.9);
35 | transform: scale(.9);
36 | }
37 |
38 | 100% {
39 | opacity: 1;
40 | -webkit-transform: scale(1);
41 | -ms-transform: scale(1);
42 | transform: scale(1);
43 | }
44 | }
45 | #gritter-notice-wrapper.top-left {
46 | left: 20px;
47 | right: auto;
48 | }
49 | #gritter-notice-wrapper.bottom-right {
50 | top: auto;
51 | left: auto;
52 | bottom: 20px;
53 | right: 20px;
54 | }
55 | #gritter-notice-wrapper.bottom-left {
56 | top: auto;
57 | right: auto;
58 | bottom: 20px;
59 | left: 20px;
60 | }
61 | .gritter-item-wrapper {
62 | position:relative;
63 | margin:0 0 10px 0;
64 | background:url('images/ie-spacer.gif'); /* ie7/8 fix */
65 | }
66 |
67 | .hover .gritter-top {
68 | /*background-position:right -30px;*/
69 | }
70 | .gritter-bottom {
71 | height:8px;
72 | margin:0;
73 | }
74 |
75 | .gritter-item {
76 | display:block;
77 | background-color: rgba(39,58,75,0.8);
78 | border-radius: 4px;
79 | color:#eee;
80 | padding:10px 11px 10px 11px;
81 | font-size: 11px;
82 | font-family:verdana;
83 | }
84 | .hover .gritter-item {
85 | background-position:right -40px;
86 | }
87 | .gritter-item p {
88 | padding:0;
89 | margin:0;
90 | word-wrap:break-word;
91 | }
92 |
93 | .gritter-item a:hover {
94 | color: #f8ac59;
95 | text-decoration: underline;
96 | }
97 | .gritter-close {
98 | display:none;
99 | position:absolute;
100 | top:5px;
101 | right:3px;
102 | background:url(images/gritter.png) no-repeat left top;
103 | cursor:pointer;
104 | width:30px;
105 | height:30px;
106 | text-indent:-9999em;
107 | }
108 | .gritter-title {
109 | font-size:12px;
110 | font-weight:bold;
111 | padding:0 0 7px 0;
112 | display:block;
113 | text-transform: uppercase;
114 | }
115 | .gritter-image {
116 | width:48px;
117 | height:48px;
118 | float:left;
119 | }
120 | .gritter-with-image,
121 | .gritter-without-image {
122 | padding:0;
123 | }
124 | .gritter-with-image {
125 | width:220px;
126 | float:right;
127 | }
128 | /* for the light (white) version of the gritter notice */
129 | .gritter-light .gritter-item,
130 | .gritter-light .gritter-bottom,
131 | .gritter-light .gritter-top,
132 | .gritter-light .gritter-close {
133 | background-image: url(images/gritter-light.png);
134 | color: #222;
135 | }
136 | .gritter-light .gritter-title {
137 | text-shadow: none;
138 | }
139 |
--------------------------------------------------------------------------------
/static/js/plugins/peity/jquery.peity.min.js:
--------------------------------------------------------------------------------
1 | // Peity jQuery plugin version 2.0.3
2 | // (c) 2014 Ben Pickles
3 | //
4 | // http://benpickles.github.io/peity
5 | //
6 | // Released under MIT license.
7 | (function(e,q,h){var o=function(a,b){var c=q.createElementNS("http://www.w3.org/2000/svg",a);e.each(b,function(a,b){c.setAttribute(a,b)});return c},t="createElementNS"in q&&o("svg",{}).createSVGRect,r=1/(window.devicePixelRatio||1),j=e.fn.peity=function(a,b){t&&this.each(function(){var c=e(this),d=c.data("peity");if(d)a&&(d.type=a),e.extend(d.opts,b);else{var f=j.defaults[a],g={};e.each(c.data(),function(a,b){a in f&&(g[a]=b)});var h=e.extend({},f,g,b),d=new s(c,a,h);c.change(function(){d.draw()}).data("peity",
8 | d)}d.draw()});return this},s=function(a,b,c){this.$el=a;this.type=b;this.opts=c},m=s.prototype;m.draw=function(){j.graphers[this.type].call(this,this.opts)};m.fill=function(){var a=this.opts.fill,b=a;e.isFunction(b)||(b=function(b,d){return a[d%a.length]});return b};m.prepare=function(a,b){var c;this.svg?c=e(this.svg).empty():(this.svg=o("svg",{"class":"peity"}),this.$el.hide().after(this.svg),c=e(this.svg).data("peity",this));this.svg.setAttribute("height",b);this.svg.setAttribute("width",a);return c};
9 | m.values=function(){return e.map(this.$el.text().split(this.opts.delimiter),function(a){return parseFloat(a)})};j.defaults={};j.graphers={};j.register=function(a,b,c){this.defaults[a]=b;this.graphers[a]=c};j.register("pie",{delimiter:null,diameter:16,fill:["#ff9900","#fff4dd","#ffc66e"]},function(a){if(!a.delimiter){var b=this.$el.text().match(/[^0-9\.]/);a.delimiter=b?b[0]:","}b=this.values();if("/"==a.delimiter)var c=b[0],b=[c,h.max(0,b[1]-c)];for(var d=0,c=b.length,f=0;d
29 |
59 |
30 |
31 |
34 | H+
32 | 33 |欢迎注册 H+
35 |创建一个H+新账户
36 | 58 |