日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

使用華為云場景級前端解決方案及低代碼引擎,助力開發者生產效能提升

來源: 責編: 時間:2024-10-23 09:22:18 150觀看
導讀 本文來源于《華為云 DTSE?》第五期開源???,更多文章請查看:https://bbs.huaweicloud.com/blogs/435823作者:趙鵬華為云高級前端工程師 & 曾令卡華為云高級前端工程師摘要:當前前端在場景級的前端能力 / 物料上,

本文來源于《華為云 DTSE?》第五期開源??辔恼抡埐榭矗篽ttps://bbs.huaweicloud.com/blogs/435823ZBr28資訊網——每日最新資訊28at.com

作者:趙鵬華為云高級前端工程師 & 曾令卡華為云高級前端工程師ZBr28資訊網——每日最新資訊28at.com

摘要:當前前端在場景級的前端能力 / 物料上,業界相關內容 / 產品較少,并且較分散,基本無基礎組件搭配,體驗參差,多數專業場景能力 / 物料僅商用授權;對于場景的構建,開發效率與開發門檻也逐步成為了非專業前端開發者的痛點問題;業界已經具有多種低碼引擎應用一般都只提供前端部分,開發者搭建一個完整的低代碼平臺仍然成本巨大。華為云在前端領域提供了 DevUI Suites 的場景級解決方案與打通前端與服務端的 TinyEngine 低碼引擎,幫助開發者開發專業、設計統一的前端場景同時并助力開發者生產效能的提升。ZBr28資訊網——每日最新資訊28at.com

前端場景級解決方案與搭建效率提升ZBr28資訊網——每日最新資訊28at.com

當前大前端趨勢下,物料生態越來越繁榮,各種組件庫發布,給開發者提供了越來越多的能力可以直接使用,提升開發效率;但在完整的場景能力上,如一個完整的代碼編輯場景,不僅是組件的使用,還涉及整體場景的搭建、交互、體驗,目前業界針對場景級前端解決相關內容較少,且一般以單個產品方式提供,內容無基礎設計體系與基礎組件支撐,直接使用,將可能存在與項目其他場景設計體系不一致、體驗不一致等情況,如果一個項目將使用到多個場景解決方案,則這些場景的內部都將存在體驗差異性(如下圖所示的表格場景解決方案與日程場景解決方案分別來自不同的提供方,項目中如果同時使用,仍需考慮其體驗的相互兼容)。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

更多的,有了場景級的解決方案,在當今數字化飛速發展的時代,企業對高效、敏捷的應用程序需求日益旺盛。為了滿足這一需求,越來越多的低代碼開發平臺開始涌現。這些平臺通過提供簡單易用的開發工具和優化后的開發流程,幫助開發者快速構建高質量、可重復使用的應用程序,同時降低了開發的難度和成本,提高了開發效率和靈活性。這些低代碼開發平臺的出現,無疑為企業的數字化轉型提供了更快速、更高效的方法,也將推動整個軟件開發行業的進步。業界的低代碼引擎一般都只提供前端部分,開發者為了搭建一個完整的低代碼平臺,需要自己實現一套服務端,成本巨大。ZBr28資訊網——每日最新資訊28at.com

場景級前端解決方案集ZBr28資訊網——每日最新資訊28at.com

針對以上提到的相關場景解決方案缺乏、無統一設計體系、各場景間體驗不一致等問題,相對于組件庫而言,前端組件化更進一步,需要的是一個專業的場景級前端解決方案集,基于已有的統一設計規范與 Design Tokens,以及構建完整的基礎組件,構建一整套的專業場景級解決方案,具有場景具有專業性、體驗先進性、體驗一致性。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

以日志場景為例,當前已有產品在日志場景的體驗不一致、功能不足、體驗差等問題。更進一步的解決方案即要構建業界領先的、面向下一代的前端日志管理場景解決方案。ZBr28資訊網——每日最新資訊28at.com

業界產品現狀與分析ZBr28資訊網——每日最新資訊28at.com

