鴻蒙HarmonyOS 【ArkTS組件】通用屬性-背景設置

📑往期推文全新看點（附帶最新·鴻蒙全棧學習筆記）

嵌入式開發適不適合做鴻蒙南向開發？看完這篇你就了解了~

鴻蒙崗位需求突增！移動端、PC端、IoT到底該怎么選？

分享一場鴻蒙開發面試經驗記錄（三面全過程）

鴻蒙應用開發與鴻蒙系統開發哪個更有前景？

持續更新中。。。

?

設置組件的背景樣式。

background10+

background(builder: CustomBuilder, options?: { align?: Alignment })

設置組件背景。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
builderCustomBuilder是自定義背景。
options

?{align?:Alignment}

否

設置自定義背景與組件的對齊方式。

同時設置了background，backgroundColor，backgroundImage時，疊加顯示，background在最上層。

說明

自定義背景渲染會有一定延遲，不能響應事件，不能進行動態更新。該屬性不支持嵌套使用，不支持預覽器預覽。

backgroundColor

backgroundColor(value: ResourceColor)

設置組件背景色。

卡片能力：?從API version 9開始，該接口支持在ArkTS卡片中使用。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
valueResourceColor是設置組件的背景色。

說明

當通過backgroundBlurStyle中的inactiveColor指定背景色時，不建議再通過backgroundColor設置背景色。

backgroundImage

backgroundImage(src: ResourceStr | PixelMap, repeat?: ImageRepeat)

設置組件的背景圖片。

卡片能力：?從API version 9開始，該接口支持在ArkTS卡片中使用。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
srcResourceSt?|PixelMap12+是圖片地址，支持網絡圖片資源地址和本地圖片資源地址和Base64或者PixelMap資源，不支持svg類型的圖片。
repeatImageRepeat否設置背景圖片的重復樣式，默認不重復。當設置的背景圖片為透明底色圖片，且同時設置了backgroundColor時，二者疊加顯示，背景顏色在最底部。

backgroundImageSize

backgroundImageSize(value: SizeOptions | ImageSize)

設置組件背景圖片的寬高。

卡片能力：?從API version 9開始，該接口支持在ArkTS卡片中使用。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
valueSizeOptions?|?ImageSize是

設置背景圖像的高度和寬度。當輸入為{width: Length, height: Length}對象時，如果只設置一個屬性，則第二個屬性保持圖片原始寬高比進行調整。默認保持原圖的比例不變。

width和height取值范圍： [0, +∞)

默認值：ImageSize.Auto

說明：

width和height均設置為小于或等于0的值時，按值為0顯示。當width和height中只有一個值未設置或者設置為小于等于0的值時，另一個會根據圖片原始寬高比進行調整。

backgroundImagePosition

backgroundImagePosition(value: Position | Alignment)

設置背景圖的位置。

卡片能力：?從API version 9開始，該接口支持在ArkTS卡片中使用。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
valuePosition?|?Alignment是

設置背景圖在組件中顯示位置，即相對于組件左上角的坐標。

默認值：

{

x: 0,

y: 0

}

x和y值設置百分比時，偏移量是相對組件自身寬高計算的。

BlurStyle9+

卡片能力：?從API version 9開始，該接口支持在ArkTS卡片中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

名稱描述
Thin

輕薄材質模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

Regular

普通厚度材質模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

Thick

厚材質模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

BACKGROUND_THIN10+

近距景深模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

BACKGROUND_REGULAR10+

中距景深模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

BACKGROUND_THICK10+

遠距景深模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

BACKGROUND_ULTRA_THICK10+

超遠距景深模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

NONE10+

關閉模糊。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

COMPONENT_ULTRA_THIN11+

組件超輕薄材質模糊。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

COMPONENT_THIN11+

組件輕薄材質模糊。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

COMPONENT_REGULAR11+

組件普通材質模糊。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

COMPONENT_THICK11+

組件厚材質模糊。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

COMPONENT_ULTRA_THICK11+

組件超厚材質模糊。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

