鴻蒙完整項目-仿盒馬App（一）首頁靜態頁面

跟著鴻蒙小林博主，練習下項目~記錄下首頁的搭建,后續繼續完善和整體項目完成會進行布局修改，先按照博主的跟做，后續在改
在這里插入圖片描述
1.分為底部整體框架搭建
2.首頁布局（頂部搜索、新人專享、金剛區（兩個不同集合數據）、圖片海報、三個分區、瀑布流列表）。組件單獨寫的
在這里插入圖片描述

  1. MainPages
@Entry
@Component/***首頁*/
struct MainPages {@State isCheck_Index_One: boolean = true@State currentIndex: number = 0//底部ui@BuildertabBuilder(title: string, targetIndex: number, selectedImg: Resource, normalImg: Resource) {Column() {Image(this.currentIndex === targetIndex ? selectedImg : normalImg).width(this.isCheck_Index_One && targetIndex === 0 ? 50 : 25).height(this.isCheck_Index_One && targetIndex === 0 ? 50 : 25).borderRadius(this.isCheck_Index_One && targetIndex === 0 ? 25 : 0)Text(title).margin({ top: 5 }).fontSize(14).margin({ top: 5 }).fontWeight(this.currentIndex === targetIndex ? FontWeight.Bold : FontWeight.Normal).fontColor('#6B6B6B')}.width('100%').height(50).justifyContent(FlexAlign.Center)}build() {//底部導航欄Column() {Tabs({ barPosition: BarPosition.End }) {TabContent() {//首頁布局HomeUI()}.tabBar(this.tabBuilder("首頁", 0, $r('app.media.me_image'), $r('app.media.index1_not_check')))TabContent() {Text('分類').fontSize(30)}.tabBar(this.tabBuilder("分類", 1, $r('app.media.index2_check'), $r('app.media.index2_not_check')))TabContent() {Text('購物車').fontSize(30)}.tabBar(this.tabBuilder("購物車", 2, $r('app.media.index3_check'), $r('app.media.index3_not_check')))TabContent() {Text('我的').fontSize(30)}.tabBar(this.tabBuilder("我的", 3, $r('app.media.index4_check'), $r('app.media.index4_not_check')))}.onChange((index: number) => {this.currentIndex = indexif (index === 0) {this.isCheck_Index_One = true} else {this.isCheck_Index_One = false}})}.linearGradient({angle: 180,colors: [[0xff0000, 0], [0xff6666, 0.2], [0xffffff, 1]]}).width('100%').height('100%')}
}
  1. HomeUI