日志場景最基本的用戶需求即為信息的查看與基本搜索。ZBr28資訊網——每日最新資訊28at.com

就常見的產品一些組件現狀來看,日志場景多數僅實現了最基礎功能,日志基本搜索也不宜用;ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

部分場景即使可搜索,搜索結果顯示也存在體驗不足。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

更多業界產品來看,如 google cloud 的日志查看,在日志查詢,toolbar 支持上具有較好能力,并且在日志可視化、便捷化程度上有提升。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

GitHub 日志展示,對于基本的查看與搜索,較大顆粒日志支持分組。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

日志解決方案ZBr28資訊網——每日最新資訊28at.com

如果目標為提供面向下一代的前端日志管理場景解決方案,日志場景原始的訴求為信息的查看與基本搜索,進一步訴求為錯誤輔助分析與解決。對于日志的查看與搜索更進一步:ZBr28資訊網——每日最新資訊28at.com

1)信息可結構化呈現(時間、信息分類);ZBr28資訊網——每日最新資訊28at.com

2)可快速獲取信息,分類分塊清晰呈現,提供導航 + 日志可視化;ZBr28資訊網——每日最新資訊28at.com

3)可支持高級搜索與查找,如常用關鍵詞等;ZBr28資訊網——每日最新資訊28at.com

4)歷史日志支持快捷查看。ZBr28資訊網——每日最新資訊28at.com

場景搭建效率提升:前后端流程打通的低代碼引擎解決方案ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

針對使用一般低代碼平臺,需要自己實現一套服務端,成本大的問題。需要一個前后端流程打通的低代碼引擎解決方案。前端采用靈活的系統架構,提供了高度的自定義自由度,使用戶能夠像搭建積木一樣選擇不同的模塊來構建自己的專屬設計器。并提供插件化的架構,用戶可以方便地擴展與業務相關的功能。完善的插件體系,涵蓋了插件開發所需的基礎 UI 庫、工具庫、插件面板的顯示控制、生命周期管理、公共 API 注冊與共享等。這一體系使得開發者只需遵循簡單的規范,即可快速開發出業務所需的插件,從而極大地提高了開發效率和靈活性。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

服務端引入了微服務的概念,將系統拆分為小而獨立的服務單元,使得每個服務單元都可以獨立開發、測試和部署。這種架構不僅提高了團隊的協作效率,還使得系統更容易擴展和維護。這種架構不僅提高了開發效率,還為未來的擴展和創新提供了堅實的基礎。ZBr28資訊網——每日最新資訊28at.com

開發者可以根據微服務這一特性,輕松擴展并實現自己的服務端架構。ZBr28資訊網——每日最新資訊28at.com

?業務接口微服務(webService):構建業務的引擎,匯總連接其他微服務為前端提供接口。ZBr28資訊網——每日最新資訊28at.com

?數據中心 (dataCenter):作為數據基座,統一進行數據管理,為其他微服務提供一致性的數據支持。ZBr28資訊網——每日最新資訊28at.com

TinyEngine 低代碼引擎:為定制低代碼平臺提供前后端全套解決方案ZBr28資訊網——每日最新資訊28at.com

華為云針對開發者場景開發效率的提升,TinyEngine 低代碼引擎應運而生。它是一種通用的開發框架,通過對低代碼平臺系統常用的功能進行解構,將其劃分為多個功能模塊,并為每個模塊定義了相應的協議和開發范式,使得開發者可以根據自身的業務需求,輕松定制開發出自己的低代碼開發平臺。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

TinyEngine 提供了低代碼底層能力,并集成了人工智能,從而使用戶能夠高效開發。TinyEngine 具有強大的拖拽功能,無論是圖元還是復雜組件,都能在畫布上帶來流暢的體驗。它適用于多場景的低代碼平臺開發,包括資源編排、流程編排、服務端渲染、模型驅動、移動端、大屏端以及頁面編排等低代碼平臺。ZBr28資訊網——每日最新資訊28at.com