backgroundBlurStyle9+

backgroundBlurStyle(value: BlurStyle, options?: BackgroundBlurStyleOptions)

為當前組件提供一種在背景和內容之間的模糊能力，通過枚舉值的方式封裝了不同的模糊半徑、蒙版顏色、蒙版透明度、飽和度、亮度。

卡片能力：?從API version 9開始，該接口支持在ArkTS卡片中使用。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
valueBlurStyle是背景模糊樣式。模糊樣式中封裝了模糊半徑、蒙版顏色、蒙版透明度、飽和度、亮度五個參數。
options10+BackgroundBlurStyleOptions否背景模糊選項。

說明

當通過backgroundBlurStyle中的inactiveColor指定背景色時，不建議再通過backgroundColor設置背景色。

backdropBlur

backdropBlur(value: number, options?: BlurOptions)

為組件添加背景模糊效果，可以自定設置模糊半徑和灰階參數。

卡片能力：?從API version 9開始，該接口支持在ArkTS卡片中使用。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
valuenumber是為當前組件添加背景模糊效果，入參為模糊半徑，模糊半徑越大越模糊，為0時不模糊。
options11+BlurOptions否灰階梯參數。

說明

blur和backdropBlur是實時模糊接口，會每幀進行實時渲染，性能負載較高。當模糊內容和模糊半徑都不需要變化時，建議使用靜態模糊接口。

backgroundEffect11+

backgroundEffect(options: BackgroundEffectOptions)

設置組件背景屬性，包含背景模糊半徑，亮度，飽和度，顏色等參數。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
optionsBackgroundEffectOptions是設置組件背景屬性包括：飽和度，亮度，顏色。

BackgroundEffectOptions11+

背景效果參數。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

名稱類型必填說明
radiusnumber是模糊半徑，取值范圍：[0, +∞)，默認為0。
saturationnumber否飽和度，取值范圍：[0, +∞)，默認為1。推薦取值范圍：[0, 50]。
brightnessnumber否亮度，取值范圍：[0, +∞)，默認為1。推薦取值范圍：[0, 2]。
colorResourceColor否顏色，默認透明色。
adaptiveColorAdaptiveColor否背景模糊效果使用的取色模式,默認為DEFAULT。使用AVERAGE時color必須帶有透明度，取色模式才生效。
blurOptionsBlurOptions否灰階模糊參數，默認為[0,0]。

backgroundImageResizable12+

backgroundImageResizable(value: ResizableOptions)

設置背景圖在拉伸時可調整大小的圖像選項。

設置合法的ResizableOptions時，backgroundImage屬性中的repeat參數設置不生效。

當設置top+bottom大于原圖的高或者left+right大于原圖的寬時，ResizableOptions屬性設置不生效。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
valueResizableOptions是圖像拉伸時可調整大小的圖像選項。

BackgroundBlurStyleOptions10+對象說明

繼承自BlurStyleOptions。

元服務API：?從API version 11開始，該接口支持在元服務中使用。

backgroundBrightness12+

backgroundBrightness(params: BackgroundBrightnessOptions)

設置組件背景提亮效果。

元服務API：?從API version 12開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

參數：

參數名類型必填說明
paramsBackgroundBrightnessOptions是設置組件背景提亮效果，包括：亮度變化速率，提亮程度。

BackgroundBrightnessOptions12+對象說明

元服務API：?從API version 12開始，該接口支持在元服務中使用。

系統能力：?SystemCapability.ArkUI.ArkUI.Full

名稱類型必填說明
ratenumber是

亮度變化速率。亮度變化速率越大，提亮程度下降速度越快。若rate為0，則lightUpDegree將不生效，即不會產生任何提亮效果。

默認值：0.0

取值范圍：(0.0, +∞)

lightUpDegreenumber是

提亮程度。提亮程度越大，亮度提升程度越大。

默認值：0.0

取值范圍：[-1.0, 1.0]

說明

對于組件背景內容，每個像素自身的亮度（灰階值）的計算公式為：