//首頁布局
@Component
@Preview
export struct HomeUI {@State locationName: string = ''@State coupons: ESObject[] = [{ amount: "￥10", desc: "新人專享" },{ amount: "￥20", desc: "新人專享" },{ amount: "￥10", desc: "新人專享" },{ amount: "￥30", desc: "新人專享" }]/***新用戶*/@BuilderCouponComponent() {Column() {Row() {Text("新人專享卷").fontSize(24).fontColor('#FF0000')Text("前三單免運費").fontSize(14).fontColor('#888888').margin({ left: 10 })}.width('100%').padding(16)}List({ space: 10 }) {ForEach(this.coupons, (item: ESObject) => {ListItem() {Column() {Text(item.amount).fontSize(22).fontColor('#FF4444').margin({ bottom: 8 })Text(item.desc).fontSize(14).fontColor('#999999')}}})}}build() {Scroll(){Column() {HomeTopBar({ locationName: this.locationName })CommonSearBar({onSearchClick: () => {console.debug('測試點擊')}});CouponComponent().margin({ top: 15, left: 10, right: 10 })//金剛區SplitLayout()//海報區Image("https://img0.baidu.com/it/u=2721636467,4123351490&fm=253&fmt=auto&app=138&f=JPEG?w=1000&h=500").width("95%").height(100).margin({top:10}).borderRadius(20).objectFit(ImageFit.Fill)//三個海報SpecialColumn().margin({ top: 15, left: 10, right: 10,bottom:10 })//瀑布流列表WaterFlowGoods().margin({  left: 10, right: 10})}}.width('100%').height('100%')}
}

3.首頁里面的搜索組件

/***搜索組件*/
@Component
export struct CommonSearBar {@State searchText: string = ''private onSearchClick?: () => voidbuild() {Row() {Image($r('app.media.search')).width(24).height(24).margin({ left: 12 })Text(this.searchText || "請輸入搜索內容").width('70%').height(35).backgroundColor(Color.White).padding({ left: 5 }).fontSize(16)Text('搜索').width(90).layoutWeight(1).fontSize(16).fontColor(Color.White).backgroundColor('#FF0000').borderRadius(20).padding({ top: 5, bottom: 5 }).textAlign(TextAlign.Center)}.height(40).width('90%').padding(1).backgroundColor('#F5F5F5').borderRadius(28).onClick(() => {this.onSearchClick?.()})}
}

4.CouponComponent首頁新用戶領劵

/***首頁新用戶領劵*/
@Component
export struct CouponComponent {@State coupons: ESObject[] = [{ amount: "￥10", desc: "新人專享" },{ amount: "￥20", desc: "新人專享" },{ amount: "￥10", desc: "新人專享" },{ amount: "￥30", desc: "新人專享" }]build() {Column() {Row() {Text("新人專享券").fontSize(24).fontColor('#FF0000')Text("前三單免運費").fontSize(14).fontColor('#888888').margin({ left: 10 })}.width('100%').padding(10)List({ space: 10 }) {ForEach(this.coupons, (item: ESObject) => {ListItem() {Column() {Text(item.amount).fontSize(22).fontColor('#FF4444').margin({ bottom: 8 })Text(item.desc).fontSize(14).fontColor('#999999')}.width(80).padding(16).backgroundColor('#FFFFFF').borderRadius(8)}})}.width('100%').height(100).margin({left:20}).listDirection(Axis.Horizontal)Button('立即領取').width(200).height(40).backgroundColor('#FF0000').fontColor(Color.White).borderRadius(20).margin({ top:20,bottom: 16 })}.backgroundColor("#F5F5F5").width('100%').height('33%').borderRadius(10)}
}

5.SplitLayout金剛區+海報

/***金剛區*/
@Component
@Preview
export struct SplitLayout {build() {Column() {Grid() {ForEach(HomeData.topData, (row: ESObject) => {ForEach(row, (item: ESObject) => {GridItem() {Column() {Image(item.image).width(40).height(40).borderRadius(20).margin({ top: 5 })Text(item.title).padding(1).fontSize(16).fontColor(Color.Black).textAlign(TextAlign.Center)}}})})}.columnsTemplate('1fr 1fr 1fr 1fr ').height(200)List({ space: 25 }) {ForEach(HomeData.bottomData, (item: ESObject) => {ListItem(){Column(){Image(item.image).width(40).height(40).borderRadius(15)Text(item.title).textAlign(TextAlign.Center).fontColor(Color.Black).fontSize(16).padding(5)}}})}.scrollBar(BarState.Off).margin({left:10}).height(70).listDirection(Axis.Horizontal)}.alignItems(HorizontalAlign.Start).height(310).width('95%').margin({ top: 20 }).backgroundColor('#F5F5F5').padding(16).borderRadius(20)}
}

6.三個海報SpecialColumn

@Component
@Preview
export struct SpecialColumn {build() {Row(){Column() {Row() {Text('今日瘋搶').fontSize(16).fontWeight(FontWeight.Bold).fontColor(Color.Black)Blank()Text('一元秒殺').fontSize(10).fontColor(Color.White).backgroundColor(Color.Red).borderRadius({ topLeft: 8, bottomRight: 8 }).padding(2)}Text('立省兩元').fontSize(10).fontColor('#999999').margin({ top: 4 })List({ space: 10 }) {ForEach(HomeData.priceInfo,(priceInfo:ESObject)=>{ListItem() {Column() {Image(priceInfo.image).width(40).height(50).margin({ bottom: 8 }).objectFit(ImageFit.Cover)Row() {Text(priceInfo.oldPrice).fontSize(12).fontColor('#999999').decoration({ type: TextDecorationType.LineThrough })Blank()Text(priceInfo.newPrice).fontSize(14).fontColor(Color.Red)}}.margin({ top: 12 }).padding(8).borderRadius(8)}})}.listDirection(Axis.Horizontal).width('100%').height(100)}.borderRadius(8).alignItems(HorizontalAlign.Start).linearGradient({direction: GradientDirection.Bottom, // 漸變方向colors: [["#F8D7D8", 0.0], ["#FEFFFF", 0.3]]}).width('45%').padding(10)Column() {Text('嘗鮮盒子').fontSize(16).fontColor(Color.Black).fontWeight(FontWeight.Bold)Text('一分錢試吃').fontSize(10).fontColor('#999999').margin({ top: 4 })Column() {Image(HomeData.priceInfo[0].image).width(40).height(50).margin({ bottom: 8 }).objectFit(ImageFit.Cover)Text(HomeData.priceInfo[0].newPrice).fontSize(14).fontColor(Color.Red)}.margin({ top: 12 }).padding(10)}.borderRadius(8).linearGradient({direction: GradientDirection.Bottom, // 漸變方向colors: [["#FCECD0", 0.0], ["#FEFFFF", 0.3]]}).width('25%').padding(10)Column() {Text('健康生活').fontSize(16).fontColor(Color.Black).fontWeight(FontWeight.Bold)Text('果蔬榨榨杯').fontSize(10).fontColor('#999999').margin({ top: 4 })Column() {Image(HomeData.priceInfo[1].image).width(40).height(50).margin({ bottom: 8 }).objectFit(ImageFit.Cover)Text(HomeData.priceInfo[1].newPrice).fontSize(14).fontColor(Color.Red)}.margin({ top: 12 }).padding(10)}.linearGradient({direction: GradientDirection.Bottom, // 漸變方向colors: [["#BFE4CB", 0.0], ["#FEFFFF", 0.3]]}).borderRadius(8).width('25%').padding(10)}.width('100%').height(150).justifyContent(FlexAlign.SpaceBetween)}}

7.瀑布流 WaterFlowGoods()

/***首頁瀑布流*/
@Component
@Preview
export struct WaterFlowGoods {@State goodsList: Array<GoodsItem> = [{image: "https://img1.baidu.com/it/u=499325528,1576211670&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=667",name: "紅顏草莓",spec: "早熟",originalPrice: "￥39",price: "￥19"},{image: "https://img0.baidu.com/it/u=3907484858,1857304284&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",name: "沙地紅心西瓜",spec: "脆甜",originalPrice: "￥13",price: "￥9.9"},{image: "https://img0.baidu.com/it/u=3907484858,1857304284&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",name: "芒果",spec: "香甜",originalPrice: "￥23",price: "￥19.9"} ,{image: "https://img0.baidu.com/it/u=3907484858,1857304284&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",name: "海南菠蘿",spec: "脆酸甜",originalPrice: "￥43",price: "￥29.9"}]@State columns: number = 2build() {//瀑布流WaterFlow(){ForEach(this.goodsList,(item:GoodsItem)=>{FlowItem(){//布局Column(){Image(item.image).width('100%').borderRadius({topLeft:10,topRight:10})Column(){Text(item.name).fontSize(16).fontColor('#333').margin({ bottom: 4 })Text(item.spec).fontSize(12).fontColor('#666').margin({ bottom: 8 })Row(){Text(item.originalPrice).fontSize(12).fontColor('#999').decoration({ type: TextDecorationType.LineThrough })Text(item.price).fontSize(16).fontColor(Color.Red).margin({left:10})Blank()Column(){Image($r('app.media.cart')).width(20).height(20)}.justifyContent(FlexAlign.Center).width(36).height(36).backgroundColor("#ff2bd2fa").borderRadius(18)}.width('100%').justifyContent(FlexAlign.SpaceBetween)}.alignItems(HorizontalAlign.Start).padding(12)}.backgroundColor(Color.White).borderRadius(12)}.margin({ bottom: 12 })})}.margin({top:30})//設置列數.columnsTemplate('1fr 1fr').columnsGap(12)}
}

8.數據類HomeData

export class  HomeData{static  topData: ESObject[][] = [[{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.iqeBi3j390BfpXYkfwL7ZwHaIC?w=168&h=182&c=7&r=0&o=5&dpr=2&pid=1.7", title: "當季水果" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.45Yw7hjv6Pya3G4AkSXV7gHaE6?w=268&h=180&c=7&r=0&o=5&dpr=2&pid=1.7", title: "有機蔬菜" },{ image: "https://tse4-mm.cn.bing.net/th/id/OIP-C.D4joDEE4liDJ24JkH8vT7wHaE8?w=274&h=183&c=7&r=0&o=5&dpr=2&pid=1.7", title: "進口水產" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.qlXw3xeqY17Pz4Zes2XO9wHaGn?w=221&h=197&c=7&r=0&o=5&dpr=2&pid=1.7", title: "散養家禽" },{ image: "https://tse3-mm.cn.bing.net/th/id/OIP-C.iiVk_wx6cKy6Qz-GORTrBQHaE7?w=280&h=187&c=7&r=0&o=5&dpr=2&pid=1.7", title: "五谷雜糧" }],[{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.45Yw7hjv6Pya3G4AkSXV7gHaE6?w=268&h=180&c=7&r=0&o=5&dpr=2&pid=1.7", title: "有機蔬菜" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.qlXw3xeqY17Pz4Zes2XO9wHaGn?w=221&h=197&c=7&r=0&o=5&dpr=2&pid=1.7", title: "散養家禽" },{ image: "https://tse4-mm.cn.bing.net/th/id/OIP-C.D4joDEE4liDJ24JkH8vT7wHaE8?w=274&h=183&c=7&r=0&o=5&dpr=2&pid=1.7", title: "進口水產" },{ image: "https://tse3-mm.cn.bing.net/th/id/OIP-C.iiVk_wx6cKy6Qz-GORTrBQHaE7?w=280&h=187&c=7&r=0&o=5&dpr=2&pid=1.7", title: "五谷雜糧" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.iqeBi3j390BfpXYkfwL7ZwHaIC?w=168&h=182&c=7&r=0&o=5&dpr=2&pid=1.7", title: "當季水果" }]]static bottomData: ESObject[] = [{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.iqeBi3j390BfpXYkfwL7ZwHaIC?w=168&h=182&c=7&r=0&o=5&dpr=2&pid=1.7", title: "嘗夏鮮" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.45Yw7hjv6Pya3G4AkSXV7gHaE6?w=268&h=180&c=7&r=0&o=5&dpr=2&pid=1.7", title: "燒烤露營" },{ image: "https://tse4-mm.cn.bing.net/th/id/OIP-C.D4joDEE4liDJ24JkH8vT7wHaE8?w=274&h=183&c=7&r=0&o=5&dpr=2&pid=1.7", title: "廚衛百貨" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.qlXw3xeqY17Pz4Zes2XO9wHaGn?w=221&h=197&c=7&r=0&o=5&dpr=2&pid=1.7", title: "天天會員價" },{ image: "https://tse3-mm.cn.bing.net/th/id/OIP-C.iiVk_wx6cKy6Qz-GORTrBQHaE7?w=280&h=187&c=7&r=0&o=5&dpr=2&pid=1.7", title: "盒馬NB" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.iqeBi3j390BfpXYkfwL7ZwHaIC?w=168&h=182&c=7&r=0&o=5&dpr=2&pid=1.7", title: "自有產品" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.45Yw7hjv6Pya3G4AkSXV7gHaE6?w=268&h=180&c=7&r=0&o=5&dpr=2&pid=1.7", title: "每日秒殺" },{ image: "https://tse4-mm.cn.bing.net/th/id/OIP-C.D4joDEE4liDJ24JkH8vT7wHaE8?w=274&h=183&c=7&r=0&o=5&dpr=2&pid=1.7", title: "好劵連連" },{ image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.qlXw3xeqY17Pz4Zes2XO9wHaGn?w=221&h=197&c=7&r=0&o=5&dpr=2&pid=1.7", title: "清潔紙品" },{ image: "https://tse3-mm.cn.bing.net/th/id/OIP-C.iiVk_wx6cKy6Qz-GORTrBQHaE7?w=280&h=187&c=7&r=0&o=5&dpr=2&pid=1.7", title: "敬請期待" }]static  priceInfo: ESObject = [{image: "https://tse3-mm.cn.bing.net/th/id/OIP-C.n_NQx-NMBlbYSU0fvKlMfwHaHa?w=213&h=213&c=7&r=0&o=5&dpr=2&pid=1.7",oldPrice: "￥99",newPrice: "￥79"},  {image: "https://tse2-mm.cn.bing.net/th/id/OIP-C.qHml5NfgkGlIvftvCc6krAHaE8?w=270&h=180&c=7&r=0&o=5&dpr=2&pid=1.7",oldPrice: "￥99",newPrice: "￥79"}]
}

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

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

相關文章

LINUX安裝運行jeelowcode后端項目（idea啟動）

LINUX安裝運行jeelowcode后端項目（idea啟動）

參考 LINUX安裝運行jeelowcode后端項目&#xff08;命令行&#xff09;-CSDN博客 IntelliJ IDEA下載地址&#xff08;社區版、付費版&#xff09;-CSDN博客 軟件已安裝好&#xff0c;數據庫也初始化完畢。 步驟1&#xff1a;打開項目目錄步驟2&#xff1a;配置JDK步驟3&…
閱讀更多...
Web Vitals 核心指標快速掌握指南

Web Vitals 核心指標快速掌握指南

Next.js 內置了對測量和報告性能指標的支持，我們可以通過 useReportWebVitals 鉤子自行管理報告。它會在應用的前端代碼開始之前運行，用于對應用進行全局分析、錯誤跟蹤以及性能監控。 本篇內容主要詳細介紹 6 個性能分析的指標，幫助我們更好的進行性能優化。 1. TTFB 定…
閱讀更多...
專業課復習筆記 10

專業課復習筆記 10

感覺專業課就是考研的幾個科目里面難度最高的科目&#xff0c;我要好好加油&#xff0c;爭取拿下一百二十分。這個要是過不了線&#xff0c;考研基本廢完了。我感覺專業課練習題沒有說像是數學那么多練習題&#xff0c;反而是需要自己仔細去理解里面的知識&#xff0c;記住知識…
閱讀更多...
C語言 文件操作(2)

C語言 文件操作(2)

目錄 1.文件的順序讀寫 2.文件的隨機讀寫 3.文件讀取結束的判定 4.文件的緩沖區 1.文件的讀取順序 1.1 順序讀寫函數介紹 上面說的適用于所有輸入流一般指適用于標準輸入流和其他輸入流&#xff08;如文件輸入流&#xff09;&#xff1b;所有輸出流 一般指適用于標準輸出…
閱讀更多...
QGIS新手教程2：線圖層與多邊形圖層基礎操作指南（點線互轉、中心點提取與WKT導出）

QGIS新手教程2：線圖層與多邊形圖層基礎操作指南（點線互轉、中心點提取與WKT導出）

QGIS新手教程&#xff1a;線圖層與多邊形圖層基礎操作指南&#xff08;點線互轉、中心點提取與WKT導出&#xff09; 目錄 QGIS新手教程&#xff1a;線圖層與多邊形圖層基礎操作指南&#xff08;點線互轉、中心點提取與WKT導出&#xff09;&#x1f4cc; 引言第一部分&#xff1…
閱讀更多...
Netty 框架介紹

Netty 框架介紹

1. Netty 框架介紹 Netty 是一個基于 Java NIO&#xff08;Non-blocking I/O&#xff09;的異步事件驅動網絡應用框架&#xff0c;旨在快速開發高性能、高可靠性的網絡服務器和客戶端。它簡化了 TCP/UDP 等協議的編程&#xff0c;并提供了高度可定制的組件&#xff0c;適用于高…
閱讀更多...
Eclipse 插件開發 5.2 編輯器 獲取當前編輯器

Eclipse 插件開發 5.2 編輯器 獲取當前編輯器

Eclipse 插件開發 5.2 編輯器 獲取當前編輯器 1 獲取活躍編輯器2 獲取全部編輯器 Manifest-Version: 1.0 Bundle-ManifestVersion: 2 Bundle-Name: Click1 Bundle-SymbolicName: com.xu.click1;singleton:true Bundle-Version: 1.0.0 Bundle-Activator: com.xu.click1.Activato…
閱讀更多...
完成LRU頁面調度算法的模擬

完成LRU頁面調度算法的模擬

目錄 1.上代碼 2.實現思路 1.上代碼 #include<iostream> using namespace std; //內存塊類 class memory { public:void init();void alter(int a, int b);int check_full();int check_old();int check_exist(int a);void run();void refresh();friend int manage(me…
閱讀更多...
Three.js 直線拐角自動圓角化（圓弧轉彎）

Three.js 直線拐角自動圓角化（圓弧轉彎）

目錄 前言 計算圓心坐標 計算兩條直線的角平分線 計算dir1 dir2的夾角 計算圓心到直線交點的距離 計算圓心 計算從正X軸算起曲線開始、終止的角度 計算垂足與兩直線交點距離 計算垂足 計算垂線 計算兩垂線與x軸的夾角 ?編輯 計算圓弧是否按照順時針方向來繪制 成功…
閱讀更多...
【MYSQL】mysql單表億級數據查詢優化處理

【MYSQL】mysql單表億級數據查詢優化處理

1、實踐表明mysql單表數據超過一億后&#xff0c;數據進行交并差效率會非常慢&#xff0c;所以這時候就要進行表的優化。 我這里主要是使用索引。 2、表字段精量精簡 查索引&#xff0c;建索引&#xff0c;刪索引語法 --查看索引 -- SHOW INDEX FROM 表名; -- 刪除索引 --AL…
閱讀更多...
C++基礎：模擬實現vector（有存在深層次的淺拷貝問題）

C++基礎：模擬實現vector（有存在深層次的淺拷貝問題）

目錄 引言 一、vector的基本框架 二、尾插push_back、reserve擴容、任意位置插入insert&#xff08;增&#xff09; 1.reserve擴容 2.push_back尾插 3.深層次的淺拷貝問題 4. 任意位置插入數據insert(會使迭代器失效) 三、構造、析構、拷貝構造函數 1.構造函數 1.1無…
閱讀更多...
【力扣】關于鏈表索引

【力扣】關于鏈表索引

怎么才能走到目標節點呢&#xff1f; 從9走到2&#xff0c;需要2步&#xff0c;他們的索引分別是&#xff1a;0&#xff0c;2 在for循環里&#xff1a;int i 0; i < 2; i i的范圍是【0&#xff0c;2&#xff09; 有&#xff1a;2 2 - 0 如果從虛擬頭節點開始走到2&#x…
閱讀更多...
C++ ODB框架詳解：現代C++對象關系映射解決方案

C++ ODB框架詳解：現代C++對象關系映射解決方案

目錄 框架簡介安裝與配置基礎概念實體映射數據庫操作查詢操作高級功能性能優化最佳實踐 框架簡介 ODB&#xff08;Object-Relational Database&#xff09;是一個專為C設計的對象關系映射&#xff08;ORM&#xff09;框架&#xff0c;由CodeSynthesis公司開發。它提供了一種…
閱讀更多...
Ai書簽管理工具開發全記錄（一）：項目總覽與技術藍圖

Ai書簽管理工具開發全記錄（一）：項目總覽與技術藍圖

文章目錄 Ai書簽管理工具開發全記錄&#xff08;一&#xff09;&#xff1a;項目總覽與技術藍圖 ?1. 項目背景與核心價值 &#x1f4a1;1.1. 核心特點 2. 技術架構分析 &#x1f3d7;?功能架構全景圖典型工作流 3. 核心技術棧選擇 &#x1f6e0;?4. 預期使用功能說明 &#…
閱讀更多...
GUI 編程——python

GUI 編程——python

GUI 編程核心概念 GUI&#xff08;圖形用戶界面&#xff0c;Graphical User Interface&#xff09; 是一種通過圖形元素&#xff08;窗口、按鈕、菜單等&#xff09;與用戶交互的應用程序形式&#xff0c;相比命令行界面更直觀易用。以下是學習 GUI 編程的基礎概念和流程&…
閱讀更多...
【Doris基礎】Apache Doris 基本架構深度解析：從存儲到查詢的完整技術演進

【Doris基礎】Apache Doris 基本架構深度解析：從存儲到查詢的完整技術演進

目錄 1 引言 2 Doris 架構全景圖 2 核心組件技術解析 2.1 Frontend 層&#xff08;FE&#xff09; 2.2 Backend 層&#xff08;BE&#xff09; 3 數據存儲與復制機制 3.1 存儲架構演進 3.2 副本復制策略 4 查詢處理全流程解析 4.1 查詢生命周期 5 高可用設計 5.1 F…
閱讀更多...
光電賦能低空場景，靈途科技助力無人機持續升級

光電賦能低空場景，靈途科技助力無人機持續升級

2025 UASE 主題為“步入低空經濟新時代”的“2025第九屆世界無人機大會暨國際低空經濟與無人系統博覽會/第十屆深圳國際無人機展覽會”5月23日在深圳會展中心隆重開幕。本屆展會匯聚了全球800余家企業參展&#xff0c;展示5000多款無人機及系統設備&#xff0c;全面呈現低空經…
閱讀更多...
iOS QQ抽屜式導航的實現

iOS QQ抽屜式導航的實現

QQ個人中心的側滑功能(通常稱為"抽屜式導航")可以通過以下幾種方式在iOS中實現&#xff1a; 主要實現方案 使用第三方庫 最快速的方式是使用成熟的第三方庫&#xff1a; SWRevealViewController&#xff1a;最流行的側滑菜單庫MMDrawerController&#xff1a;另一…
閱讀更多...
【Pandas】pandas DataFrame drop

【Pandas】pandas DataFrame drop

Pandas2.2 DataFrame Reindexing selection label manipulation 方法描述DataFrame.add_prefix(prefix[, axis])用于在 DataFrame 的行標簽或列標簽前添加指定前綴的方法DataFrame.add_suffix(suffix[, axis])用于在 DataFrame 的行標簽或列標簽后添加指定后綴的方法DataFram…
閱讀更多...
長短期記憶網絡 (LSTM) 詳解：從原理到應用

長短期記憶網絡 (LSTM) 詳解：從原理到應用

一、引言&#xff1a;序列數據處理的挑戰? 在自然語言處理、語音識別、時間序列分析等領域&#xff0c;數據通常以序列形式存在&#xff0c;前后數據點之間存在依賴關系。傳統循環神經網絡 (RNN) 雖然能捕捉序列依賴&#xff0c;但存在嚴重的梯度消失 / 爆炸問題&#xff0c;…
閱讀更多...
最新文章

Copyright @ 2022~2023