當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

项目 cmdb(一)

發(fā)布時(shí)間：2025/4/16 编程问答 20 豆豆

生活随笔收集整理的這篇文章主要介紹了项目 cmdb(一) 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

Django之ModelForm組件

ModelForm
??? a.? class Meta:
??????????? model,?????????????????????????? # 對(duì)應(yīng)Model的
??????????? fields=None,???????????????????? # 字段
??????????? exclude=None,??????????????????? # 排除字段
??????????? labels=None,???????????????????? # 提示信息
??????????? help_texts=None,???????????????? # 幫助提示信息
??????????? widgets=None,??????????????????? # 自定義插件
??????????? error_messages=None,???????????? # 自定義錯(cuò)誤信息（整體錯(cuò)誤信息from django.core.exceptions import NON_FIELD_ERRORS）
??????????? field_classes=None?????????????? # 自定義字段類（也可以自定義字段）
??????????? localized_fields=('birth_date',) # 本地化，如：根據(jù)不同時(shí)區(qū)顯示數(shù)據(jù)
??????????? 如：
??????????????? 數(shù)據(jù)庫(kù)中
??????????????????? 2016-12-27 04:10:57
??????????????? setting中的配置
??????????????????? TIME_ZONE = 'Asia/Shanghai'
??????????????????? USE_TZ = True
??????????????? 則顯示：
??????????????????? 2016-12-27 12:10:57
??? b. 驗(yàn)證執(zhí)行過(guò)程
??????? is_valid -> full_clean -> 鉤子 -> 整體錯(cuò)誤
?
??? c. 字典字段驗(yàn)證
??????? def clean_字段名(self):
??????????? # 可以拋出異常
??????????? # from django.core.exceptions import ValidationError
??????????? return "新值"
??? d. 用于驗(yàn)證
??????? model_form_obj = XXOOModelForm()
??????? model_form_obj.is_valid()
??????? model_form_obj.errors.as_json()
??????? model_form_obj.clean()
??????? model_form_obj.cleaned_data
??? e. 用于創(chuàng)建
??????? model_form_obj = XXOOModelForm(request.POST)
??????? #### 頁(yè)面顯示，并提交 #####
??????? # 默認(rèn)保存多對(duì)多
??????????? obj = form.save(commit=True)
??????? # 不做任何操作，內(nèi)部定義 save_m2m（用于保存多對(duì)多）
??????????? obj = form.save(commit=False)
??????????? obj.save()????? # 保存單表信息
??????????? obj.save_m2m()? # 保存關(guān)聯(lián)多對(duì)多信息
?
??? f. 用于更新和初始化
??????? obj = model.tb.objects.get(id=1)
??????? model_form_obj = XXOOModelForm(request.POST,instance=obj)
??????? ...
?
??????? PS: 單純初始化
??????????? model_form_obj = XXOOModelForm(initial={...})

AJAX

對(duì)于WEB應(yīng)用程序：用戶瀏覽器發(fā)送請(qǐng)求，服務(wù)器接收并處理請(qǐng)求，然后返回結(jié)果，往往返回就是字符串（HTML），瀏覽器將字符串（HTML）渲染并顯示瀏覽器上。
1、傳統(tǒng)的Web應(yīng)用

一個(gè)簡(jiǎn)單操作需要重新加載全局?jǐn)?shù)據(jù)
2、AJAX

AJAX，Asynchronous JavaScript and XML (異步的JavaScript和XML)，一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)方案。

??? 異步的JavaScript：
??? 使用【JavaScript語(yǔ)言】以及相關(guān)【瀏覽器提供類庫(kù)】的功能向服務(wù)端發(fā)送請(qǐng)求，當(dāng)服務(wù)端處理完請(qǐng)求之后，【自動(dòng)執(zhí)行某個(gè)JavaScript的回調(diào)函數(shù)】。
??? PS：以上請(qǐng)求和響應(yīng)的整個(gè)過(guò)程是【偷偷】進(jìn)行的，頁(yè)面上無(wú)任何感知。

??? XML：XML是一種標(biāo)記語(yǔ)言，是Ajax在和后臺(tái)交互時(shí)傳輸數(shù)據(jù)的格式之一

利用AJAX可以做：