TinyEngine 不僅提供前端部分,也提供了服務端,可幫助開發者打通低代碼平臺搭建的前后端整體流程,極大地降低了開發者搭建低代碼平臺的成本。ZBr28資訊網——每日最新資訊28at.com

盡量大部分業務可能只需要在低代碼平臺中通過拖拉拽的方式搭建 Web 應用,但依然會有一些定制要求比較高的業務,平臺無法滿足業務所有的需求。為此我們提供了一套自定義 DSL 和源碼生成邏輯的機制,相對于在運行時由平臺提供渲染引擎的方式,這種方式能夠為用戶提供更多的自主權和安全性。用戶可以自由地定義自己的 DSL,并根據需要生成定制化的源代碼,從而更加靈活地控制應用程序的行為和性能。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

業務案例:PDM 元數據電子審批流ZBr28資訊網——每日最新資訊28at.com

審批流業務場景是現代企業運營中不可或缺的一環。ZBr28資訊網——每日最新資訊28at.com

A 公司的業務場景如下:流程發起人 A 啟動了一個電子審批流程。這個流程首先會被傳遞到主管進行審批。在審批過程中,主管會仔細檢查初始業務流程信息和其他相關數據,然后決定是否進一步推進流程,或退回給 A 進行修訂。如果主管批準了這個流程,那么它將被移交給下一級審批人,也就是經理。在經理的審批環節,他 / 她也會詳查相關數據和信息,并基于這些以及自己的獨立判斷來做出決策。值得注意的是,盡管經理可以查看到主管填寫的一些技術信息,但這些信息并不對財務和法務公開。也就是說,只有經理和總經理可以看到這些技術信息,財務和法務無法獲知。經理會根據這些保密信息以及自己的專業判斷來決定是否繼續推進流程。ZBr28資訊網——每日最新資訊28at.com

如果經理也批準了該流程,那么它將被送至財務節點進行審批。在審批過程中,財務主要關注經濟相關的問題,例如價格、付款方式等等。一旦財務審批通過,流程會被移交給法務進行審批。ZBr28資訊網——每日最新資訊28at.com

與財務審批類似,法務審批主要關注法律風險和合規性問題。在審批時,法務會仔細檢查相關的合同、協議等法律文件,并評估是否存在任何法律風險或合規性問題。一旦法務批準了流程,流程將被移交給總經理進行最后的審批,以完成整個審批流程。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

需要注意的是,這種審批流業務場景并不是只有一個,而是有很多個。例如,除了上述的采購流程,還有其他業務流程需要進行審批,比如:數據入庫流程、報價流程等等。每個流程都有自己的特點和審批節點數量不一。有些流程可能只需要兩三個節點就可以完成審批,有些則可能需要十幾個節點才能完成。但是,所有類型的審批流大致相似。如:頁面上常見的元素包括表單、表格以及常用的審批組件等。ZBr28資訊網——每日最新資訊28at.com

技術分析:A 公司一開始采用傳統的開發方式,每當新增一種流程時,前端開發人員都需要開發所有審批節點的審批頁面,并重新進行發布流程。同樣地,服務端開發人員也需要重新建立一個審批流,通過特定頁面錄入各節點審批人,并編寫相應的審批流規則。顯然,這對于前端和服務端開發人員來說都是十分繁瑣的工作。ZBr28資訊網——每日最新資訊28at.com

解決方案:為了優化審批流程,A 公司基于 TinyEngine 提供的前后端解決方案,開發出一個專為電子審批流設計的低代碼平臺。然后,將所有與流程相關的組件,如模板、評審記錄和流程指引等導入到平臺的物料區域。并基于 TinyEngine 提供的服務端搭建了一個特定于 flow 類型的低代碼平臺,以實現對審批流程人員編排。這樣,前后端之間的連接就實現了完美的貫通。最后,將這個專注于開發審批流的低代碼平臺集成到 PDM 元數據電子流業務模塊中。ZBr28資訊網——每日最新資訊28at.com

