<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    鷹翔宇空

    學習和生活

    BlogJava 首頁 新隨筆 聯系 聚合 管理
      110 Posts :: 141 Stories :: 315 Comments :: 1 Trackbacks
    引自:http://www.3doing.net/forums/dispbbs.asp?boardID=11&ID=322&page=1

    發貼心情?應用OSCache提升J2EE系統運行性能
    Cache是一種用于提高系統響應速度、改善系統運行性能的技術。尤其是在Web應用中,通過緩存頁面的輸出結果,可以很顯著的改善系統運行性能。本文中作者給大家介紹一個實現J2EE框架中Web應用層緩存功能的開放源代碼項目----OSCache。通過應用OSCache,我們不但可以實現通常的Cache功能,還能夠改善系統的穩定性。

    關鍵詞: Cache 系統性能

    1面臨的問題

     1.1需要處理的特殊動態內容

      在信息系統建設過程中我們通常會遇到這樣的問題:

      1.基礎數據的變更問題

       信息系統中需要處理的基礎數據的內容短時間內是不會發生變化的,但是在一個相對長一些的時間里,它卻可能是動態增加或者減少的。

       舉個例子:電子商務中關于送貨區域的定義,可能短時間內不會發生變化,但是隨著電子商務企業業務的擴大,系統中需要處理的送貨區域就可能增加。所以我們的系統中不得不在每次向客戶展示送貨區域信息的時候都和數據庫(假設送貨區域信息保存在數據庫中,這也是通常采用的處理方法)進行交互。

      2.統計報表(不僅限于統計報表)的問題

       一般來說,統計報表是一個周期性的工作,可能是半個月、一個月或者更長的時間才會需要更新一次,然而統計報表通常是圖形顯示或者是生成pdf、word、excel等格式的文件,這些圖形內容、文件的生成通常需要消耗很多的系統資源,給系統運行造成很大的負擔。

     1.2問題的共同點

      通過比較分析,不難發現這兩類問題有一些共同點:

      1、被處理的內容短時間不變,所以短時間內可以作為靜態內容進行處理

      2、在一個不太長的時間內,被處理的內容可能或者必定產生變化,所以必須將他們作為動態內容進行處理

      3、在合理的時間區段內可以忽略被處理內容變化后帶來的影響

      4、對這些內容的處理動作比較消耗系統性能,影響系統響應時間

     1.3 解決方法

      緩存技術可以幫助我們很好的解決這個問題:

       1、緩存信息

       當上述的基礎數據或者統計報表第一次被訪問時,被處理的內容被當作動態信息,基礎數庫從數據庫中獲得,統計報表也會被生成符合要求的圖形、文件,然后這些信息都會被放入緩存信息中。

       2、響應信息由緩存提供

       當上述的基礎數據或者統計報表繼續被訪問時,系統將會首先檢查緩存信息中是否有對應的內容和我們設定的緩存規則,如果符合緩存信息存在而且符合緩存規則,給出的響應將來自于緩存信息,如果沒有或者緩存信息已經不符合設定的要求,系統將重復上一步的動作。

       很顯然,上面的步驟2中,多數情況下,當用戶請求到達時,被處理的內容將來自于緩存,所以大大的減少了與數據庫的交互,或者不再需要為每個請求都生成一次報表圖形或者文件,這部分工作的減少對于降低系統性能消耗、提高系統穩定性和并發處理能力是非常有益的。

    2 OSCache簡介

      OSCache是OpenSymphony組織提供的一個J2EE架構中Web應用層的緩存技術實現組件,它的出現解決了我們面臨的問題。

      OSCache目前最新的穩定版本是2.0,本文中的例子都是基于這個版本的,如果大家運行例子的過程中發生問題,請首先確認是否采用了正確的軟件版本。

     2.1主要特征

      1.兼容多種支持JSP的web服務器

       已經通過兼容測試的web服務器包括OrionServer (1.4.0或者以上版本) 、Macromedia JRun (3.0或者以上版本) 、BEA Weblogic (7.x或者以上版本) 、IBM Websphere (5.0版本)、Silverstream (3.7.4版本)、Caucho Resin (1.2.3或者以上版本)、Tomcat (4.0或者以上版本) ,其他支持servlet2.3、jsp1.2的web服務器應該都是完全兼容OSCache的。

      2.可選的緩存區

       你可以使用內存、硬盤空間、同時使用內存和硬盤或者提供自己的其他資源(需要自己提供適配器)作為緩存區。

       1)使用內存作為緩存區將可以提供更好的性能

       2)使用硬盤作為緩存區可以在服務器重起后迅速恢復緩存內容

       3)同時使用內存和硬盤作為緩存區則可以減少對內存的占用

      3.靈活的緩存系統

        OSCache支持對部分頁面內容或者對頁面級的響應內容進行緩存,編程者可以根據不同的需求、不同的環境選擇不同的緩存級別。

      4.容錯

       在一般的web應用中,如果某個頁面需要和數據庫打交道,而當客戶請求到達時,web應用和數據庫之間無法進行交互,那么將返回給用戶 “系統出錯”或者類似的提示信息,如果使用了OSCache的話,你可以使用緩存提供給用戶,給自己贏得維護系統或者采取其他補救的時間。

      其它特性還包括對集群的支持、緩存主動刷新等特性,大家可以參考OpenSymphony網站上的其他資源獲取更多的信息。

    3 OSCache組件的安裝

      OSCache是一個基于web應用的組件,他的安裝工作主要是對web應用進行配置,大概的步驟如下:

      1.下載、解壓縮OSCache

       請到OSCache的主頁http://www.opensymphony.com/oscache/download.html下載Oscache的最新版本,作者下載的是OSCache的最新穩定版本2.0。

       將下載后的。Zip文件解壓縮到c:\oscache(后面的章節中將使用%OSCache_Home%來表示這個目錄)目錄下

      2.新建立一個web應用

      3.將主要組件%OSCache_Home%\oscache.jar放入WEB-INF\lib目錄

      4.commons-logging.jar、commons-collections.jar的處理

      l、OSCache組件用Jakarta Commons Logging來處理日志信息,所以需要commons-logging.jar的支持,請將%OSCache_Home%\lib\core\commons-logging.jar放入classpath(通常意味著將這個文件放入WEB-INF\lib目錄)

      2、如果使用JDK1.3,請將%OSCache_Home%\lib\core\commons-collections.jar放入classpath,如果使用JDK1.4或者以上版本,則不需要了

      5.將oscache.properties、oscache.tld放入WEB-INF\class目錄

       1、%OSCache_Home%\oscache.properties包含了對OSCache運行特征值的設置信息

       2、%OSCache_Home%\oscache.tld包含了OSCache提供的標簽庫的定義內容

      6.修改web.xml文件

      在web.xml文件中增加下面的內容,增加對OSCache提供的taglib的支持:

      <taglib>

       <taglib-uri>oscache</taglib-uri>

       <taglib-location>/WEB-INF/classes/ oscache.tld</taglib-location>

      </taglib>

     4 開始使用OSCache中的緩存組件

     OSCache中按照緩存范圍的不同分為兩種不同的方式:一種是緩存JSP頁面中部分或者全部內容,一種是基于整個頁面文件的緩存。

       4.1JSP部分內容緩存

        4.1.1Cache—OSCache提供的緩存標簽

         這是OSCache提供的標簽庫中最重要的一個標簽,包括在標簽中的內容將應用緩存機制進行處理,處理的方式將取決于編程者對cache標簽屬性的設置。

        第一次請求到達時,標簽中的內容被處理并且緩存起來,當下一個請求到達時,緩存系統會檢查這部分內容的緩存是否已經失效,主要是以下幾項:

        1.緩存時間超過了cache標簽設置的time或者duration屬性規定的超時時間

        2.cron屬性規定的時間比緩存信息的開始時間更晚

        3.標簽中緩存的內容在緩存后又被重新刷新過

        4.其他緩存超期設定

        如果符合上面四項中的任何一項,被緩存的內容視為已經失效,這時被緩存的內容將被重新處理并且返回處理過后的信息,如果被緩存的內容沒有失效,那么返回給用戶的將是緩存中的信息。

    cache標簽的屬性說明:

    key – 標識緩存內容的關鍵詞。在指定的作用范圍內必須是唯一的。默認的key是被訪問頁面的URI和后面的請求字符串。

    你可以在同一個頁面中使用很多cache標簽而不指定他的key屬性,這種情況下系統使用該頁面的URI和后面的請求字符串,另外再自動給這些key增加一個索引值來區分這些緩存內容。但是不推薦采用這樣的方式。

    scope – 緩存發生作用的范圍,可以是application或者session

    time – 緩存內容的時間段,單位是秒,默認是3600秒,也就是一個小時,如果設定一個負值,那么這部分被緩存的內容將永遠不過期。

    duration – 指定緩存內容失效的時間,是相對time的另一個選擇,可以使用簡單日期格式或者符合USO-8601的日期格式。如:duration='PT5M' duration='5s'等

    refresh – false 或者true。

    如果refresh屬性設置為true,不管其他的屬性是否符合條件,這部分被緩存的內容都將被更新,這給編程者一種選擇,決定什么時候必須刷新。

    mode – 如果編程者不希望被緩存的內容增加到給用戶的響應中,可以設置mode屬性為“silent”

    其它可用的屬性還包括:cron 、groups、language、refreshpolicyclass、refreshpolicyparam。

    上面的這些屬性可以單獨使用,也可以根據需要組合使用,下面的例子將講解這些常用屬性的使用方式。

       4.1.2Cache標簽實例分析:

        1.最簡單的cache標簽用法

        使用默認的關鍵字來標識cache內容,超時時間是默認的3600秒

    <cache:cache>

    <%

    //自己的JSP代碼內容

    %>

    </cache:cache>

    2.用自己指定的字符串標識緩存內容,并且設定作用范圍為session。

    <cache:cache key="foobar" scope="session">
    <%

    //自己的JSP代碼內容

    %>

    </cache:cache>

    3.動態設定key值,使用自己指定的time屬性設定緩存內容的超時時間,使用動態refresh值決定是否強制內容刷新。

    因為OSCache使用key值來標識緩存內容,使用相同的key值將會被認為使用相同的的緩存內容,所以使用動態的key值可以自由的根據不同的角色、不同的要求決定使用不同的緩存內容。

    <cache:cache key="<%= product.getId() %>" time="1800" refresh="<%= needRefresh %>">

    <%

    //自己的JSP代碼內容

    %>

    </cache:cache>

    4.設置time屬性為負數使緩存內容永不過期

    <cache:cache time="-1">

    <%

    //自己的JSP代碼內容

    %>

    5.使用duration屬性設置超期時間

    <cache:cacheduration='PT5M'>

    <%

    //自己的JSP代碼內容

    %>

    6.使用mode屬性使被緩存的內容不加入給客戶的響應中

    <cache:cachemode='silent'>

    <%

    //自己的JSP代碼內容

    %>

    4.2用CashFilter實現頁面級緩存

    在OSCache組件中提供了一個CacheFilter用于實現頁面級的緩存,主要用于對web應用中的某些動態頁面進行緩存,尤其是那些需要生成pdf格式文件/報表、圖片文件等的頁面,不僅減少了數據庫的交互、減少數據庫服務器的壓力,而且對于減少web服務器的性能消耗有很顯著的效果。

    這種功能的實現是通過在web.xml中進行配置來決定緩存哪一個或者一組頁面,而且還可以設置緩存的相關屬性,這種基于配置文件的實現方式對于J2EE來說應該是一種標準的實現方式了。

    [注] 只有客戶訪問時返回http頭信息中代碼為200(也就是訪問已經成功)的頁面信息才能夠被緩存

    1.緩存單個文件

    修改web.xml,增加如下內容,確定對/testContent.jsp頁面進行緩存。

    <filter>

    <filter-name>CacheFilter</filter-name>

    <filter-class>com.opensymphony.oscache.web.filter.CacheFilter</filter-class>

    </filter>

    <filter-mapping>

    <filter-name>CacheFilter</filter-name>

    <!—對/testContent.jsp頁面內容進行緩存-->

    <url-pattern>/testContent.jsp</url-pattern>

    </filter-mapping>

    2.緩存URL pattern

    修改web.xml,增加如下內容,確定對*.jsp頁面進行緩存。

    <filter>

    <filter-name>CacheFilter</filter-name>

    <filter-class>com.opensymphony.oscache.web.filter.CacheFilter</filter-class>

    </filter>

    <filter-mapping>

    <filter-name>CacheFilter</filter-name>

    <!—對所有jsp頁面內容進行緩存-->

    <url-pattern>*.jsp</url-pattern>

    </filter-mapping>

    3.自己設定緩存屬性

    在頁面級緩存的情況下,可以通過設置CacheFilter的初始屬性來決定緩存的一些特性:

    time屬性設置緩存的時間段,默認為3600秒,可以根據自己的需要只有的設置

    而scope屬性設置,默認為application,可選項包括application、session

    <filter>

    <filter-name>CacheFilter</filter-name>

    <filter-class>com.opensymphony.oscache.web.filter.CacheFilter</filter-class>

    <init-param>

    <param-name>time</param-name>

    <param-value>600</param-value>

    </init-param>

    <init-param>

    <param-name>scope</param-name>

    <param-value>session</param-value>

    </init-param>

    </filter>

    <filter-mapping>

    <filter-name>CacheFilter</filter-name>

    <!—對所有jsp頁面內容進行緩存-->

    <url-pattern>*.jsp</url-pattern>

    </filter-mapping>

    5性能測試結果

    5.1測試環境

    系統平臺:windows 2000 高級服務器/ P3 800 /512M內存

    web服務器:websphere 5.0

    數據庫服務器:mysql 4.0.18-nt

    性能測試用工具:apache Jmeter

    5.2測試計劃

    l這次性能測試對比方為使用緩存和不使用緩存兩種,他們的訪問代碼都是一樣的:通過數據源從本地mysql數據庫中獲取person表的所有記錄,然后顯示在頁面上。

    l測試中將模仿10個用戶,每個用戶發起5次請求,然后統計所有訪問花費的時間。

    5.3測試結果




    使用緩存后的測試結果

    不使用緩存時的測試結果

    所有請求花費的總時間(毫秒)

    20569

    22870

    性能測試的詳細結果請大家查看下載內容中的《不使用cache時的系統性能測試結果.txt》和《使用cache后系統性能測試結果.txt》

    6總結

    在J2EE系統中,我們經常需要處理一些特殊的動態內容,這些內容在一個時間段內的變更非常有限,但是又不得不將他們確定為動態內容進行輸出,而且非常消耗數據庫系統資源或者web服務器的資源,這時我們就可以采用Cache----一種用于提高系統響應速度、改善系統運行性能的技術----來優化我們的系統。尤其是在Web應用中,這種處理可以很顯著的改善系統運行性能。

    本文中作者給大家介紹一個實現J2EE框架中Web應用層緩存功能的開放源代碼項目----OSCache。它提供了在J2EE系統中實現緩存需要的豐富的功能。通過應用OSCache,我們不但可以實現通常的Cache功能、自由的設定cache的相關特性比如緩存時間段/緩存內容等,提升系統性能,而且還能有效的改善系統的穩定性。除此之外,OSCache組件還提供了更多的特性比如集群、容錯、靈活的緩存區選擇等。

    作者根據自己的使用經驗給大家提供了一些簡單的例子,他們部分演示了如何使用OSCache組件提供的豐富特性,OSCache提供的特性遠不止這些,需要大家在今后的時間里深入的研究,同時也希望大家通過E-mail和作者貢獻研究成果。

    參考資料

    1.OpenSymphony網站中關于OSCache的部分 http://www.opensymphony.com/oscache/

    下載內容

    1.OSCache下載地址 http://www.opensymphony.com/oscache/download.html

    2.性能測試結果.rar

    作者信息:

    肖菁,軟件工程師,IBM developerWorks/Bea dev2dev/sun 技術開發者撰稿人,主要研究J2EE、web services以及他們在websphere、weblogic平臺上的實現,擁有IBM的 Developing With Websphere Studio證書。您可以通過E_mail和作者取得聯系,或者查看作者的主頁獲取更多信息

    我們在開發web應用的時候,經常會碰到數據列表的功能開發,有的數據列表所顯示的數據的變化并不是很頻繁,也有的時候用戶并不需要一定看到當前最新的數據信息,因此每一次都從數據庫取出列表數據顯然不是一種理想的方式。
    接下來我們通過研究petstore-WAF(web層開發框架)提供的緩存機制來學會如何給自己應用顯示頁面加上一個緩存。
    我寫過一篇有關WAF的介紹,大家可以在論壇里找找。

    ??首先要聲明的是WAF提供的是jsp頁面緩存的技術(利用了jsp-tag技術),緩存方式是在jsp頁面上直接利用tag技術對頁面的輸出內容進行緩存,在petstore當中,可以看到在category.jsp(列出某項分類的所有產品)和product.jsp(列出某個產品的所有項目),都采用了緩存技術對產品列表信息和項目列表信息進行了緩存,并設置了緩存時間為300000毫秒,這樣任何用戶在首次訪問這倆個頁面時,頁面將從數據庫中讀取出信息,在第一次開始到5分鐘之內任何用戶再次訪問時得到的列表顯示信息是從緩存(內存)中取得的,如果此時更新數據庫數據將不會影響到頁面。
    下面看看petstore是如何利用這一緩存技術的:

    <waf:cache/> 標簽
    waf:cache標簽是由WAF提供的,專門對jsp顯示內容進行緩存,標簽body中的內容將被緩存起來,再次訪問時只要緩存內容沒有過期,則從緩存取出內容返回給顯示頁面。
    waf:cache包括3個屬性:
    1.“scope”
    緩存內容的限定范圍,值包括” context”、” session”、” request”、” page”,根據被緩存內容的使用者范圍可以有不同的選擇。
    2.“name”
    給緩存內容起個名字,在同一頁面上不要重復。這樣你可以在同一個頁面上進行多處緩存,只要起不同的名字就行了。
    3.“duration”
    緩存內容的過期時間,以毫秒為單位。

    我們來看看petstore當中是如何應用的:
    category.jsp
    <waf:cache name="page" scope="context" duration="300000">
    **************緩存部分開始(body start)*************
    <jsp:useBean
    ??id="catalog"
    ??class="com.sun.j2ee.blueprints.catalog.client.CatalogHelper"
    ??scope="session"
    />
    <c:choose>
    <c:when test="${param.count != null}">
    ??<c:set value="${param.start}" target="${catalog}" property="start"/>
    ...
    <table border="0"
    ?????? width="100%"
    ...
    **************緩存部分結束(body end)*************
    </waf:cache>

    ??前面提到過這個頁面將顯示指定分類的所有產品信息,屬于列表頁面并對對于列表部分的內容進行了緩存,給它起了個名字” page”,范圍是” context”整個應用,過期時間是5分鐘。

    那么這個神奇的標簽到底干了什么呢?我們看下一部分。
    CacheTag實現類
    ??查看jsp的taglib引用,我們找到/WEB-INF/waftags.tld文件,里面定義了waf標簽庫中的cache標簽的實現類是CacheTag。這是一個標準tag實現類,繼承自BodyTagSupport,說明這個tag類要對標簽包括的內容進行操作(緩存)。
    查看這個類的源代碼(WAF是提供源代碼的):
    1.緩存池
    ??WAF直接使用了jsp提供的內存對象當做不同要求的緩存池,如下:
    ServletContext 、Session、Request、page,我想這些對象大家再熟悉不過了,可以通過jsp提供給我們的PageContext對象得到這些對象。
    看看源碼實現,這里是獲取提供緩存的jsp對象:
    if ("context".equals(scope)) {
    ??return (Entry)pageContext.getServletContext().getAttribute(key);
    } else if ("session".equals(scope)) {
    ??return (Entry)pageContext.getSession().getAttribute(key);
    } else if ("request".equals(scope)) {
    return (Entry)pageContext.getRequest().getAttribute(key);
    } else if ("page".equals(scope)) {
    ??return (Entry)pageContext.getAttribute(key);
    }
    ??緩存池是對頁面某一部分的內容進行緩存,因此被緩存信息的主鍵由以下幾個部分構成,包括當前頁面的訪問url,url后面跟著的參數(?以后的部分),緩存部分的名稱(頁面中name屬性定義)。

    源碼中是這樣寫的:
    req.getRequestURL().toString() + '#' + name + '?' + req.getQueryString()

    2.doStartTag()方法(可以在J2EE的api文檔里面查看這些方法的定義)
    方法被調用時相應的屬性已經被附過值,此時表示標簽開始執行,下面對其源碼進行分析:
    // 根據我們定義的緩存范圍查找當前緩存部分
    entry = getEntry();
    //是否已經存在并且尚未過期
    ????if ((entry != null) && entry.isExpired()) {
    ??????entry = null;
    //過期則從緩存中刪除
    ??????removeEntry();
    }
    //如果緩存不存在或者過期返回EVAL_BODY_BUFFERED表示要重新對tag包含的緩存部分進行處理(由jsp對象完成);如果緩存內容已經存在則不必再進行處理
    return (entry == null) ? EVAL_BODY_BUFFERED : SKIP_BODY;

    3.doEndTag()
    ??doStartTag執行完成后執行,此時body部分應當已經被處理過(除非已經進行了緩存,總之tag已經得到了body部分返回給客戶端的數據),下面看源碼:

    //沒有被緩存或者已過期
    if (entry == null) {
    //得到鋼材解析過的body部分內容
    BodyContent bc = getBodyContent();
    ????if (bc != null) {
    ??????String content = bc.getString();
    //新建一個緩存對象
    ??????entry = new Entry(content, duration);
    //根據設定的緩存范圍進行緩存
    ????????if ("context".equals(scope)) {
    ??????????pageContext.getServletContext().setAttribute(getKey(), entry);
    ????????}else if ("session".equals(scope)) {
    ????????????????pageContext.getSession().setAttribute(getKey(), entry);
    ????????} else if ("request".equals(scope)) {
    ??????????pageContext.getRequest().setAttribute(getKey(), entry);
    ????????} else if ("page".equals(scope)) {
    ??????????pageContext.setAttribute(getKey(), entry);
    ????????}
    //輸出到頁面
    ????????try {
    ?????????? JspWriter out = bc.getEnclosingWriter();
    ?????????? out.print(content);
    ?????????? }
    ?????????? catch (IOException ioe) {
    ?????????? System.err.println("ChacheTag: Problems with writing...");
    ?????????? }
    ?????????? }
    ????????} else {??//如果已經緩存過直接輸出到頁面
    ????????????try {
    ????????????????JspWriter out = pageContext.getOut();
    ????????????????out.print(entry.getContent());
    ????????????} catch (IOException ioe) {
    ????????????????System.err.println("CacheTag: Problems with writing...");
    ????????????}
    ????????}

    ??<waf:cache>實際就是將其body部分的內容(靜態內容)當做字符串存到內存里,用的時候再取。
    ??好了工作原理到這里講完了,怎么樣還不趕快動手把它應用到你的項目里!^_^
    ??別忘了在web.xml里面聲明jsp tag的定義文件啊!
    posted on 2006-06-01 09:47 TrampEagle 閱讀(451) 評論(0)  編輯  收藏 所屬分類: web
    主站蜘蛛池模板: 亚洲精品成a人在线观看夫 | 亚洲第一页综合图片自拍| caoporm超免费公开视频| 亚洲午夜久久影院| 亚洲精品国产V片在线观看| 日韩av无码成人无码免费| 久久国产精品免费观看| 免费精品视频在线| 亚洲国产高清国产拍精品| 亚洲黄色网站视频| 亚洲熟妇无码八AV在线播放| 德国女人一级毛片免费| 120秒男女动态视频免费| 无码少妇精品一区二区免费动态 | 国产在线jyzzjyzz免费麻豆| 免费看黄福利app导航看一下黄色录像| 国产成人精品日本亚洲专区6| 日韩亚洲Av人人夜夜澡人人爽| 国产A在亚洲线播放| 亚洲AV无码成人专区片在线观看| 亚洲精品国产高清嫩草影院| 国产精品亚洲αv天堂无码| 全黄a免费一级毛片人人爱| 免费一级一片一毛片| 亚洲不卡AV影片在线播放| 亚洲AⅤ无码一区二区三区在线| 免费永久在线观看黄网站| 免费a级黄色毛片| 亚洲成A人片777777| 亚洲午夜精品在线| 色婷婷六月亚洲婷婷丁香| 亚洲欧洲日产国码无码网站| 久久精品亚洲综合| 亚洲中文字幕乱码熟女在线| 国产精品亚洲天堂| 日韩精品无码免费专区网站| 最近免费中文字幕大全免费版视频| 18禁网站免费无遮挡无码中文| 国产成人免费福利网站| 国产亚洲成AV人片在线观黄桃 | 日韩插啊免费视频在线观看|