Y = （0.299R + 0.587G + 0.114B）/ 255.0（R、G、B分別表示像素紅色、綠色和藍色通道的值，Y表示灰階值），通過上述公式將像素點的灰階值歸一化至0~1的范圍。

每個像素的亮度提升計算公式為：ΔY = -rate*Y + lightUpDegree。例如，當rate=0.5，lightUpDegree=0.5時，對于灰階值為0.2的像素點，亮度增加值為-0.5*0.2 + 0.5 = 0.4，對于灰階值為1的像素點，亮度增加值為-0.5*1 + 0.5 = 0。

示例

示例1（設置背景基礎樣式）

該示例通過配置backgroundColor、backgroundImage、backgroundImageSize和backgroundImagePosition設置背景的基礎樣式。

// xxx.ets
@Entry
@Component
struct BackgroundExample {build() {Column({ space: 5 }) {Text('background color').fontSize(9).width('90%').fontColor(0xCCCCCC)Row().width('90%').height(50).backgroundColor(0xE5E5E5).border({ width: 1 })Text('background image repeat along X').fontSize(9).width('90%').fontColor(0xCCCCCC)Row().backgroundImage('/comment/bg.jpg', ImageRepeat.X).backgroundImageSize({ width: '250px', height: '140px' }).width('90%').height(70).border({ width: 1 })Text('background image repeat along Y').fontSize(9).width('90%').fontColor(0xCCCCCC)Row().backgroundImage('/comment/bg.jpg', ImageRepeat.Y).backgroundImageSize({ width: '500px', height: '120px' }).width('90%').height(100).border({ width: 1 })Text('background image size').fontSize(9).width('90%').fontColor(0xCCCCCC)Row().width('90%').height(150).backgroundImage('/comment/bg.jpg', ImageRepeat.NoRepeat).backgroundImageSize({ width: 1000, height: 500 }).border({ width: 1 })Text('background fill the box(Cover)').fontSize(9).width('90%').fontColor(0xCCCCCC)// 不保證圖片完整的情況下占滿盒子Row().width(200).height(50).backgroundImage('/comment/bg.jpg', ImageRepeat.NoRepeat).backgroundImageSize(ImageSize.Cover).border({ width: 1 })Text('background fill the box(Contain)').fontSize(9).width('90%').fontColor(0xCCCCCC)// 保證圖片完整的情況下放到最大Row().width(200).height(50).backgroundImage('/comment/bg.jpg', ImageRepeat.NoRepeat).backgroundImageSize(ImageSize.Contain).border({ width: 1 })Text('background image position').fontSize(9).width('90%').fontColor(0xCCCCCC)Row().width(100).height(50).backgroundImage('/comment/bg.jpg', ImageRepeat.NoRepeat).backgroundImageSize({ width: 1000, height: 560 }).backgroundImagePosition({ x: -500, y: -300 }).border({ width: 1 })}.width('100%').height('100%').padding({ top: 5 })}
}

示例2（設置背景模糊樣式）

該示例通過backgroundBlurStyle設置背景模糊樣式。