使用方式:在低代碼平臺上,想要開發任意一個流程的審批頁面,只需要將流程模板拖入,并在模板中嵌入本流程的表單或表格,即可輕松完成該節點的審批頁面,極大地提高了開發效率和便利性!ZBr28資訊網——每日最新資訊28at.com

使用效果:A 公司通過 TinyEngine 搭建的 PDM 元數據電子審批流低代碼平臺,大大提升了公司電子流審批的效率,為公司節省了大量成本。以下是創建電子流表單的效果圖。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

DevUI Suites 前端場景解決方案集ZBr28資訊網——每日最新資訊28at.com

華為云針對場景級解決方案集的構建,提出了 DevUI Suites,旨在基于 DevUI 設計規范與 Design Token,在專業的工具場景上場景上做到功能先進 & 完善性、體驗一致性。ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

DevUI Suites 日志場景方案實現ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

以上文提到的日志場景解決方案,如上圖所示,在基本日志查看上,DevUI Suites 日志提供了信息的分類顯示,不同信息的結構化呈現,在信息的快速導航上,可進行小地圖、滾動條導航,快速找到對應信息。ZBr28資訊網——每日最新資訊28at.com

對于快速查找、搜索過濾上,提供了完整的搜索支持,常用關鍵詞、正則搜索等均支持,并且搜索結果可清晰高亮:ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

若對錯誤信息進行過濾,可過濾出當前不同級別信息,針對錯誤場景,用戶一鍵可篩選錯誤與警告,并且針對錯誤,可進行錯誤解決方案提示:ZBr28資訊網——每日最新資訊28at.com

ZBr28資訊網——每日最新資訊28at.com

以上,DevUI Suites 日志場景提供的一系列能力,對內部產品日志場景能力上有了較大提升,且對比業界各產品來看,在功能豐富度與完善度上也有一定程度超越,并且此為 DevUI Suites 一個場景解決方案,基于 DevUI 設計體系,與 DevUI 基礎組件配合,構建出的場景與項目具有良好體驗一致性。ZBr28資訊網——每日最新資訊28at.com

本文鏈接:http://m.www897cc.com/showinfo-26-125180-0.html使用華為云場景級前端解決方案及低代碼引擎,助力開發者生產效能提升

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 小鵬匯天“陸地航母”完成載人首飛,11 月 12 日中國航展公開亮相

下一篇: 安吉爾 37 周年盛典,超值福利大放送

