• <tr id="yyy80"></tr>
  • <sup id="yyy80"></sup>
  • <tfoot id="yyy80"><noscript id="yyy80"></noscript></tfoot>
  • 99热精品在线国产_美女午夜性视频免费_国产精品国产高清国产av_av欧美777_自拍偷自拍亚洲精品老妇_亚洲熟女精品中文字幕_www日本黄色视频网_国产精品野战在线观看 ?

    基于ExtJS的IT信息管理系統(tǒng)的設(shè)計和實現(xiàn)

    2011-03-01 07:54:40張一潔
    電站輔機 2011年2期
    關(guān)鍵詞:輸入框表單控件

    張一潔

    (上海電氣電站設(shè)備有限公司電站輔機廠,上海 200090)

    基于ExtJS的IT信息管理系統(tǒng)的設(shè)計和實現(xiàn)

    張一潔

    (上海電氣電站設(shè)備有限公司電站輔機廠,上海 200090)

    傳統(tǒng)的Web應(yīng)用在與用戶交互上,表現(xiàn)出的響應(yīng)比較緩慢,常需要用戶在線等待,通過A jax技術(shù)可使這種狀態(tài)得到改善?;贏 jax框架-ExtJS開發(fā)的IT信息管理系統(tǒng),是一種管理IT部門軟硬件資源的數(shù)據(jù)庫系統(tǒng),充分利用了Ex tJS框架的U I控件庫及控件的可擴展機制等優(yōu)點,開發(fā)了功能豐富、互動性良好的客戶端界面。該系統(tǒng)基于B/S結(jié)構(gòu),前、后臺的結(jié)構(gòu)清晰,具備良好的可擴展性和可維護(hù)性。

    軟件;應(yīng)用;框架;控件;組件;編程;設(shè)計;實現(xiàn)

    1 概 述

    目前,A jax技術(shù)已被廣泛地用在Web的應(yīng)用開發(fā)中。與傳統(tǒng)的Web應(yīng)用相比,A jax技術(shù)可有效地改善Web應(yīng)用的可用性。可以支持開發(fā)出功能豐富的用戶界面,讓用戶在Web瀏覽器上完成更多的工作;采用A jax技術(shù),減少了與服務(wù)器端的數(shù)據(jù)交換,不再像傳統(tǒng)的Web應(yīng)用需要向服務(wù)器提交整個頁面,僅需傳送少量的數(shù)據(jù)片斷,減少了用戶等待服務(wù)器處理的時間,提高了用戶的工作效率,改善了用戶體驗[1]。

    2 Ajax應(yīng)用

    2.1 Ajax與傳統(tǒng)Web的不同應(yīng)用

    2.1.1 客戶端與服務(wù)器端的通信

    A jax應(yīng)用采取的是異步通信,即當(dāng)用戶提交了一個Web請求后,就可繼續(xù)做系統(tǒng)操作,而不必坐著等待服務(wù)器的響應(yīng)。而且,A jax技術(shù)提交給服務(wù)器的只是數(shù)據(jù)的片斷,不似傳統(tǒng)應(yīng)用,需將整個頁面?zhèn)魉汀_@種通信方式,提高了系統(tǒng)的反應(yīng)速度,同時也減少了網(wǎng)絡(luò)負(fù)荷。

    2.1.2 用戶與系統(tǒng)的交互

    傳統(tǒng)的Web應(yīng)用,提供給用戶的是顯示靜態(tài)信息的Web頁面。與系統(tǒng)的交互必定是填寫表單或單擊某個網(wǎng)頁鏈接。通過表單錄入的數(shù)據(jù),必須一次性地提交給服務(wù)器。對于大批量的數(shù)據(jù)錄入,在用戶點擊保存按鈕進(jìn)行存儲時,可能因為網(wǎng)絡(luò)問題,導(dǎo)致提交失敗和數(shù)據(jù)丟失;服務(wù)器對用戶的認(rèn)證失敗后,就需重復(fù)提交這個過程。

    A jax應(yīng)用通過將用戶對數(shù)據(jù)的更改及時提交給服務(wù)器,并顯示給用戶,使用戶與系統(tǒng)的交互變得及時和直觀。由于數(shù)據(jù)是及時更新的,不會導(dǎo)致大批量數(shù)據(jù)因為網(wǎng)絡(luò)問題而丟失。

    2.1.3 系統(tǒng)的架構(gòu)

    傳統(tǒng)的Web應(yīng)用在很大程度上依賴于H TM L表單,并且更多地通過服務(wù)器端編程來完成主要的工作。服務(wù)器端既要處理來自客戶端的請求,又要根據(jù)請求生成相應(yīng)的頁面。這樣的工作,使得在開發(fā)中,服務(wù)器端的開發(fā)需要和UI的開發(fā)結(jié)合在一起,增加了服務(wù)器端開發(fā)的成本。

    A jax技術(shù)改變了這樣的系統(tǒng)架構(gòu)。服務(wù)器的功能可以被簡化為根據(jù)A jax請求提供數(shù)據(jù)或執(zhí)行操作,數(shù)據(jù)的顯示由前端完成。

    2.2 企業(yè)內(nèi)的Ajax應(yīng)用

    基于以上對A jax應(yīng)用的分析,可以看出,如在企業(yè)網(wǎng)站上采用A jax技術(shù),開發(fā)的Web應(yīng)用會提高員工的工作效率。

    3 ExtJS-WEB應(yīng)用的前端Ajax框架

    ExtJS是一個用JavaScript語言編寫的用于瀏覽器端UI開發(fā)的A jax框架[2]。這種框架有幾個主要特點。

    (1)開源項目

    ExtJS是一個開源項目,它提供了免費的框架代碼,完善的API/How to文檔,以及開發(fā)人員社區(qū)。這些資源可以幫助Ex tJS快速地在項目內(nèi)投入使用。

    (2)兼容各種瀏覽器

    ExtJS框架可跨瀏覽器運行?;诳蚣荛_發(fā)的應(yīng)用支持IE,FireFox,Safari等多種流行的瀏覽器。

    (3)后臺技術(shù)無關(guān)性

    ExtJS框架作為前端的開發(fā)平臺,可與當(dāng)前流行的Web后端技術(shù)如:Java,.NET,PHP組合進(jìn)行Web應(yīng)用的開發(fā)。

    (4)UI控件庫

    框架擁有非常豐富的控件庫,如表格,樹,窗體,面板,按鈕等??丶悦嫦?qū)ο蟮姆绞介_發(fā),提供了構(gòu)造器的參數(shù),可操作的屬性及方法,以及控件的事件等。這種面向?qū)ο蟮拈_發(fā),使得控件易于使用,也便于擴展。

    (5)擴展控件

    框架提供了對控件進(jìn)行擴展的機制。利用ExtJS.extend()函數(shù),可以在繼承父類控件的基礎(chǔ)上,創(chuàng)建新的類構(gòu)造器,增加新的屬性、方法、事件,構(gòu)造出新的控件。

    (6)組件化編程

    在ExtJS的框架下進(jìn)行 UI開發(fā),將包含諸多控件的容器類控件構(gòu)造成組件。這些組件封裝了對內(nèi)部控件的具體操作,對外提供統(tǒng)一接口,便于操作,降低了項目中UI開發(fā)的復(fù)雜度。

    (7)控件與后臺的數(shù)據(jù)交換

    ExtJS的前、后端數(shù)據(jù)交換簡單靈活。顯示數(shù)據(jù)集合的Ex tJS控件,如:表格,樹,下拉列表等,可支持多種數(shù)據(jù)格式:JSON、XM L、A rray。在顯示數(shù)據(jù)時,前端確定數(shù)據(jù)的格式和結(jié)構(gòu),后臺只要提供符合前端要求的數(shù)據(jù)。

    基于ExtJS框架的這些特點,可在項目內(nèi)使用該框架進(jìn)行客戶端UI的開發(fā)。

    4 基于ExtJS的IT信息管理系統(tǒng)

    IT信息管理系統(tǒng)是一種對企業(yè)內(nèi)各類計算機、服務(wù)器等進(jìn)行數(shù)據(jù)管理的應(yīng)用系統(tǒng)。系統(tǒng)的主要功能是對業(yè)務(wù)數(shù)據(jù)的增刪改查并可將各種數(shù)據(jù)匯總。

    4.1 系統(tǒng)結(jié)構(gòu)

    作為A jax應(yīng)用,客戶端界面集成了系統(tǒng)功能,提供給用戶操作系統(tǒng)的接口,負(fù)責(zé)接收并響應(yīng)用戶的請求。對用戶提交的執(zhí)行系統(tǒng)功能的請求,以異步通訊的方式發(fā)送到后臺服務(wù)器。在前臺收到A jax響應(yīng)后,以更新局部界面而不是將界面全部更新的方式,將執(zhí)行結(jié)果顯示到用戶界面上。后臺在A jax應(yīng)用中,負(fù)責(zé)執(zhí)行請求的系統(tǒng)功能,返回執(zhí)行結(jié)果。前、后臺在數(shù)據(jù)交換上采用統(tǒng)一的數(shù)據(jù)格式。系統(tǒng)結(jié)構(gòu)如圖1所示。

    4.2 系統(tǒng)設(shè)計

    4.2.1 界面設(shè)計

    界面按功能分為導(dǎo)航區(qū),功能模塊顯示區(qū),系統(tǒng)信息顯示區(qū)。功能導(dǎo)航區(qū)位于頁面的左部,以樹形結(jié)構(gòu)顯示出可供用戶操作的功能。用戶通過選擇結(jié)點,進(jìn)入相關(guān)的功能模塊。頁面的右半部分顯示功能模塊的操作界面。頂部用來顯示系統(tǒng)信息,進(jìn)行系統(tǒng)操作。

    圖1 系統(tǒng)結(jié)構(gòu)

    功能模塊界面按照執(zhí)行的功能主要有三種:數(shù)據(jù)錄入界面,數(shù)據(jù)查詢界面和數(shù)據(jù)匯總的圖表界面。在數(shù)據(jù)錄入界面,用戶可錄入不同數(shù)據(jù)類型的數(shù)據(jù);數(shù)據(jù)查詢界面,分為查詢條件設(shè)置和查詢結(jié)果顯示兩部分:查詢條件的設(shè)置界面,執(zhí)行的也是數(shù)據(jù)錄入的功能;查詢結(jié)果的顯示界面,支持對查詢結(jié)果進(jìn)行相應(yīng)的操作。對數(shù)據(jù)的統(tǒng)計并生成各類業(yè)務(wù)報表由數(shù)據(jù)匯總界面完成。

    4.2.2 功能設(shè)計

    用戶身份驗證模塊:IT信息管理系統(tǒng)只能由部門的相關(guān)人員使用,因此系統(tǒng)需提供用戶身份的驗證功能。用戶在登錄界面輸入用戶名和密碼,驗證成功后,才能進(jìn)入系統(tǒng)功能的主界面。

    權(quán)限管理模塊:管理用戶在系統(tǒng)內(nèi)的操作權(quán)限。用戶對系統(tǒng)的操作,需要進(jìn)行權(quán)限驗證。對不同的用戶,系統(tǒng)將提供不同的操作界面。

    請求處理模塊:前臺提交的對系統(tǒng)的操作請求,由該模塊統(tǒng)一處理。首先要解析A jax請求,獲取要調(diào)用的模塊功能接口的信息。然后,調(diào)用相關(guān)的功能模塊;最后將結(jié)果返回給前臺。

    業(yè)務(wù)功能模塊:執(zhí)行具體的業(yè)務(wù)操作,主要是對數(shù)據(jù)庫的操作。

    5 系統(tǒng)實現(xiàn)

    IT信息管理系統(tǒng)采用PHP語言開發(fā)服務(wù)器功能,MySQL作為數(shù)據(jù)庫管理系統(tǒng)。前端用戶界面在Ex tJS框架下使用JavaScrip t語言進(jìn)行開發(fā)。系統(tǒng)采用A jax結(jié)構(gòu),前、后臺編碼分離,后臺不再負(fù)責(zé)生成前臺的HTM L腳本。前、后臺的聯(lián)系體現(xiàn)在數(shù)據(jù)的交互上,要求前、后臺使用一致的數(shù)據(jù)表達(dá)格式。

    5.1 用戶界面

    在用戶界面的開發(fā)中,Ex tJS框架的控件庫并不能完全滿足項目的需求。利用該框架的擴展功能,在項目內(nèi)構(gòu)建新的控件和界面組件。

    5.1.1 擴展表單輸入框控件

    在項目中,用得比較多的是表單的輸入框控件[3]。它提供了多種數(shù)據(jù)類型的輸入方式,例如:文本輸入框,數(shù)字輸入框,下拉列表,日期選擇框等。在需要錄入大量不同類型數(shù)據(jù)的時候,使用功能豐富的輸入框,可以方便用戶的操作,提高用戶的工作效率。

    Ex tJS框架提供的表單輸入框,由輸入框的標(biāo)簽名稱和輸入框組成。它只提供了一個數(shù)據(jù)的錄入框。當(dāng)輸入內(nèi)容由數(shù)個部分組成時,就需要構(gòu)建新的表單輸入框。例如,在設(shè)置查詢條件時,查詢字段的值要求由操作符和查詢內(nèi)容兩部分組成。下面給出在項目內(nèi)構(gòu)建的幾個輸入框。

    (1)日期區(qū)間的輸入框

    在設(shè)置日期字段的查詢值時,需要錄入日期的區(qū)間值,即起始和終止日期。這就需要兩個日期的輸入。它們的輸入值構(gòu)成了這個日期查詢字段的查詢內(nèi)容。

    (2)帶有操作符的條件輸入框

    有些查詢字段的輸入框,要求用戶選擇該字段的限制條件。

    如下圖,小于100的軟件許可數(shù)量,包含字符”制造”的部門。

    (3)動態(tài)生成的查詢條件錄入框

    在設(shè)備查詢中,由于設(shè)備信息保存在多張數(shù)據(jù)庫表內(nèi)。查詢時,用戶需要將不同表的查詢字段組合在一起進(jìn)行查詢。如下圖,用戶需要查詢,設(shè)備類型屬于”激光打印機”,且設(shè)備的使用部門不是”計算機”部門,滿足這個條件的所有設(shè)備。用戶可以動態(tài)地添加或刪除查詢條件。

    在框架內(nèi)構(gòu)建新的錄入框,需要使用框架提供的擴展函數(shù)Ext.extend()。由于錄入框的基本功能就是一個表單標(biāo)簽,因此繼承框架提供的控件Ex t.form.Field,并修改生成錄入框的頁面元素的方法onRender(),以及獲取錄入內(nèi)容的getValue()方法。部分代碼見下圖:

    5.1.2 構(gòu)建界面組件

    用戶界面由各種組件以不同的布局方式組合而成。組件化編程為界面的開發(fā)帶來很多優(yōu)點:首先組件提供一致的外觀,組件構(gòu)成的界面整齊美觀;其次組件封裝了數(shù)據(jù)和數(shù)據(jù)的顯示,提供特定功能,易修改或增加新的特性,可在項目內(nèi)重復(fù)使用。

    ExtJS框架的擴展函數(shù)Ext.extend()成為構(gòu)建組件的主要工具?,F(xiàn)以數(shù)據(jù)錄入和數(shù)據(jù)查詢時的界面組件為例,說明項目內(nèi)如何構(gòu)建界面組件。

    (1)數(shù)據(jù)錄入表單組件

    項目內(nèi)存在多個錄入業(yè)務(wù)數(shù)據(jù)的表單組件,如:軟件信息的錄入,計算機設(shè)備信息的錄入,設(shè)備維修單的錄入等。這些錄入表單組件具備共同的屬性和功能,即包含不同的數(shù)據(jù)錄入控件,提供基本的表單操作,包括獲取表單數(shù)據(jù),驗證表單數(shù)據(jù)是否有效,裝載數(shù)據(jù)等。將這些共有的特性封裝到組件DataInputFormPanel,其他錄入組件通過繼承關(guān)系共享它提供的功能。圖2顯示了組件之間的繼承關(guān)系。

    圖2 組件的擴展

    (2)數(shù)據(jù)查詢結(jié)果表格組件

    與數(shù)據(jù)錄入相類似,在數(shù)據(jù)查詢中,有多個顯示查詢結(jié)果的組件,如:設(shè)備查詢,軟件查詢,部門查詢等。這些查詢組件共有的功能是多條數(shù)據(jù)的顯示,對結(jié)果數(shù)據(jù)進(jìn)行編輯等操作,并將結(jié)果導(dǎo)出到Excel表里等。構(gòu)建組件SearchGridPanel,它繼承了ExtJS框架的表格控件Ext.grid.GridPanel。

    5.1.3 界面實例

    信息查詢界面由查詢條件的錄入組件和查詢結(jié)果的顯示組件組成。查詢條件組件的表單輸入框控件錄入要查詢的信息,查詢結(jié)果組件顯示符合查詢條件的結(jié)果,并對結(jié)果數(shù)據(jù)進(jìn)行編輯、查看等操作。

    5.2 后臺

    IT信息管理系統(tǒng)中,前臺界面扮演了重要角色,負(fù)責(zé)數(shù)據(jù)的顯現(xiàn),而后臺在這里只是起到了訪問數(shù)據(jù)庫,發(fā)送數(shù)據(jù)結(jié)果的作用。因此,后臺的功能主要是處理A jax請求。在實現(xiàn)上,由請求處理模塊處理來自前臺的要求執(zhí)行業(yè)務(wù)功能的A jax請求,由功能模塊執(zhí)行相應(yīng)的業(yè)務(wù)邏輯流程,見圖3所示。

    圖3 模塊功能的執(zhí)行流程

    (1)請求處理模塊

    該模塊的功能首先解析A jax請求,從請求中獲取所調(diào)用的功能模塊的接口信息,即m odule name,method nam e,method parameters。然后利用PHP的Reflection機制,調(diào)用模塊函數(shù),獲得結(jié)果。最后對結(jié)果按照前臺要求的數(shù)據(jù)格式進(jìn)行轉(zhuǎn)換,返回響應(yīng)結(jié)果。

    (2)業(yè)務(wù)功能模塊

    該模塊主要執(zhí)行具體的業(yè)務(wù)邏輯。它將公開可以被外部調(diào)用的接口信息。前臺界面將根據(jù)這個接口信息,生成具體的模塊功能調(diào)用并包含到A jax請求內(nèi),發(fā)送到服務(wù)器。在實現(xiàn)上,每一個功能模塊作為函數(shù)的集合,部分代碼如下圖:

    (3)權(quán)限管理模塊

    系統(tǒng)的權(quán)限管理是基于角色對用戶的權(quán)限進(jìn)行控制。對角色授權(quán),即使角色擁有對系統(tǒng)內(nèi)權(quán)限對象的訪問許可。對系統(tǒng)內(nèi)權(quán)限對象的查看,更新等操作,只有在擁有該對象的訪問許可的條件下才能進(jìn)行。如:對設(shè)備的查詢操作,是在擁有對設(shè)備的讀許可下進(jìn)行的;軟件錄入,需要擁有對軟件的寫許可。

    一個用戶可經(jīng)授權(quán)而擁有多個角色,一個角色可由多個用戶構(gòu)成;每個角色可擁有多種許可,每個許可也可授權(quán)給多個不同的角色。

    6 結(jié) 語

    以IT信息管理系統(tǒng)為例,說明了使用ExtJS框架開發(fā)A jax應(yīng)用的過程。目前,該系統(tǒng)已投入使用,運行狀態(tài)良好。但在系統(tǒng)使用過程中,發(fā)現(xiàn)還存在某些問題,仍需不斷升級改進(jìn)。如下載至客戶端的腳本文件較大所帶來的問題。ExtJS框架的核心文件以及系統(tǒng)的客戶端腳本文件,會下載到客戶端瀏覽器,文件的大小會影響到下載速度和運行時占用系統(tǒng)內(nèi)存。因此,一方面采用壓縮工具,對腳本文件進(jìn)行壓縮;另一方面對系統(tǒng)進(jìn)行重構(gòu),提高代碼的質(zhì)量。還有系統(tǒng)的安全性問題,腳本下載到客戶端,就等于暴露給用戶。為防止腳本被改變,造成對系統(tǒng)的攻擊,需對某些腳本信息采取加密措施。

    [1]David Johnson,A lexeiWhite,Andre Charland.A jax企業(yè)級開發(fā)[M].北京:人民郵電出版社.2008:7-11.

    [2]John Fronckow iak.用 Ext JS構(gòu)建A jax應(yīng)用程序[J].http://www.ibm.com/developerw orks/web/lib rary/w a-aj-ex tjs/.

    [3]徐會生,何啟偉,康愛媛.深入淺出Ext JS[M].北京:人民郵電出版社.2009:78-83.

    Design&Imp lementation of IT In formation Management System based on ExtJS

    ZHANG Y i-jie
    (Shanghai Power Station Auxiliary Equipment Plant,Shanghai Electric Pow er Generation Equipment Co.,Ltd.,Shanghai200090,China)

    Slow response to user's requestand online waiting by theuser are often found in the interac tivity with user in the traditional Web-based applications,w hich can be im proved by the Ajax technology.The IT information management system is a database app lication which is builtupon A jax Framew ork-ExtJS and developed for IT center tomanage the IT resources of hard-and softw are.It uses UIwidgets and extensibility mechanism of ExtJS to build rich and f riend ly user interface.The system bases on B/S structure w ith clear front-end structure and has fine expandability and easy maintainability.

    Ajax software;application;framew ork;contro l element;component;p rogramm ing;design;realization

    TP311.12

    A

    1672-0210(2011)02-0043-05

    2011-04-06

    2011-04-27

    張一潔(1971-),女,助工,碩士,現(xiàn)從事企業(yè)內(nèi)應(yīng)用軟件的開發(fā)工作。

    猜你喜歡
    輸入框表單控件
    基于GGB的拖動交互式練習(xí)題
    電子表單系統(tǒng)應(yīng)用分析
    華東科技(2021年9期)2021-09-23 02:15:24
    拍一拍,圖片識文字
    關(guān)于.net控件數(shù)組的探討
    軟件(2018年7期)2018-08-13 09:44:42
    輸入框設(shè)計中需注意的9個細(xì)節(jié)
    淺談網(wǎng)頁制作中表單的教學(xué)
    自編翻譯程序
    CHIP新電腦(2015年10期)2015-10-15 12:48:23
    基于Infopath實現(xiàn)WEB動態(tài)表單的研究
    電子世界(2012年24期)2012-12-17 10:49:06
    動態(tài)表單技術(shù)在教學(xué)管理中的應(yīng)用*
    就這樣玩會VBA中常見的自定義控件
    電腦迷(2012年24期)2012-04-29 00:44:03
    一本一本久久a久久精品综合妖精 国产伦在线观看视频一区 | 91精品一卡2卡3卡4卡| 夜夜爽夜夜爽视频| 两个人免费观看高清视频| 国产色婷婷99| 伦精品一区二区三区| 亚洲少妇的诱惑av| 久久毛片免费看一区二区三区| 欧美老熟妇乱子伦牲交| 午夜视频国产福利| 久久久久久久久久久丰满| 免费黄色在线免费观看| 国产精品国产三级国产专区5o| 丰满饥渴人妻一区二区三| 性色av一级| 18禁动态无遮挡网站| 亚洲不卡免费看| 日本91视频免费播放| 精品亚洲成国产av| 中文字幕久久专区| 男女无遮挡免费网站观看| 欧美人与善性xxx| 大话2 男鬼变身卡| 大码成人一级视频| 国产片特级美女逼逼视频| av线在线观看网站| 精品国产一区二区三区久久久樱花| 免费观看a级毛片全部| 精品一区在线观看国产| 亚洲欧美日韩另类电影网站| 国产成人午夜福利电影在线观看| 久久久午夜欧美精品| 爱豆传媒免费全集在线观看| 美女内射精品一级片tv| 亚洲图色成人| 九九在线视频观看精品| 成人国产麻豆网| 综合色丁香网| 美女国产高潮福利片在线看| 亚洲av不卡在线观看| 黄色欧美视频在线观看| 99re6热这里在线精品视频| 蜜臀久久99精品久久宅男| 国产国拍精品亚洲av在线观看| 亚洲综合精品二区| 精品人妻一区二区三区麻豆| 国产av码专区亚洲av| 视频区图区小说| 视频中文字幕在线观看| 飞空精品影院首页| 91精品三级在线观看| av播播在线观看一区| 制服人妻中文乱码| 超碰97精品在线观看| 97超碰精品成人国产| 男的添女的下面高潮视频| 久久人人爽人人爽人人片va| 精品人妻熟女av久视频| 91精品一卡2卡3卡4卡| 午夜日本视频在线| 精品少妇久久久久久888优播| 国产视频内射| 黄色配什么色好看| 日日撸夜夜添| 男人爽女人下面视频在线观看| 丝袜喷水一区| 精品熟女少妇av免费看| 免费不卡的大黄色大毛片视频在线观看| 王馨瑶露胸无遮挡在线观看| 97精品久久久久久久久久精品| h视频一区二区三区| 欧美三级亚洲精品| 欧美国产精品一级二级三级| 99热这里只有是精品在线观看| 考比视频在线观看| 18在线观看网站| 精品一区在线观看国产| 欧美3d第一页| 大香蕉久久网| 一本—道久久a久久精品蜜桃钙片| 日韩免费高清中文字幕av| 三级国产精品片| 人妻一区二区av| a级毛片在线看网站| 男女边吃奶边做爰视频| 蜜桃国产av成人99| 成人亚洲精品一区在线观看| 亚洲av.av天堂| 嫩草影院入口| 精品久久久噜噜| 99国产综合亚洲精品| 中文欧美无线码| 日韩制服骚丝袜av| 国产欧美日韩综合在线一区二区| 欧美精品一区二区免费开放| 日本与韩国留学比较| 国产精品国产三级专区第一集| 国产精品无大码| 国产一区二区在线观看av| 日韩熟女老妇一区二区性免费视频| 日本wwww免费看| 日本vs欧美在线观看视频| 九色成人免费人妻av| 嫩草影院入口| 成人二区视频| av视频免费观看在线观看| 日本免费在线观看一区| 免费观看a级毛片全部| 一级a做视频免费观看| 热re99久久国产66热| 51国产日韩欧美| 九九爱精品视频在线观看| kizo精华| 国产黄色免费在线视频| 99久久中文字幕三级久久日本| 观看美女的网站| 免费观看性生交大片5| 欧美日韩国产mv在线观看视频| 日本欧美国产在线视频| 国产精品久久久久久精品古装| av在线app专区| 欧美变态另类bdsm刘玥| 亚洲中文av在线| 22中文网久久字幕| 看非洲黑人一级黄片| 国产国拍精品亚洲av在线观看| 日日摸夜夜添夜夜爱| 男人爽女人下面视频在线观看| 在线观看www视频免费| 亚洲少妇的诱惑av| 亚洲精品一二三| 国产成人精品福利久久| 插逼视频在线观看| 亚洲精品乱码久久久久久按摩| 欧美bdsm另类| 777米奇影视久久| 美女xxoo啪啪120秒动态图| 久久久久久久精品精品| 久久国内精品自在自线图片| 妹子高潮喷水视频| av在线老鸭窝| 日韩,欧美,国产一区二区三区| 精品国产露脸久久av麻豆| 国产精品无大码| 国产片内射在线| 2021少妇久久久久久久久久久| 国产视频内射| 午夜免费男女啪啪视频观看| 在线看a的网站| 亚洲av中文av极速乱| 国产男人的电影天堂91| 免费大片18禁| 精品一区二区三区视频在线| 91精品国产九色| 热99久久久久精品小说推荐| 永久网站在线| 草草在线视频免费看| 日日摸夜夜添夜夜爱| 狂野欧美激情性bbbbbb| 亚洲精品一区蜜桃| 亚洲人成网站在线观看播放| 精品国产露脸久久av麻豆| 国产成人免费观看mmmm| 国产精品久久久久久av不卡| 晚上一个人看的免费电影| 一级毛片aaaaaa免费看小| 国产白丝娇喘喷水9色精品| 免费观看a级毛片全部| 有码 亚洲区| 性色avwww在线观看| 晚上一个人看的免费电影| 中文字幕久久专区| 大陆偷拍与自拍| 国产精品成人在线| 精品午夜福利在线看| 美女福利国产在线| 在线观看www视频免费| 80岁老熟妇乱子伦牲交| 肉色欧美久久久久久久蜜桃| 精品久久久久久久久亚洲| 91久久精品国产一区二区三区| 99久国产av精品国产电影| 18禁动态无遮挡网站| av视频免费观看在线观看| 大话2 男鬼变身卡| 免费不卡的大黄色大毛片视频在线观看| av国产久精品久网站免费入址| 久久精品国产鲁丝片午夜精品| 国产免费现黄频在线看| 久久99一区二区三区| kizo精华| 午夜福利网站1000一区二区三区| 国产国语露脸激情在线看| 精品人妻偷拍中文字幕| 亚洲av.av天堂| 亚洲色图综合在线观看| 少妇人妻精品综合一区二区| 亚洲第一av免费看| .国产精品久久| 国产国语露脸激情在线看| 一区二区三区四区激情视频| 中文字幕亚洲精品专区| 久久久久久久久久成人| 亚洲精品,欧美精品| 人人澡人人妻人| 亚洲精品第二区| 亚洲国产毛片av蜜桃av| 欧美日韩综合久久久久久| 美女主播在线视频| 校园人妻丝袜中文字幕| 婷婷色av中文字幕| 在线精品无人区一区二区三| 日本与韩国留学比较| 亚洲av电影在线观看一区二区三区| 国产 精品1| 赤兔流量卡办理| 久久人妻熟女aⅴ| 国产男人的电影天堂91| 大香蕉97超碰在线| 精品人妻一区二区三区麻豆| 夫妻性生交免费视频一级片| 视频区图区小说| 天美传媒精品一区二区| 999精品在线视频| 久久婷婷青草| 制服丝袜香蕉在线| 日韩中文字幕视频在线看片| 精品国产国语对白av| 午夜福利,免费看| 亚洲精品第二区| 赤兔流量卡办理| 亚洲av中文av极速乱| 亚洲精品国产色婷婷电影| 午夜激情av网站| 考比视频在线观看| 这个男人来自地球电影免费观看 | 午夜91福利影院| 国产乱人偷精品视频| 亚洲国产精品一区二区三区在线| 久久久久视频综合| 久久国产亚洲av麻豆专区| 久久精品久久久久久久性| 人人澡人人妻人| 韩国高清视频一区二区三区| 亚洲精华国产精华液的使用体验| 亚洲成色77777| 免费少妇av软件| 亚洲成人av在线免费| 一区二区av电影网| 精品国产国语对白av| 伊人久久国产一区二区| 99视频精品全部免费 在线| 久久久久久伊人网av| 婷婷色综合www| 又黄又爽又刺激的免费视频.| 欧美日韩一区二区视频在线观看视频在线| 亚洲国产精品专区欧美| 春色校园在线视频观看| 精品一区二区三卡| 高清午夜精品一区二区三区| 精品国产乱码久久久久久小说| 欧美日韩在线观看h| 校园人妻丝袜中文字幕| 亚洲精品国产av蜜桃| 成人亚洲精品一区在线观看| 人体艺术视频欧美日本| 91久久精品电影网| 一级a做视频免费观看| a级毛色黄片| 免费大片黄手机在线观看| www.色视频.com| 国内精品宾馆在线| 免费看不卡的av| av福利片在线| 毛片一级片免费看久久久久| 国产亚洲av片在线观看秒播厂| 国产免费福利视频在线观看| av一本久久久久| 如何舔出高潮| 夫妻性生交免费视频一级片| 人人妻人人澡人人看| 91久久精品国产一区二区三区| 51国产日韩欧美| 亚洲av综合色区一区| 在线免费观看不下载黄p国产| 老司机影院毛片| 青春草亚洲视频在线观看| 久久精品国产a三级三级三级| 久久免费观看电影| 久久国产亚洲av麻豆专区| 久久精品国产a三级三级三级| 老司机影院毛片| 亚洲情色 制服丝袜| av黄色大香蕉| 99国产综合亚洲精品| 国产亚洲最大av| 如何舔出高潮| 中国美白少妇内射xxxbb| 精品久久久久久久久亚洲| 五月天丁香电影| 国产成人一区二区在线| 亚州av有码| 在线观看www视频免费| 成人免费观看视频高清| 国产成人精品婷婷| 国产69精品久久久久777片| 国产精品.久久久| 七月丁香在线播放| 国产精品99久久99久久久不卡 | 中文字幕制服av| 女性生殖器流出的白浆| 免费不卡的大黄色大毛片视频在线观看| 黄色视频在线播放观看不卡| 国产探花极品一区二区| 十分钟在线观看高清视频www| 亚洲国产精品成人久久小说| 国产精品99久久久久久久久| 亚洲国产av影院在线观看| 我要看黄色一级片免费的| 精品视频人人做人人爽| 日产精品乱码卡一卡2卡三| 多毛熟女@视频| 嘟嘟电影网在线观看| 日日摸夜夜添夜夜添av毛片| 亚洲精品久久成人aⅴ小说 | 一级,二级,三级黄色视频| 亚州av有码| 成年人午夜在线观看视频| 久久毛片免费看一区二区三区| 精品久久久久久久久亚洲| 精品少妇久久久久久888优播| 欧美丝袜亚洲另类| 美女中出高潮动态图| 99视频精品全部免费 在线| 亚洲国产av影院在线观看| 免费大片18禁| 黑人巨大精品欧美一区二区蜜桃 | 日韩av在线免费看完整版不卡| 国产熟女午夜一区二区三区 | 午夜老司机福利剧场| 水蜜桃什么品种好| 热99久久久久精品小说推荐| 亚洲性久久影院| 亚洲怡红院男人天堂| 美女主播在线视频| 日韩免费高清中文字幕av| 九色亚洲精品在线播放| 自线自在国产av| 国产成人精品无人区| 久久精品久久久久久噜噜老黄| 亚洲国产精品成人久久小说| tube8黄色片| 亚洲精品日韩在线中文字幕| 色哟哟·www| 水蜜桃什么品种好| 国产成人精品一,二区| 91久久精品电影网| 女人精品久久久久毛片| 精品人妻偷拍中文字幕| 美女内射精品一级片tv| 色94色欧美一区二区| 日韩中文字幕视频在线看片| 日本欧美视频一区| 亚洲国产av影院在线观看| 男人爽女人下面视频在线观看| 大陆偷拍与自拍| 国产精品欧美亚洲77777| 亚洲av成人精品一区久久| 男女啪啪激烈高潮av片| 一本一本综合久久| 国产精品国产三级国产专区5o| 黄色一级大片看看| 桃花免费在线播放| 亚洲精品乱码久久久v下载方式| 国产在线免费精品| 亚洲精品久久午夜乱码| 丝袜喷水一区| 国产精品国产三级国产av玫瑰| 在线亚洲精品国产二区图片欧美 | 中文字幕最新亚洲高清| 简卡轻食公司| 免费大片黄手机在线观看| 国产欧美亚洲国产| 18在线观看网站| 国产成人午夜福利电影在线观看| 免费少妇av软件| 大香蕉久久网| 色婷婷av一区二区三区视频| 亚洲av电影在线观看一区二区三区| 18禁动态无遮挡网站| 久久久久久人妻| 亚洲国产毛片av蜜桃av| 国产伦理片在线播放av一区| 日韩熟女老妇一区二区性免费视频| 日韩在线高清观看一区二区三区| 亚洲精品日韩av片在线观看| 十分钟在线观看高清视频www| 色婷婷久久久亚洲欧美| 超碰97精品在线观看| 亚洲第一av免费看| 在线看a的网站| 国产成人免费观看mmmm| 中文乱码字字幕精品一区二区三区| 亚洲五月色婷婷综合| 99久久精品一区二区三区| 日本色播在线视频| 国产精品一区二区在线不卡| 自线自在国产av| 国产成人freesex在线| 成人国产麻豆网| 高清不卡的av网站| av电影中文网址| 老司机影院成人| 麻豆精品久久久久久蜜桃| 晚上一个人看的免费电影| 一级毛片黄色毛片免费观看视频| 一级毛片 在线播放| 水蜜桃什么品种好| 亚洲丝袜综合中文字幕| 2022亚洲国产成人精品| 日韩av免费高清视频| 国产高清有码在线观看视频| 中文乱码字字幕精品一区二区三区| 在线观看www视频免费| 夫妻性生交免费视频一级片| 97超视频在线观看视频| 性色av一级| 国产一区二区三区综合在线观看 | 国产老妇伦熟女老妇高清| 国产精品一区二区三区四区免费观看| 哪个播放器可以免费观看大片| 一区二区三区免费毛片| 少妇猛男粗大的猛烈进出视频| 欧美激情极品国产一区二区三区 | 亚洲精品456在线播放app| 欧美精品一区二区大全| 国产男女内射视频| 97在线人人人人妻| 精品人妻偷拍中文字幕| 成人无遮挡网站| 亚洲三级黄色毛片| 久久精品久久久久久噜噜老黄| 丰满少妇做爰视频| 国产伦理片在线播放av一区| 男人操女人黄网站| 午夜激情av网站| 考比视频在线观看| 熟女电影av网| av在线播放精品| 午夜激情福利司机影院| 亚洲经典国产精华液单| 99热网站在线观看| 日本黄色片子视频| 欧美激情极品国产一区二区三区 | 国产 精品1| 午夜福利在线观看免费完整高清在| 一区二区三区乱码不卡18| 日韩熟女老妇一区二区性免费视频| 午夜免费鲁丝| 精品视频人人做人人爽| 永久免费av网站大全| 亚洲国产av影院在线观看| 人妻人人澡人人爽人人| 在线观看人妻少妇| 99热国产这里只有精品6| 久久精品久久久久久久性| 色婷婷av一区二区三区视频| 看非洲黑人一级黄片| xxx大片免费视频| 韩国高清视频一区二区三区| 一个人看视频在线观看www免费| 亚洲av国产av综合av卡| 日本欧美国产在线视频| 蜜桃在线观看..| 国产男女内射视频| 熟女人妻精品中文字幕| 人妻一区二区av| 色哟哟·www| 中文字幕亚洲精品专区| 欧美 亚洲 国产 日韩一| 免费大片黄手机在线观看| 久久久国产一区二区| 曰老女人黄片| 麻豆成人av视频| 精品久久国产蜜桃| 亚洲精品一区蜜桃| 亚洲av成人精品一二三区| 国产精品一区www在线观看| 久久久久国产网址| 中文精品一卡2卡3卡4更新| 丰满饥渴人妻一区二区三| 日韩,欧美,国产一区二区三区| 午夜av观看不卡| 亚洲欧洲日产国产| 亚洲精品国产色婷婷电影| 丰满饥渴人妻一区二区三| av免费观看日本| 国产成人a∨麻豆精品| 男人添女人高潮全过程视频| 久久久久久伊人网av| 亚洲五月色婷婷综合| av网站免费在线观看视频| 国产成人av激情在线播放 | 99热全是精品| av女优亚洲男人天堂| 伦理电影大哥的女人| 一本—道久久a久久精品蜜桃钙片| 一级毛片电影观看| 国产高清三级在线| 久久热精品热| 日韩人妻高清精品专区| 国国产精品蜜臀av免费| 国产日韩欧美视频二区| 久久久久国产网址| 亚洲精品一二三| 汤姆久久久久久久影院中文字幕| 国产成人精品无人区| 国产亚洲午夜精品一区二区久久| 一本一本综合久久| 日韩熟女老妇一区二区性免费视频| 成人国语在线视频| 中文字幕亚洲精品专区| 国产免费福利视频在线观看| 国模一区二区三区四区视频| 久久毛片免费看一区二区三区| 日韩中文字幕视频在线看片| 丝袜在线中文字幕| 国产黄色免费在线视频| 国产在视频线精品| 国产成人精品在线电影| 青春草亚洲视频在线观看| 91精品一卡2卡3卡4卡| 大片电影免费在线观看免费| 日韩一区二区视频免费看| 亚洲伊人久久精品综合| 久久久久久久大尺度免费视频| 国产精品无大码| 欧美精品高潮呻吟av久久| 成人影院久久| 91精品三级在线观看| 日本欧美国产在线视频| 色94色欧美一区二区| 国产黄色视频一区二区在线观看| 日本wwww免费看| 亚洲美女搞黄在线观看| 国产亚洲最大av| 色网站视频免费| 亚洲欧美清纯卡通| 国产 一区精品| 午夜福利视频在线观看免费| 一级毛片 在线播放| 人人妻人人爽人人添夜夜欢视频| av不卡在线播放| 午夜福利在线观看免费完整高清在| 婷婷成人精品国产| 国产亚洲欧美精品永久| 两个人免费观看高清视频| 王馨瑶露胸无遮挡在线观看| 欧美日韩成人在线一区二区| 啦啦啦啦在线视频资源| 日韩三级伦理在线观看| 国产欧美亚洲国产| 久久 成人 亚洲| 亚洲精品美女久久av网站| 免费观看性生交大片5| 午夜免费男女啪啪视频观看| 欧美国产精品一级二级三级| 久久久a久久爽久久v久久| av福利片在线| 亚洲高清免费不卡视频| 人妻一区二区av| 女性生殖器流出的白浆| 亚洲婷婷狠狠爱综合网| 精品人妻熟女毛片av久久网站| 日韩成人av中文字幕在线观看| 免费少妇av软件| 午夜激情久久久久久久| 亚洲国产毛片av蜜桃av| av又黄又爽大尺度在线免费看| 婷婷色av中文字幕| 国产成人91sexporn| 2021少妇久久久久久久久久久| 国产男女超爽视频在线观看| 成年人午夜在线观看视频| 永久网站在线| 少妇猛男粗大的猛烈进出视频| 免费人成在线观看视频色| 两个人的视频大全免费| 久久人人爽av亚洲精品天堂| 国产成人精品在线电影| 亚洲内射少妇av| 人妻制服诱惑在线中文字幕| 日韩中文字幕视频在线看片| 乱人伦中国视频| 我的女老师完整版在线观看| 婷婷成人精品国产| 亚洲精品乱码久久久久久按摩| 啦啦啦中文免费视频观看日本| 九草在线视频观看| 少妇的逼好多水| 日本欧美国产在线视频| 久久鲁丝午夜福利片| 男男h啪啪无遮挡| 91成人精品电影| 亚洲av福利一区| 亚洲欧美色中文字幕在线| 男女啪啪激烈高潮av片| 校园人妻丝袜中文字幕| 少妇被粗大的猛进出69影院 | 能在线免费看毛片的网站| 国产淫语在线视频| 免费观看性生交大片5| 你懂的网址亚洲精品在线观看| 一二三四中文在线观看免费高清| 人体艺术视频欧美日本|