  1. // xxx.ets
@Entry
@Component
struct BackgroundBlurStyleDemo {build() {Column() {Row() {Text("Thin Material")}.width('50%').height('50%').backgroundBlurStyle(BlurStyle.Thin, { colorMode: ThemeColorMode.LIGHT, adaptiveColor: AdaptiveColor.DEFAULT, scale: 1.0 }).position({ x: '15%', y: '30%' })}.height('100%').width('100%').backgroundImage($r('app.media.bg')).backgroundImageSize(ImageSize.Cover)}
}

示例3（設置組件背景）

該示例通過background設置組件背景。

// xxx.ets
@Entry
@Component
struct BackgroundExample {@Builder renderBackground() {Column() {Progress({value : 50})}}build() {Column() {Text("content").width(100).height(40).fontColor("#FFF").position({x:50, y:80}).textAlign(TextAlign.Center).backgroundColor(Color.Green)}.width(200).height(200).background(this.renderBackground).backgroundColor(Color.Gray)}
}

示例4（設置組件背景提亮效果）

該示例通過backgroundBrightness設置組件背景提亮效果。

// xxx.ets
@Entry
@Component
struct BackgroundBrightnessDemo {build() {Column() {Row() {Text("BackgroundBrightness")}.width(200).height(100).position({ x: 100, y: 100 }).backgroundBlurStyle(BlurStyle.Thin, { colorMode: ThemeColorMode.LIGHT, adaptiveColor: AdaptiveColor.DEFAULT}).backgroundBrightness({rate:0.5,lightUpDegree:0.5}) // 背景提亮效果}.width('100%').height('100%').backgroundImage($r('app.media.image')).backgroundImageSize(ImageSize.Cover)}
}

效果圖如下：

rate和lightUpDegree參數值為0.5,0.5：

修改rate和lightUpDegree參數值為0.5,-0.1：

去掉backgroundBrightness的設置，效果如下：

示例5（設置模糊屬性）

該示例提供了模糊屬性的實現方法。通過blur設置內容模糊，通過backdropBlur設置背景模糊。

// xxx.ets
@Entry
@Component
struct BlurEffectsExample {build() {Column({ space: 10 }) {// 對字體進行模糊Text('font blur').fontSize(15).fontColor(0xCCCCCC).width('90%')Flex({ alignItems: ItemAlign.Center }) {Text('original text').margin(10)Text('blur text').blur(5).margin(10)Text('blur text').blur(10).margin(10)Text('blur text').blur(15).margin(10)}.width('90%').height(40).backgroundColor(0xF9CF93)// 對背景進行模糊Text('backdropBlur').fontSize(15).fontColor(0xCCCCCC).width('90%')Text().width('90%').height(40).fontSize(16).backdropBlur(3).backgroundImage($r('app.media.image')).backgroundImageSize({ width: 1200, height: 160 })}.width('100%').margin({ top: 5 })}
}

示例6（設置文字異形模糊效果）

該示例通過blendMode和backgroundEffect實現文字異形模糊效果。

如果出現漏線問題，開發者應首先確保兩個blendMode所在組件大小嚴格相同。如果確認相同，可能是組件邊界落在浮點數坐標上導致，可嘗試設置pixelRound通用屬性，使產生的白線、暗線兩側的組件邊界對齊到整數像素坐標上。

// xxx.ets
@Entry
@Component
struct Index {@State shColor: Color = Color.White;@State sizeDate: number = 20;@State rVal: number = 255;@State gVal: number = 255;@State bVal: number = 255;@State aVal: number = 0.1;@State rad: number = 40;@State satVal: number = 0.8;@State briVal: number = 1.5;build() {Stack() {Image($r('app.media.image'))Column() {Column({ space: 0 }) {Column() {Text('11').fontSize(144).fontWeight(FontWeight.Bold).fontColor('rgba(255,255,255,1)').fontFamily('HarmonyOS-Sans-Digit').maxLines(1).lineHeight(120 * 1.25).height(120 * 1.25).letterSpacing(4 * 1.25)Text('42').fontSize(144).fontWeight(FontWeight.Bold).fontColor('rgba(255,255,255,1)').fontFamily('HarmonyOS-Sans-Digit').maxLines(1).lineHeight(120 * 1.25).height(120 * 1.25).letterSpacing(4 * 1.25).shadow({color: 'rgba(0,0,0,0)',radius: 20,offsetX: 0,offsetY: 0})Row() {Text('10月16日').fontSize(this.sizeDate).height(22).fontWeight('medium').fontColor('rgba(255,255,255,1)')Text('星期一').fontSize(this.sizeDate).height(22).fontWeight('medium').fontColor('rgba(255,255,255,1)')}}.blendMode(BlendMode.DST_IN, BlendApplyType.OFFSCREEN).pixelRound({start: PixelRoundCalcPolicy.FORCE_FLOOR ,top: PixelRoundCalcPolicy.FORCE_FLOOR ,end: PixelRoundCalcPolicy.FORCE_CEIL,bottom: PixelRoundCalcPolicy.FORCE_CEIL})}.blendMode(BlendMode.SRC_OVER, BlendApplyType.OFFSCREEN).backgroundEffect({radius: this.rad,saturation: this.satVal,brightness: this.briVal,color: this.getVolumeDialogWindowColor()}).justifyContent(FlexAlign.Center).pixelRound({start: PixelRoundCalcPolicy.FORCE_FLOOR ,top: PixelRoundCalcPolicy.FORCE_FLOOR ,end: PixelRoundCalcPolicy.FORCE_CEIL,bottom: PixelRoundCalcPolicy.FORCE_CEIL})}}}getVolumeDialogWindowColor(): ResourceColor | string {return `rgba(${this.rVal.toFixed(0)}, ${this.gVal.toFixed(0)}, ${this.bVal.toFixed(0)}, ${this.aVal.toFixed(0)})`;}
}

示例7（模糊效果對比）

該示例對比了backgroundEffect、backDropBlur和backgroundBlurStyle三種不同的模糊效果。

// xxx.ets
// xxx.ets
@Entry
@Component
struct BackGroundBlur {private imageSize: number = 150;build() {Column({ space: 5 }) {// backgroundBlurStyle通過枚舉值的方式設置模糊參數Stack() {Image($r('app.media.test')).width(this.imageSize).height(this.imageSize)Column().width(this.imageSize).height(this.imageSize).backgroundBlurStyle(BlurStyle.Thin)}// backgroundEffect 可以自定義設置 模糊半徑，亮度，飽和度等參數Stack() {Image($r('app.media.test')).width(this.imageSize).height(this.imageSize)Column().width(this.imageSize).height(this.imageSize).backgroundEffect({ radius: 20, brightness: 0.6, saturation: 15 })}// backdropBlur 只能設置模糊半徑和灰階參數Stack() {Image($r('app.media.test')).width(this.imageSize).height(this.imageSize)Column().width(this.imageSize).height(this.imageSize).backdropBlur(20, { grayscale: [30, 50] })}}.width('100%').padding({ top: 5 })}
}

【鴻蒙全棧開發更多知識點】https://docs.qq.com/doc/DSk9ZeU9RTUhETm53

?

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/diannao/83983.shtml
繁體地址，請注明出處：http://hk.pswp.cn/diannao/83983.shtml
英文地址，請注明出處：http://en.pswp.cn/diannao/83983.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

【76. 最小覆蓋子串】

【76. 最小覆蓋子串】

Leetcode算法練習 筆記記錄 76. 最小覆蓋子串 76. 最小覆蓋子串 滑動窗口的hard題目，思路先找到第一個覆蓋的窗口，不斷縮小左邊界，找到更小的窗口并記錄。 思路很簡單，寫起來就不是一會事了，看題解看了幾個h&#xff0…
閱讀更多...
Spring事務簡單操作

Spring事務簡單操作

什么是事務？ 事務是一組操作的集合，是一個不可分割的操作 事務會把所有的操作作為?個整體, ?起向數據庫提交或者是撤銷操作請求. 所以這組操作要么同時 成功, 要么同時失敗. 事務的操作 分為三步： 1. 開啟事start transaction/ begin …
閱讀更多...
Rust 學習筆記：關于錯誤處理的練習題

Rust 學習筆記：關于錯誤處理的練習題

Rust 學習筆記：關于錯誤處理的練習題 Rust 學習筆記：關于錯誤處理的練習題想看到回溯，需要把哪個環境變量設置為 1？以下哪一項不是使用 panic 的好理由？以下哪一項最能描述為什么 File::open 返回的是 Result 而不是 O…
閱讀更多...
MCP 協議傳輸機制大變身：拋棄 SSE，投入 Streamable HTTP 的懷抱

MCP 協議傳輸機制大變身：拋棄 SSE，投入 Streamable HTTP 的懷抱

在技術的江湖里，變革的浪潮總是一波接著一波。最近，模型上下文協議（MCP）的傳輸機制就搞出了大動靜，決定和傳統的服務器發送事件（SSE）說拜拜，轉身擁抱 Streamable HTTP，這…
閱讀更多...
138. Copy List with Random Pointer

138. Copy List with Random Pointer

目錄 題目描述 方法一、使用哈希表 方法二、不使用哈希表 題目描述 問題的關鍵是，random指針指向的是原鏈表的結點，這個原鏈表的結點對應哪一個新鏈表的結點呢？有兩種辦法。一是用哈希表。另一種是復制原鏈表的每一個結點，并將…
閱讀更多...
如何評估開源商城小程序源碼的基礎防護能力？

如何評估開源商城小程序源碼的基礎防護能力？

在電商行業快速發展的背景下，開源商城已經為更多企業或者開發者的首選方案，不過并不是所有的開源商城源碼都能讓人放心使用，今天就帶大家一起了解下如何評估開源商城小程序源碼的基礎防護能力，幫助大家更好地篩選安全性高的商城源…
閱讀更多...
[Vue]跨組件傳值

[Vue]跨組件傳值

父子組件傳值 詳情可以看文章 跨組件傳值 Vue 的核?是單向數據流。所以在父子組件間傳值的時候，數據通常是通過屬性從?組件向?組件，??組件通過事件將數據傳遞回?組件。多層嵌套場景?般使?鏈式傳遞的?式實現provideinject的?式適?于需要跨層級…
閱讀更多...
悠易科技智能體矩陣撬動AI全域營銷新時代

悠易科技智能體矩陣撬動AI全域營銷新時代

大數據產業創新服務媒體 ——聚焦數據 改變商業 在數字化浪潮與AI技術的雙重驅動下，數據營銷正經歷前所未有的變革，從傳統的全域智能營銷，邁向更具顛覆性的AI全域營銷時代。 麥肯錫的報告顯示，采用AI驅動營銷的企業，客…
閱讀更多...
Xilinx XCAU10P-2FFVB676I 賽靈思 Artix UltraScale+ FPGA

Xilinx XCAU10P-2FFVB676I 賽靈思 Artix UltraScale+ FPGA

XCAU10P-2FFVB676I 是 AMD Xilinx 推出的 Artix UltraScale? FPGA 器件，內部集成了約 96,250 邏輯單元，滿足中等規模高性能應用的需求。該芯片采用 16 nm FinFET 制程工藝，核心電壓典型值約 0.85 V，能夠在較低功耗下提供高達 775…
閱讀更多...
Java SpringBoot 項目中 Redis 存儲 Session 具體實現步驟

Java SpringBoot 項目中 Redis 存儲 Session 具體實現步驟

目錄 一、添加依賴二、配置 Redis三、配置 RedisTemplate四、創建控制器演示 Session 使用五、啟動應用并測試六、總結 Java 在 Spring Boot 項目中使用 Redis 來存儲 Session，能夠實現 Session 的共享和高可用，特別適用于分布式系統環境。以下是具體的實…
閱讀更多...
分布式電源的配電網無功優化

分布式電源的配電網無功優化

分布式電源（Distributed Generation, DG）的大規模接入配電網，改變了傳統單向潮流模式，導致電壓波動、功率因數降低、網損增加等問題，無功優化成為保障配電網安全、經濟、高效運行的關鍵技術。 1. 核心目標 電壓穩定性：抑制DG并網點（PCC）及敏感節點的電壓越限（如超過5%…
閱讀更多...
JS手寫代碼篇---手寫Promise

JS手寫代碼篇---手寫Promise

4、手寫promise Promise 是一個內置對象，用于處理異步操作。Promise 對象表示一個尚未完成但預期將來會完成的操作。 Promise 的基本結構 一個 Promise 對象通常有以下狀態： pending（進行中）：初始狀態，…
閱讀更多...
我喜歡的vscode幾個插件和主題

我喜歡的vscode幾個插件和主題

主題 Monokaione Monokai Python 語義高光支持 自定義顏色為 self 將 class , def 顏色更改為紅色 為裝飾器修復奇怪的顏色 適用于魔法功能的椂光 Python One Dark 這個主題只在python中效果最好。 我為我個人使用做了這個主題,但任何人都可以使用它。 插件 1.Pylance Pylanc…
閱讀更多...
【深度學習新浪潮】大模型時代，我們還需要學習傳統機器學習么？

【深度學習新浪潮】大模型時代，我們還需要學習傳統機器學習么？

在大模型時代，AI 工程師仍需掌握傳統機器學習知識，這不僅是技術互補的需求，更是應對復雜場景和職業發展的關鍵。以下從必要性和學習路徑兩方面展開分析： 一、傳統機器學習在大模型時代的必要性 技術互補性 大模型（如GPT、BERT）擅長處理復雜語義和生成任務，但在數據量少…
閱讀更多...
年度工作計劃總結述職報告PPT模版一組分享

年度工作計劃總結述職報告PPT模版一組分享

工作計劃總結述職報告PPT模版：工作計劃述職報告PPT模版https://pan.quark.cn/s/fba40a5e87da 第一套PPT模版是醫院年度工作計劃的封面頁，有藍橙配色、醫院標題、年度工作計劃的大字、英文副標題、匯報人信息和右上角的醫院logo區域，右側還有醫…
閱讀更多...
軟件設計師“排序算法”真題考點分析——求三連

軟件設計師“排序算法”真題考點分析——求三連

一、考點分值占比與趨勢分析 綜合知識題分值統計表 年份考題數量總分值分值占比考察重點2018222.67%時間復雜度/穩定性判斷2019334.00%算法特性對比分析2020222.67%空間復雜度要求2021111.33%算法穩定性判斷2022334.00%綜合特性應用2023222.67%時間復雜度計算2024222.67%分治…
閱讀更多...
華為云Flexus+DeepSeek征文｜基于華為云Flexus云服務的云服務器單機部署Dify-LLM應用開發平臺

華為云Flexus+DeepSeek征文｜基于華為云Flexus云服務的云服務器單機部署Dify-LLM應用開發平臺

目錄 一、前言 二、華為云Flexus云服務優勢 三、華為云Flexus一鍵部署Dify 3.1 選擇模板 3.2 參數配置 3.3 資源棧設置 3.4 配置確認 3.5 創建執行計劃 3.6 部署 四、Dify-LLM應用開發平臺初體驗 4.1 訪問Dify-LLM應用開發平臺 4.2 設置管理員賬戶 4.3 登錄Dify-LLM應用開發平臺…
閱讀更多...
智能指針RAII

智能指針RAII

引入：智能指針的意義是什么？ RAll是一種利用對象生命周期來控制程序資源（如內存、文件句柄、網絡連接、互斥量等等）的簡單技術。 在對象構造時獲取資源，接著控制對資源的訪問使之在對象的生命周期內始終保持有效&#…
閱讀更多...
nt!MiRemovePageByColor函數分析之脫鏈和刷新顏色表

nt!MiRemovePageByColor函數分析之脫鏈和刷新顏色表

第0部分&#xff1a;背景 PFN_NUMBER FASTCALL MiRemoveZeroPage ( IN ULONG Color ) { ASSERT (Color < MmSecondaryColors); Page FreePagesByColor[Color].Flink; if (Page ! MM_EMPTY_LIST) { // // Remove the first entry on the zeroe…
閱讀更多...
DEBUG：Lombok 失效

DEBUG：Lombok 失效

DEBUG&#xff1a;Lombok 失效 問題描述 基于 Spring Boot 的項目中&#xff0c;編譯時顯示找不到 log 屬性。查看對應的 class 類&#xff0c;Lombok 正常在編譯時生成 log 屬性。 同時存在另一個問題&#xff0c;使用Getter注解&#xff0c;但實際使用中該注解并沒有生效&…
閱讀更多...
最新文章

Copyright @ 2022~2023