1、注冊(cè)時(shí)，輸入用戶名自動(dòng)檢測(cè)用戶是否已經(jīng)存在。

2、登陸時(shí)，提示用戶名密碼錯(cuò)誤

3、刪除數(shù)據(jù)行時(shí)，將行ID發(fā)送到后臺(tái)，后臺(tái)在數(shù)據(jù)庫(kù)中刪除，數(shù)據(jù)庫(kù)刪除成功后，在頁(yè)面DOM中將數(shù)據(jù)行也刪除。
“偽”AJAX

由于HTML標(biāo)簽的iframe標(biāo)簽具有局部加載內(nèi)容的特性，所以可以使用其來(lái)偽造Ajax請(qǐng)求。

<!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8"><title></title></head><body><div><p>請(qǐng)輸入要加載的地址：<span id="currentTime"></span></p><p><input id="url" type="text" /><input type="button" value="刷新" onclick="LoadPage();"></p></div><div><h3>加載頁(yè)面位置：</h3><iframe id="iframePosition" style="width: 100%;height: 500px;"></iframe></div><script type="text/javascript">window.onload= function(){var myDate = new Date();document.getElementById('currentTime').innerText = myDate.getTime();};function LoadPage(){var targetUrl = document.getElementById('url').value;document.getElementById("iframePosition").src = targetUrl;}</script></body> </html> View Code

原生AJAX

Ajax主要就是使用【XmlHttpRequest】對(duì)象來(lái)完成請(qǐng)求的操作，該對(duì)象在主流瀏覽器中均存在(除早起的IE)，Ajax首次出現(xiàn)IE5.5中存在（ActiveX控件）。
1、XmlHttpRequest對(duì)象介紹

XmlHttpRequest對(duì)象的主要方法：

a. void open(String method,String url,Boolen async)
?? 用于創(chuàng)建請(qǐng)求
?? ?
?? 參數(shù)：
?????? method：請(qǐng)求方式（字符串類型），如：POST、GET、DELETE...
?????? url：??? 要請(qǐng)求的地址（字符串類型）
?????? async：? 是否異步（布爾類型）
?
b. void send(String body)
??? 用于發(fā)送請(qǐng)求
?
??? 參數(shù)：
??????? body：要發(fā)送的數(shù)據(jù)（字符串類型）
?
c. void setRequestHeader(String header,String value)
??? 用于設(shè)置請(qǐng)求頭
?
??? 參數(shù)：
??????? header：請(qǐng)求頭的key（字符串類型）
??????? vlaue：? 請(qǐng)求頭的value（字符串類型）
?
d. String getAllResponseHeaders()
??? 獲取所有響應(yīng)頭
?
??? 返回值：
??????? 響應(yīng)頭數(shù)據(jù)（字符串類型）
?
e. String getResponseHeader(String header)
??? 獲取響應(yīng)頭中指定header的值
?
??? 參數(shù)：
??????? header：響應(yīng)頭的key（字符串類型）
?
??? 返回值：
??????? 響應(yīng)頭中指定的header對(duì)應(yīng)的值
?
f. void abort()
?
??? 終止請(qǐng)求

XmlHttpRequest對(duì)象的主要屬性：

a. Number readyState
?? 狀態(tài)值（整數(shù)）
?
?? 詳細(xì)：
????? 0-未初始化，尚未調(diào)用open()方法；
????? 1-啟動(dòng)，調(diào)用了open()方法，未調(diào)用send()方法；
????? 2-發(fā)送，已經(jīng)調(diào)用了send()方法，未接收到響應(yīng)；
????? 3-接收，已經(jīng)接收到部分響應(yīng)數(shù)據(jù)；
????? 4-完成，已經(jīng)接收到全部響應(yīng)數(shù)據(jù)；
?
b. Function onreadystatechange
?? 當(dāng)readyState的值改變時(shí)自動(dòng)觸發(fā)執(zhí)行其對(duì)應(yīng)的函數(shù)（回調(diào)函數(shù)）
?
c. String responseText
?? 服務(wù)器返回的數(shù)據(jù)（字符串類型）
?
d. XmlDocument responseXML
?? 服務(wù)器返回的數(shù)據(jù)（Xml對(duì)象）
?
e. Number states
?? 狀態(tài)碼（整數(shù)），如：200、404...
?
f. String statesText
?? 狀態(tài)文本（字符串），如：OK、NotFound...