標簽:
  • 熱門焦點
  • 線程通訊的三種方法!通俗易懂

    線程通信是指多個線程之間通過某種機制進行協調和交互,例如,線程等待和通知機制就是線程通訊的主要手段之一。 在 Java 中,線程等待和通知的實現手段有以下幾種方式:Object 類下
  • Rust中的高吞吐量流處理

    作者 | Noz編譯 | 王瑞平本篇文章主要介紹了Rust中流處理的概念、方法和優化。作者不僅介紹了流處理的基本概念以及Rust中常用的流處理庫,還使用這些庫實現了一個流處理程序
  • 2023 年的 Node.js 生態系統

    隨著技術的不斷演進和創新,Node.js 在 2023 年達到了一個新的高度。Node.js 擁有一個龐大的生態系統,可以幫助開發人員更快地實現復雜的應用。本文就來看看 Node.js 最新的生
  • 分布式系統中的CAP理論,面試必問,你理解了嘛?

    對于剛剛接觸分布式系統的小伙伴們來說,一提起分布式系統,就感覺高大上,深不可測。而且看了很多書和視頻還是一臉懵逼。這篇文章主要使用大白話的方式,帶你理解一下分布式系統
  • 學習JavaScript的10個理由...

    作者 | Simplilearn編譯 | 王瑞平當你決心學習一門語言的時候,很難選擇到底應該學習哪一門,常用的語言有Python、Java、JavaScript、C/CPP、PHP、Swift、C#、Ruby、Objective-
  • 使用Webdriver-manager解決瀏覽器與驅動不匹配所帶來自動化無法執行的問題

    1、前言在我們使用 Selenium 進行 UI 自動化測試時,常常會因為瀏覽器驅動與瀏覽器版本不匹配,而導致自動化測試無法執行,需要手動去下載對應的驅動版本,并替換原有的驅動,可能還
  • 微軟邀請 Microsoft 365 商業用戶,測試視頻編輯器 Clipchamp

    8 月 1 日消息,微軟近日宣布即將面向 Microsoft 365 商業用戶,開放 Clipchamp 應用,邀請用戶通過該應用來編輯視頻。微軟于 2021 年收購 Clipchamp,隨后開始逐步整合到 Microsof
  • 花7萬退貨退款無門:誰在縱容淘寶珠寶商家造假?

    來源:極點商業作者:楊銘在淘寶購買珠寶玉石后,因為保證金不夠賠付,店鋪關閉,退貨退款難、維權無門的比比皆是。“提供相關產品鑒定證書,支持全國復檢,可以30天無理由退換貨。&
  • “買真退假” 這種“羊毛”不能薅

    □ 法治日報 記者 王春   □ 本報通訊員 胡佳麗  2020年初,還在上大學的小東加入了一個大學生兼職QQ群。群主“七王”在群里介紹一些刷單賺
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
久久亚洲精品网站| 亚洲午夜精品久久久久久浪潮| 国产一区二区剧情av在线| 国产欧美日韩精品a在线观看| 国产亚洲欧美一区二区三区| 在线精品国精品国产尤物884a| 最近中文字幕日韩精品| 亚洲婷婷综合色高清在线| 亚洲欧美三级伦理| 久久综合网络一区二区| 欧美日韩国产综合一区二区| 国产欧美日韩一区二区三区在线观看 | 一二三区精品福利视频| 欧美一区二区三区四区高清| 免费影视亚洲| 国产精品久久福利| 一区免费观看视频| 亚洲一级网站| 美日韩丰满少妇在线观看| 国产精品高潮粉嫩av| 亚洲第一在线| 亚洲免费在线观看| 欧美国产日产韩国视频| 国产精品影音先锋| 亚洲精品乱码久久久久久黑人 | 亚洲影视九九影院在线观看| 久久在线免费观看| 国产精品亚洲成人| 亚洲黄色在线观看| 性xx色xx综合久久久xx| 欧美激情精品久久久久久| 国产日韩欧美日韩| 亚洲毛片一区| 久久久久久久精| 国产精品网站视频| 亚洲精品影院在线观看| 久久久久久免费| 国产精品久久久一区二区| 91久久嫩草影院一区二区| 久久不射电影网| 欧美午夜www高清视频| 亚洲国产高清视频| 久久精品国产69国产精品亚洲| 欧美视频导航| 亚洲日本欧美日韩高观看| 久久精品99国产精品| 国产精品久久久一区二区三区 | 99国产精品久久| 麻豆成人小视频| 国产亚洲福利| 亚洲欧美欧美一区二区三区| 欧美日本免费| 亚洲国产精品综合| 久久久精品国产免费观看同学 | av不卡在线| 欧美gay视频| 黄色成人片子| 久久高清一区| 国产麻豆成人精品| 亚洲一区免费网站| 欧美三级不卡| 99精品视频免费在线观看| 欧美刺激午夜性久久久久久久| 红桃视频欧美| 久久久久久香蕉网| 国内精品视频在线观看| 亚洲欧美一区二区在线观看| 欧美午夜三级| 亚洲午夜激情网页| 国产精品h在线观看| 一区二区三区久久网| 欧美日本乱大交xxxxx| 亚洲美女色禁图| 欧美激情精品久久久久久变态| 亚洲第一综合天堂另类专| 久久综合伊人77777蜜臀| 激情欧美一区| 久久综合九色综合网站| 在线日韩av| 免费成人在线观看视频| 亚洲动漫精品| 久久综合九九| 亚洲国产日韩欧美在线图片| 欧美高清视频在线观看| 亚洲日本va午夜在线电影| 欧美激情一区在线观看| 亚洲美女视频在线免费观看| 欧美人成在线视频| 免费不卡在线观看av| 国产中文一区| 久久亚洲国产精品一区二区| 伊大人香蕉综合8在线视| 免费观看成人网| 亚洲欧洲午夜| 欧美日韩视频第一区| 一区二区三区高清在线| 欧美性大战xxxxx久久久| 亚洲淫片在线视频| 国产日韩欧美二区| 久久人91精品久久久久久不卡| 韩国三级电影久久久久久| 久久中文久久字幕| 最新亚洲视频| 国产精品mm| 欧美在线观看日本一区| 极品日韩av| 欧美日韩成人免费| 亚洲综合色在线| 国内精品伊人久久久久av影院| 久久综合给合久久狠狠色 | 久久精品夜色噜噜亚洲a∨ | 狠狠干成人综合网| 麻豆乱码国产一区二区三区| 亚洲精品美女| 国产精品免费福利| 久久久久久一区二区| 亚洲国产欧美一区二区三区久久| 欧美日韩国产成人在线免费| 午夜精品电影| 激情六月综合| 欧美日韩亚洲系列| 欧美一区二区精品| 亚洲国产裸拍裸体视频在线观看乱了中文 | 黄色成人在线观看| 欧美护士18xxxxhd| 亚洲女同精品视频| 在线成人小视频| 欧美三级电影精品| 久久精品午夜| 日韩亚洲在线| 国产午夜一区二区三区| 欧美高清在线视频| 午夜久久久久久| 亚洲精品欧美一区二区三区| 国产精品专区第二| 欧美精品网站| 亚洲黄一区二区三区| 欧美三区在线| 久久天堂成人| 亚洲与欧洲av电影| 亚洲第一综合天堂另类专| 国产精品电影观看| 欧美成人久久| 欧美一区二区三区视频在线| 亚洲精品视频一区| 国产一区二区三区奇米久涩 | 国产精品v欧美精品v日韩| 久久综合狠狠综合久久综合88| 亚洲午夜女主播在线直播| 在线欧美亚洲| 国产伦理精品不卡| 欧美日韩久久久久久| 久久全国免费视频| 校园春色国产精品| 一区二区三区国产在线| 亚洲国产精品成人| 国产一二三精品| 国产精品qvod| 欧美激情视频在线播放| 久久精品一区| 亚洲欧美日韩国产一区| 亚洲伦理一区| 亚洲国产欧美国产综合一区| 国产午夜精品视频| 国产精品久久久久久久久搜平片| 欧美国产极速在线| 久久久久欧美精品| 香蕉久久国产| 亚洲视屏一区| 亚洲免费久久| 亚洲国产精品激情在线观看| 国产一区二区三区网站| 国产精品男人爽免费视频1| 欧美日韩国产不卡在线看| 免费欧美高清视频| 久久久999成人| 欧美一级片在线播放| 亚洲一区图片| 亚洲私人黄色宅男| 最新中文字幕亚洲| 亚洲电影第1页| 亚洲第一在线视频| 国内精品久久国产| 国产视频一区欧美| 国产伦精品一区二区三区在线观看 | 久久久久国产精品www| 香蕉久久一区二区不卡无毒影院 | 国产精品久久久久久久久免费| 欧美精品在线观看| 欧美大片免费观看| 女人天堂亚洲aⅴ在线观看| 久久亚洲美女| 老司机aⅴ在线精品导航| 久久久美女艺术照精彩视频福利播放| 欧美中文字幕在线视频| 欧美在线不卡| 久久久久国产一区二区| 久久精品噜噜噜成人av农村| 欧美一二三区在线观看| 欧美在线电影| 久久久91精品| 蜜臀久久99精品久久久久久9 | 午夜精彩视频在线观看不卡| 亚洲自拍另类|