1.main主页面:
<dt><i class="icon-menu i_4 fl"></i>设备管理系统<i class="icon-menu i_6 fr"></i></dt>
<dd><a href="/cmdb/index">查看设备</a></dd>
<dd><a href="/cmdb/rangeIndex">IP范围查询</a></dd>
<dd><a href="/cmdb/addIndex">添加设备</a></dd>
<dd><a href="/cmdb/modifyIndex">修改设备</a></dd>
<dd><a href="/cmdb/modifyIndex">修改设备</a></dd>
2.
/cmdb/modifyIndex 方法展示的页面:
def modifyIndex(req):
return render_to_response('cmdb/modifyIndex.html')
node2:/django/mysite/news/templates/cmdb#cat modifyIndex.html
<html>
<head>
<title>运维平台</title>
<link rel="stylesheet" type="text/css" href="/static/Css/Equipment/modifyIndex.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/header.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/menu.css">
</head>
<body>
<include file="Public:header"/>
<div class="content">
<include file="Public:menu"/>
<div class="con fl">
<div id="condition">
<label class="condition">条件</label><input type="text" name="condition" class="equipment_sz">
<input type="submit" value="IP查找" class="equipment_search_btn es_1">
<input type="submit" value="组查找" class="equipment_search_btn es_2">
</div>
<table class="gridtable">
<tr>
<th>IP </th><th>Info</th><th>ENV</th><th class="gridth">Action</th>
</tr>
</table>
</div>
</div>
</body>
<script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/static/Js/Equipment/modifyIndex.js"></script>
<script type="text/javascript" src="/static/Js/Public/ajax.js"></script>
</html>
(('192.168.32.100', '666', 'env-test'),)
js
$(function(){
var _content = $('.content');
var _ip_bt = $(".content .con #condition .es_1");
var _env_bt = $(".content .con #condition .es_2");
_ip_bt.on('click',function(){
var _condition = $(".equipment_sz").val();
var data={};
data.condition=_condition;
var successfn = function(jdata){
$(".gridtable").empty();
var _HTML="<tr><th>IP </th><th>Info</th><th>ENV</th><th class='gridth'>Action</th></tr>"+"<tr>
<td>"+jdata[0][0]+"</td><td>"+jdata[0][1]+"</td>
<td>"+jdata[0][2]+"</td>
<td class='gridtd'><span class='btn fl modify' data-eid="+jdata[0][0]+">修改</span>
<span class='btn fl del' data-eid="+jdata[0][0]+">删除</span></td>
</tr>";
$(".gridtable").html(_HTML);
};
var errorfn = function(){
alert("数据获取出错");
};
$.ax(
"/api/search_ip/",
data,
successfn,
errorfn
);
});
_env_bt.on('click',function(){
var _condition = $(".equipment_sz").val();
var data={};
data.condition="env-"+_condition;
var successfn = function(jdata){
$(".gridtable").empty();
var _HTML="<tr><th>IP </th><th>Info</th><th>ENV</th><th class='gridth'>Action</th></tr>";
$.each(jdata,function(i,val){
_HTML=_HTML+"<tr><td>"+jdata[i].ip+"</td><td>"+jdata[i].info+"</td><td>"+jdata[i].env+"</td><td class='gridtd'><span class='btn fl modify' data-eid="+jdata[i].sn+">修改</span><span class='btn fl del' data-eid="+jdata[i].sn+">删除</span></td></tr>";
});
$(".gridtable").html(_HTML);
};
var errorfn = function(){
alert("数据获取出错");
};
$.ax(
"/api/search_group/",
data,
successfn,
errorfn
);
});
_content.on('click', '.gridtable .gridtd span.del', function() {
con
var _sn = $(this).attr('data-eid');
window.location="/delEquipment/"+_sn;
});
_content.on('click', '.gridtable .gridtd span.modify', function() {
var _sn = $(this).attr('data-eid');
window.location="/modifyBtn/ip/"+_sn;
});
});
2222222222222222 modifyIndex.js:61:17
192.168.32.101 modifyIndex.js:62:17
2222222222222222
var _sn = $(this).attr('data-eid');
这里传递的sn为ip
def modifyBtn(req,modifyip):
print modifyip
conn= MySQLdb.connect(
host='localhost',
port = 3306,
user='root',
passwd='1234567',
db ='DEVOPS'
)
cur = conn.cursor()
a = cur.execute("select sn,ip,info,env from machine_info where ip=%s ",[modifyip])
d={}
info = cur.fetchone()
print info
print type(info)
d['sn']=info[0]
d['ip']=info[1]
d['info']=info[2]
d['env']=info[3]
print d
print type(d)
return render(req,'cmdb/modifyBtn.html',{'info':d})
node2:/django/mysite/news/templates/cmdb#cat modifyBtn.html
<html>
<head>
<title>运维平台</title>
<link rel="stylesheet" type="text/css" href="/static/Css/Equipment/modifyBtn.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/header.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/menu.css">
</head>
<body>
<include file="Public:header"/>
<div class="content">
<include file="Public:menu"/>
<div class="con fl">
<form id="condition" action="/cmdb/modifyEquipment/" method="post">
<h1>{{info}}</h1>
<input type="hidden" name="sn" value="{{info.sn}}">
<label class="condition">地址</label><input type="text" name="ip" class="equipment_sz" value="{{info.ip}}">
<label class="condition">描述</label><input type="text" name="info" class="equipment_sz" value="{{info.info}}">
<label class="condition">环境</label><input type="text" name="env" class="equipment_sz" value="{{info.env}}">
<input type="submit" value="设备修改" class="equipment_add_btn">
</form>
</div>
</div>
</body>
<script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
<!-- <script type="text/javascript" src="/static/Js/Equipment/addEquipment.js"></script> -->
</html>
def modifyEquipment(req):
print req.get_full_path()
print req.POST['sn']
print req.POST['ip']
print req.POST['info']
print req.POST['env']
sn = req.POST['sn']
newip= req.POST['ip']
newinfo= req.POST['info']
newenv= req.POST['env']
conn= MySQLdb.connect(
host='localhost',
port = 3306,
user='root',
passwd='1234567',
db ='DEVOPS'
)
cursor = conn.cursor()
#sql = "insert into machine_info(ip,info,env) values('%s','%s','%s')" % (a,b,c)
sql="update machine_info set ip=%s,info=%s,env=%s where sn=%s" % (newip,newinfo,newenv,sn)
try :
cursor.execute("update machine_info set ip=%s,info=%s,env=%s where sn=%s",[newip,newinfo,newenv,sn])
conn.commit()
return redirect('/cmdb/modifyIndex')
except :
conn.rollback()
return HttpResponse('modify failed')