2、跨瀏覽器支持

??? XmlHttpRequest
??? IE7+, Firefox, Chrome, Opera, etc.
??? ActiveXObject("Microsoft.XMLHTTP")
??? IE6, IE5

基于原生AJAX - Demo

<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title> </head> <body><h1>XMLHttpRequest - Ajax請(qǐng)求</h1><input type="button" onclick="XmlGetRequest();" value="Get發(fā)送請(qǐng)求" /><input type="button" onclick="XmlPostRequest();" value="Post發(fā)送請(qǐng)求" /><script src="/statics/jquery-1.12.4.js"></script><script type="text/javascript">function GetXHR(){var xhr = null;if(XMLHttpRequest){xhr = new XMLHttpRequest();}else{xhr = new ActiveXObject("Microsoft.XMLHTTP");}return xhr;}function XhrPostRequest(){var xhr = GetXHR();// 定義回調(diào)函數(shù) xhr.onreadystatechange = function(){if(xhr.readyState == 4){// 已經(jīng)接收到全部響應(yīng)數(shù)據(jù)，執(zhí)行以下操作var data = xhr.responseText;console.log(data);}};// 指定連接方式和地址----文件方式 xhr.open('POST', "/test/", true);// 設(shè)置請(qǐng)求頭 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset-UTF-8');// 發(fā)送請(qǐng)求 xhr.send('n1=1;n2=2;');}function XhrGetRequest(){var xhr = GetXHR();// 定義回調(diào)函數(shù) xhr.onreadystatechange = function(){if(xhr.readyState == 4){// 已經(jīng)接收到全部響應(yīng)數(shù)據(jù)，執(zhí)行以下操作var data = xhr.responseText;console.log(data);}};// 指定連接方式和地址----文件方式 xhr.open('get', "/test/", true);// 發(fā)送請(qǐng)求 xhr.send();}</script></body> </html> View Code

jQuery Ajax

jQuery其實(shí)就是一個(gè)JavaScript的類庫(kù)，其將復(fù)雜的功能做了上層封裝，使得開(kāi)發(fā)者可以在其基礎(chǔ)上寫(xiě)更少的代碼實(shí)現(xiàn)更多的功能。

??? jQuery 不是生產(chǎn)者，而是大自然搬運(yùn)工。
??? jQuery Ajax本質(zhì) XMLHttpRequest 或 ActiveXObject

注：2.+版本不再支持IE9以下的瀏覽器
jQuery Ajax 方法列表

??????????? jQuery.get(...)
??????????????? 所有參數(shù)：
???????????????????? url: 待載入頁(yè)面的URL地址
??????????????????? data: 待發(fā)送 Key/value 參數(shù)。
???????????????? success: 載入成功時(shí)回調(diào)函數(shù)。
??????????????? dataType: 返回內(nèi)容格式，xml, json,? script, text, html

??????????? jQuery.post(...)
??????????????? 所有參數(shù)：
???????????????????? url: 待載入頁(yè)面的URL地址
??????????????????? data: 待發(fā)送 Key/value 參數(shù)
???????????????? success: 載入成功時(shí)回調(diào)函數(shù)
??????????????? dataType: 返回內(nèi)容格式，xml, json,? script, text, html

??????????? jQuery.getJSON(...)
??????????????? 所有參數(shù)：
???????????????????? url: 待載入頁(yè)面的URL地址
??????????????????? data: 待發(fā)送 Key/value 參數(shù)。
???????????????? success: 載入成功時(shí)回調(diào)函數(shù)。

??????????? jQuery.getScript(...)
??????????????? 所有參數(shù)：
???????????????????? url: 待載入頁(yè)面的URL地址
??????????????????? data: 待發(fā)送 Key/value 參數(shù)。
???????????????? success: 載入成功時(shí)回調(diào)函數(shù)。

??????????? jQuery.ajax(...)

??????????????? 部分參數(shù)：

??????????????????????? url：請(qǐng)求地址
?????????????????????? type：請(qǐng)求方式，GET、POST（1.9.0之后用method）
??????????????????? headers：請(qǐng)求頭
?????????????????????? data：要發(fā)送的數(shù)據(jù)
??????????????? contentType：即將發(fā)送信息至服務(wù)器的內(nèi)容編碼類型(默認(rèn): "application/x-www-form-urlencoded; charset=UTF-8")
????????????????????? async：是否異步
??????????????????? timeout：設(shè)置請(qǐng)求超時(shí)時(shí)間（毫秒）

???????????????? beforeSend：發(fā)送請(qǐng)求前執(zhí)行的函數(shù)(全局)
?????????????????? complete：完成之后執(zhí)行的回調(diào)函數(shù)(全局)
??????????????????? success：成功之后執(zhí)行的回調(diào)函數(shù)(全局)
????????????????????? error：失敗之后執(zhí)行的回調(diào)函數(shù)(全局)
?????????????? ?

??????????????????? accepts：通過(guò)請(qǐng)求頭發(fā)送給服務(wù)器，告訴服務(wù)器當(dāng)前客戶端課接受的數(shù)據(jù)類型
?????????????????? dataType：將服務(wù)器端返回的數(shù)據(jù)轉(zhuǎn)換成指定類型
?????????????????????????????????? "xml": 將服務(wù)器端返回的內(nèi)容轉(zhuǎn)換成xml格式
????????????????????????????????? "text": 將服務(wù)器端返回的內(nèi)容轉(zhuǎn)換成普通文本格式
????????????????????????????????? "html": 將服務(wù)器端返回的內(nèi)容轉(zhuǎn)換成普通文本格式，在插入DOM中時(shí)，如果包含JavaScript標(biāo)簽，則會(huì)嘗試去執(zhí)行。
??????????????????????????????? "script": 嘗試將返回值當(dāng)作JavaScript去執(zhí)行，然后再將服務(wù)器端返回的內(nèi)容轉(zhuǎn)換成普通文本格式
????????????????????????????????? "json": 將服務(wù)器端返回的內(nèi)容轉(zhuǎn)換成相應(yīng)的JavaScript對(duì)象
???????????????????????????????? "jsonp": JSONP 格式
????????????????????????????????????????? 使用 JSONP 形式調(diào)用函數(shù)時(shí)，如 "myurl?callback=?" jQuery 將自動(dòng)替換 ? 為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)

????????????????????????????????? 如果不指定，jQuery 將自動(dòng)根據(jù)HTTP包MIME信息返回相應(yīng)類型(an XML MIME type will yield XML, in 1.4 JSON will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be returned as a string

???????????????? converters：轉(zhuǎn)換器，將服務(wù)器端的內(nèi)容根據(jù)指定的dataType轉(zhuǎn)換類型，并傳值給success回調(diào)函數(shù)
???????????????????????? $.ajax({
????????????????????????????? accepts: {
??????????????????????????????? mycustomtype: 'application/x-some-custom-type'
????????????????????????????? },
???????????????????????????? ?
????????????????????????????? // Expect a `mycustomtype` back from server
????????????????????????????? dataType: 'mycustomtype'

????????????????????????????? // Instructions for how to deserialize a `mycustomtype`
????????????????????????????? converters: {
??????????????????????????????? 'text mycustomtype': function(result) {
????????????????????????????????? // Do Stuff
????????????????????????????????? return newresult;
??????????????????????????????? }
????????????????????????????? },
??????????????????????????? });

基于jQueryAjax - Demo

<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title> </head> <body><p><input type="button" onclick="XmlSendRequest();" value='Ajax請(qǐng)求' /></p><script type="text/javascript" src="jquery-1.12.4.js"></script><script>function JqSendRequest(){$.ajax({url: "http://c2.com:8000/test/",type: 'GET',dataType: 'text',success: function(data, statusText, xmlHttpRequest){console.log(data);}})}</script> </body> </html> View Code

跨域AJAX

由于瀏覽器存在同源策略機(jī)制，同源策略阻止從一個(gè)源加載的文檔或腳本獲取或設(shè)置另一個(gè)源加載的文檔的屬性。

特別的：由于同源策略是瀏覽器的限制，所以請(qǐng)求的發(fā)送和響應(yīng)是可以進(jìn)行，只不過(guò)瀏覽器不接受罷了。

瀏覽器同源策略并不是對(duì)所有的請(qǐng)求均制約：

??? 制約： XmlHttpRequest
??? 不叼： img、iframe、script等具有src屬性的標(biāo)簽

跨域，跨域名訪問(wèn)，如：http://www.c1.com 域名向 http://www.c2.com域名發(fā)送請(qǐng)求。

1、JSONP實(shí)現(xiàn)跨域請(qǐng)求

JSONP（JSONP - JSON with Padding是JSON的一種“使用模式”)，利用script標(biāo)簽的src屬性（瀏覽器允許script標(biāo)簽跨域）
基于JSONP實(shí)現(xiàn)跨域Ajax

<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title> </head> <body><p><input type="button" onclick="Jsonp1();" value='提交'/></p><p><input type="button" onclick="Jsonp2();" value='提交'/></p><script type="text/javascript" src="jquery-1.12.4.js"></script><script>function Jsonp1(){var tag = document.createElement('script');tag.src = "http://c2.com:8000/test/";document.head.appendChild(tag);document.head.removeChild(tag);}function Jsonp2(){$.ajax({url: "http://c2.com:8000/test/",type: 'GET',dataType: 'JSONP',success: function(data, statusText, xmlHttpRequest){console.log(data);}})}</script> </body> </html> View Code

2、CORS

隨著技術(shù)的發(fā)展，現(xiàn)在的瀏覽器可以支持主動(dòng)設(shè)置從而允許跨域請(qǐng)求，即：跨域資源共享（CORS，Cross-Origin Resource Sharing），其本質(zhì)是設(shè)置響應(yīng)頭，使得瀏覽器允許跨域請(qǐng)求。
* 簡(jiǎn)單請(qǐng)求 OR 非簡(jiǎn)單請(qǐng)求

條件：
??? 1、請(qǐng)求方式：HEAD、GET、POST
??? 2、請(qǐng)求頭信息：
??????? Accept
??????? Accept-Language
??????? Content-Language
??????? Last-Event-ID
??????? Content-Type 對(duì)應(yīng)的值是以下三個(gè)中的任意一個(gè)
??????????????????????????????? application/x-www-form-urlencoded
??????????????????????????????? multipart/form-data
??????????????????????????????? text/plain
?
注意：同時(shí)滿足以上兩個(gè)條件時(shí)，則是簡(jiǎn)單請(qǐng)求，否則為復(fù)雜請(qǐng)求

* 簡(jiǎn)單請(qǐng)求和非簡(jiǎn)單請(qǐng)求的區(qū)別？

?簡(jiǎn)單請(qǐng)求：一次請(qǐng)求
非簡(jiǎn)單請(qǐng)求：兩次請(qǐng)求，在發(fā)送數(shù)據(jù)之前會(huì)先發(fā)一次請(qǐng)求用于做“預(yù)檢”，只有“預(yù)檢”通過(guò)后才再發(fā)送一次請(qǐng)求用于數(shù)據(jù)傳輸。

* 關(guān)于“預(yù)檢”

- 請(qǐng)求方式：OPTIONS
- “預(yù)檢”其實(shí)做檢查，檢查如果通過(guò)則允許傳輸數(shù)據(jù)，檢查不通過(guò)則不再發(fā)送真正想要發(fā)送的消息
- 如何“預(yù)檢”
???? => 如果復(fù)雜請(qǐng)求是PUT等請(qǐng)求，則服務(wù)端需要設(shè)置允許某請(qǐng)求，否則“預(yù)檢”不通過(guò)
??????? Access-Control-Request-Method
???? => 如果復(fù)雜請(qǐng)求設(shè)置了請(qǐng)求頭，則服務(wù)端需要設(shè)置允許某請(qǐng)求頭，否則“預(yù)檢”不通過(guò)
??????? Access-Control-Request-Headers

轉(zhuǎn)載于:https://www.cnblogs.com/manger/p/6437074.html

總結(jié)

以上是生活随笔為你收集整理的项目 cmdb(一)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

项目
CMDB

上一篇：调参经验
下一篇： JavaScript 面试中常见算法问题