当前位置： 首页 > news >正文

HarmonyOS NEXT应用开发边学边玩系列：从零实现一影视APP (三、影视搜索页功能实现)

news 来源：原创 2025/6/8 14:18:18

在HarmonyOS NEXT开发环境中，可以使用@nutpi/axios库来简化网络请求的操作。本文将展示如何使用HarmonyOS NEXT框架和@nutpi/axios库，从零开始实现一个简单的影视APP，主要关注影视搜索页的功能实现。

为什么选择@nutpi/axios？

nutpi/axios是坚果派出品的，对axios封装过的鸿蒙HTTP客户端库，用于简化axios库的使用和以最简单的形式写代码。使用nutpi/axios库可以大大简化代码，使网络接口变得简单直观。

项目开源地址：https://atomgit.com/csdn-qq8864/hmmovie

好的作品是需要不断打磨，在你的学习和体验过程中有任何问题，欢迎到我的开源项目代码仓下面提交issue,持续优化。

安装nutpi/axios

首先，需要在项目中安装nutpi/axios库。

ohpm install @ohos/axios

在这里插入图片描述

实现电影搜索接口

使用nutpi/axios库来实现电影搜索接口。先封装一个工具类：

//axiosClient.ets
import {AxiosHttpRequest,HttpPromise} from '@nutpi/axios'
import {AxiosHeaders,AxiosRequestHeaders,AxiosError } from '@nutpi/axios';
import { Log } from './logutil';
import { promptAction } from "@kit.ArkUI";function showToast(msg:string){Log.debug(msg)promptAction.showToast({ message: msg })
}function showLoadingDialog(msg:string){Log.debug(msg)promptAction.showToast({ message: msg })
}function hideLoadingDialog() {}
/*** axios请求客户端创建*/
const axiosClient = new AxiosHttpRequest({baseURL: "http://120.27.146.247:8000/api/v1",timeout: 10 * 1000,checkResultCode: false,showLoading:true,headers: new AxiosHeaders({'Content-Type': 'application/json'}) as AxiosRequestHeaders,interceptorHooks: {requestInterceptor: async (config) => {// 在发送请求之前做一些处理，例如打印请求信息Log.debug('网络请求Request 请求方法:', `${config.method}`);Log.debug('网络请求Request 请求链接:', `${config.url}`);Log.debug('网络请求Request Params:', `\n${JSON.stringify(config.params)}`);Log.debug('网络请求Request Data:', `${JSON.stringify(config.data)}`);// 动态添加或修改header//config.headers['X-ATOMGIT-POP-COMMUNITY'] = 'openatom';axiosClient.config.showLoading = config.showLoadingif (config.showLoading) {showLoadingDialog("加载中...")}if (config.checkLoginState) {//let hasLogin = await StorageUtils.get(StorageKeys.USER_LOGIN, false)//Log.debug('网络请求Request 登录状态校验>>>', `${hasLogin.toString()}`);// if (hasLogin) {//   return config// } else {//   if (config.needJumpToLogin) {//     //Router.push(RoutePath.TestPage)//   }//   throw new AxiosError("请登录")// }}return config;},requestInterceptorCatch: (err) => {Log.error("网络请求RequestError", err.toString())if (axiosClient.config.showLoading) {hideLoadingDialog()}return err;},responseInterceptor: (response) => {//优先执行自己的请求响应拦截器，在执行通用请求request的if (axiosClient.config.showLoading) {hideLoadingDialog()}Log.debug('网络请求响应Response:', `\n${JSON.stringify(response.data)}`);if (response.status === 200) {// @ts-ignoreconst checkResultCode = response.config.checkResultCodeif (checkResultCode && response.data.errorCode != 0) {showToast(response.data.errorMsg)return Promise.reject(response)}return Promise.resolve(response);} else {return Promise.reject(response);}},responseInterceptorCatch: (error) => {if (axiosClient.config.showLoading) {hideLoadingDialog()}Log.error("网络请求响应异常", error.toString());errorHandler(error);return Promise.reject(error);},}
});function errorHandler(error: any) {if (error instanceof AxiosError) {//showToast(error.message)} else if (error != undefined && error.response != undefined && error.response.status) {switch (error.response.status) {// 401: 未登录// 未登录则跳转登录页面，并携带当前页面的路径// 在登录成功后返回当前页面，这一步需要在登录页操作。case 401:break;// 403 token过期// 登录过期对用户进行提示// 清除本地token和清空vuex中token对象// 跳转登录页面case 403://showToast("登录过期，请重新登录")// 清除token// localStorage.removeItem('token');break;// 404请求不存在case 404://showToast("网络请求不存在")break;// 其他错误，直接抛出错误提示default://showToast(error.response.data.message)}}
}export  {axiosClient,HttpPromise};

接口的实现很简单啦：

// 定义电影搜索接口
// 7.电影搜索接口
export const movieSearch =  (q:string,start:number,count:number): HttpPromise<SearchResp> => axiosClient.post({url:'/searchmovie',data: {  q:q,start:start,count:count }});

代码讲解

  1. 创建axios客户端：封装了一个axios客户端axiosClient工具类，并设置了基础URL和请求超时时间。
  2. 定义接口函数：movieSearch函数接收三个参数：q（查询字符串）、start（起始位置）和count（数量），并返回一个Promise对象。

Search组件和List组件使用

接下来，将实现影视搜索页的组件，包括Search组件和List组件的使用。

import { movieSearch } from '../../common/api/movie';
import { SearchRespData } from '../../common/bean/SearchResp';
import { Log } from '../../utils/logutil';
import { BusinessError } from '@kit.BasicServicesKit';@Builder
export function SearchPageBuilder() {SearchPage()
}@Component
struct SearchPage {pageStack: NavPathStack = new NavPathStack()controller: SearchController = new SearchController()@State changeValue: string = ''@State submitValue: string = ''@State searchList: SearchRespData[] = []// 组件生命周期aboutToAppear() {Log.info('SearchPage aboutToAppear');}onPageShow(): void {this.controller.caretPosition(0)}build() {NavDestination() {Column({ space: 0 }) {Search({ controller: this.controller, value: this.changeValue, placeholder: '请输入片名' }).searchButton('搜索').width('95%').height(45).maxLength(30).backgroundColor('#F5F5F5').placeholderColor(Color.Grey).placeholderFont({ size: 14, weight: 400 }).textFont({ size: 14, weight: 400 }).focusable(true).defaultFocus(true).onSubmit((value: string) => {this.submitValue = value}).onChange((value: string) => {this.changeValue = valuemovieSearch(value, 1, 10).then((res) => {Log.debug(res.data.message)Log.debug("request", "res.data.code:%{public}d", res.data.code)if (res.data.code == 0) {this.searchList = res.data.data}}).catch((err: BusinessError) => {Log.debug("request", "err.data.code:%d", err.code)Log.debug("request", err.message)});}).margin({ left: 20, right: 20 })// list组件List({ space: 10 }) {ForEach(this.searchList, (item: SearchRespData, idx) => {ListItem() {Column({ space: 0 }) {Row() {Stack() {Image(item.cover).objectFit(ImageFit.Cover).borderRadius(5).zIndex(1)Text(item.year.substring(0, 10)).padding(5).margin({ top: 80 }).width('100%').height(20).textAlign(TextAlign.Center).maxLines(2).textOverflow({ overflow: TextOverflow.Clip }).fontSize(12).fontColor(Color.White).opacity(100) // 设置标题的透明度.backgroundColor('#808080AA') // 背景颜色设为透明.zIndex(2)}.width(100).height(100).margin({ left: 10 })Column({ space: 15 }) {Text(item.title).fontSize(16).fontWeight(FontWeight.Bold).align(Alignment.Start).width('100%')Text(item.genre).fontSize(12).align(Alignment.Start).width('100%')Text('评分: ' + item.rate).fontSize(12).align(Alignment.Start).width('100%')}.justifyContent(FlexAlign.Start).padding(5).margin({ left: 10 })}.size({ width: '100%', height: 100 })}.size({ width: '100%', height: 100 })}.onClick(() => {this.pageStack.pushDestinationByName("MovieDetailPage", { id: item.id }).catch((e: Error) => {console.log(`catch exception: ${JSON.stringify(e)}`)}).then(() => {// 跳转成功});})}, (itm: SearchRespData) => itm.id)}.divider({ strokeWidth: 2, color: '#F1F3F5' }).listDirection(Axis.Vertical).edgeEffect(EdgeEffect.Spring, { alwaysEnabled: true })}.width('100%').height('100%')}.title("影视搜索").width('100%').height('100%').onReady(ctx => {this.pageStack = ctx.pathStack})}
}

代码讲解

  1. 导入模块：导入了之前定义的movieSearch函数，以及一些其他必要的模块。
  2. 定义组件状态：
    • changeValue：用于存储当前搜索框中的输入值。
    • submitValue：用于存储用户提交的搜索值。
    • searchList：用于存储搜索结果的列表。
  3. 组件生命周期：
    • aboutToAppear：组件即将出现在页面时执行的日志记录。
    • onPageShow：组件显示时重置光标位置。
  4. 构建页面：
    • NavDestination：定义页面的导航目的地。
    • Column：垂直布局容器。
    • Search：搜索框组件，设置了搜索按钮、宽度、高度、最大长度等属性，并绑定了onSubmit和onChange事件。
    • List：列表组件，用于显示搜索结果。
      • ForEach：遍历searchList数组，为每个搜索结果项创建一个ListItem。
      • ListItem：列表项组件，包含电影的封面、年份、标题、类型和评分。
      • onClick：点击列表项时，导航到电影详情页。
  5. 列表样式：
    • divider：设置列表项之间的分隔线。
    • listDirection：设置列表的方向为垂直。
    • edgeEffect：设置边缘效果为弹簧效果。

总结

通过本文，展示了如何使用HarmonyOS NEXT框架和nutpi/axios库来实现一个简单的影视搜索页。nutpi/axios库的使用大大简化了网络请求的操作，使代码更加简洁易读。希望这篇文章对你有所帮助，让你在开发HarmonyOS NEXT应用时更加得心应手。

如果你有任何问题或建议，欢迎在评论区留言交流！

作者介绍

作者：csdn猫哥

原文链接：https://blog.csdn.net/yyz_1987

团队介绍

坚果派团队由坚果等人创建，团队拥有12个华为HDE带领热爱HarmonyOS/OpenHarmony的开发者，以及若干其他领域的三十余位万粉博主运营。专注于分享HarmonyOS/OpenHarmony、ArkUI-X、元服务、仓颉等相关内容，团队成员聚集在北京、上海、南京、深圳、广州、宁夏等地，目前已开发鸿蒙原生应用和三方库60+，欢迎交流。

版权声明

本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

相关文章：

HarmonyOS NEXT应用开发边学边玩系列：从零实现一影视APP (三、影视搜索页功能实现)

在HarmonyOS NEXT开发环境中&#xff0c;可以使用nutpi/axios库来简化网络请求的操作。本文将展示如何使用HarmonyOS NEXT框架和nutpi/axios库&#xff0c;从零开始实现一个简单的影视APP&#xff0c;主要关注影视搜索页的功能实现。 为什么选择nutpi/axios&#xff1f; nutpi…...

编程日记 2025/6/4 4:22:16

探秘 JMeter 前置处理器：让性能测试如虎添翼

想象一下&#xff0c;你是一位超级英雄&#xff0c;要对一个庞大的虚拟城市&#xff08;Web 应用&#xff09;进行全面的 “健康检查”。JMeter 就是你的神奇工具包&#xff0c;而其中的前置处理器&#xff0c;就像是这个工具包里的各种超级武器&#xff0c;能帮助你轻松应对各…...

编程日记 2025/6/3 22:15:06

如何在gitlab cicd中实现每月10号上午执行

在 GitLab CI/CD 中&#xff0c;可以通过设置定时触发器&#xff08;Schedules&#xff09;和脚本中的时间判断逻辑结合&#xff0c;确保任务只在每月 10 号的上午运行。 以下是实现的步骤&#xff1a; 1. 设置定时触发器 GitLab 提供了 Schedules 功能&#xff0c;可以指定每…...

编程日记 2025/5/30 10:32:21

深度学习基础知识

深度学习是人工智能&#xff08;AI&#xff09;和机器学习&#xff08;ML&#xff09;领域的一个重要分支&#xff0c;以下是对深度学习基础知识的归纳&#xff1a; 一、定义与原理 定义&#xff1a;深度学习是一种使计算机能够从经验中学习并以概念层次结构的方式理解世界的机…...

编程日记 2025/6/2 9:39:00

面试加分项：Android Framework AMS 全面概述和知识要点

第一章：AMS 的架构与组件 1.1 AMS 整体架构 在 Android 系统的庞大体系中，AMS（Activity Manager Service）就如同一个中枢神经系统，是整个系统的核心服务之一，对应用的性能和用户体验有着直接且关键的影响 。它的整体架构由 Client 端和 Service 端两大部分组成，这两端相…...

编程日记 2025/6/2 23:27:57

网安——CSS

一、CSS基础概念 CSS有两个重要的概念&#xff0c;分为样式和布局 CSS的样式分为两种&#xff0c;一种是文字的样式&#xff0c;一种是盒模型的样式 CSS的另一个重要的特质就是辅助页面布局&#xff0c;完成HTML不能完成的功能&#xff0c;比如并排显示或精确定位显示 从HT…...

编程日记 2025/6/1 18:24:46

知识图谱常见的主流图数据库

在知识图谱中&#xff0c;主流使用的图数据库包括以下几种&#xff1a; Neo4j&#xff1a;这是目前全球部署最广泛的图数据库之一&#xff0c;具有强大的查询性能和灵活的数据模型&#xff0c;适用于复杂关系数据的存储和查询。 JanusGraph&#xff1a;JanusGraph是一个开源的…...

编程日记 2025/6/2 23:27:24

阀井可燃气体监测仪，开启地下管网安全新篇章-旭华智能

在城市的脉络中&#xff0c;地下管网犹如隐秘的动脉&#xff0c;支撑着现代生活的运转。而在这庞大网络的关键节点上&#xff0c;阀井扮演着不可或缺的角色。然而&#xff0c;由于其密闭性和复杂性&#xff0c;阀井内部一旦发生可燃气体泄漏&#xff0c;将对公共安全构成严重威…...

编程日记 2025/6/4 6:13:13

【6】Word：海名公司文秘❗

目录 题目 List.docx Word.docx List.docx和Word.docx 题目 List.docx 选中1/4全角空格复制→选中全部文本→开始→替换&#xff1a;粘贴将1/4全角空格 替换成 空格选中全部文本→插入→表格→将文本转化成表格→勾选和布局→自动调整→勾选 选中第一列&#xff0c;单机右键…...

编程日记 2025/6/2 22:50:16

微信原生小程序自定义封装组件（以导航navbar为例）

封装 topnav.js const App getApp(); Component({// 组件的属性列表properties: {pageName: String, //中间的titleshowNav: { //判断是否显示左上角的按钮 type: Boolean,value: true},showHome: { //判断是否显示左上角的home按钮type: Boolean,value: true},showLocat…...

编程日记 2025/5/18 10:20:19

＜OS 有关＞Ubuntu 24 安装 openssh-server, tailscale+ssh 慢增加

更新日志&#xff1a; Created on 14Jan.2025 by Dave , added openssh-server, tailescape Updated on 15Jan.2025, added "tailescape - tailscape ssh" 前期准备&#xff1a; 1. 更新可用软件包的数据库 2. 升级系统中所有已安装的软件包到最新版本 3. 安装 cur…...

编程日记 2025/6/2 23:26:49

HQL（JPQL）和原生SQL实现查询自定义返回类

维修申请实例RepairApplyInstance： package com.byx.scaffold.common.entity.jpa;import com.byx.scaffold.common.entity.jpaEnum.RepairStatusConstant; import lombok.Data;import javax.persistence.Convert; import javax.persistence.Entity; import javax.persistence…...

编程日记 2025/6/4 3:37:48

微信小程序 实现拼图功能

微信小程序 实现拼图 效果示例功能描述代码示例 效果示例 微信小程序 碎片拼图 功能描述 在微信小程序中&#xff0c;实现一个简单的拼图小游戏。用户需要将四张碎片图片拖动到目标图片的正确位置&#xff0c;具体功能如下&#xff1a; 拖动功能&#xff1a; 用户可以通过手指…...

编程日记 2025/6/3 14:06:34

《C++11》并发库：简介与应用

在C11之前&#xff0c;C并没有提供原生的并发支持。开发者通常需要依赖于操作系统的API&#xff08;如Windows的CreateThread或POSIX的pthread_create&#xff09;或者第三方库&#xff08;如Boost.Thread&#xff09;来创建和管理线程。这些方式存在以下几个问题&#xff1a; …...

编程日记 2025/6/3 14:08:27

【RDMA学习笔记】1：RDMA（Remote Direct Memory Access）介绍

从帝国理工的PPT学习。 什么是RDMA Remote Direct Memory Access&#xff0c;也就是Remote的DMA&#xff0c;是一种硬件机制&#xff0c;能直接访问远端结点的内存&#xff0c;而不需要处理器介入。 其中&#xff1a; Remote&#xff1a;跨node进行数据传输Direct&#xff…...

编程日记 2025/6/3 13:12:44

Autodl转发端口，在本地机器上运行Autodl服务器中的ipynb文件

通过 SSH 隧道将远程端口转发到本地机器 输入服务器示例的SSH指令和密码&#xff0c;将远程的6006端口代理到本地 在服务器终端&#xff0c;激活conda虚拟环境 conda activate posecnnexport PYOPENGL_PLATFORMegljupyter notebook --no-browser --port6006 --allow-root从…...

编程日记 2025/6/2 22:04:03

【Linux】常见指令(一)

Linux常见指令 01.whoami02.pwd03.ls04.mkdir05.cd 本文LInux环境为&#xff0c;使用XShell远程登陆到Linux。 具体如何环境搭建&#xff0c;大家可以查看其他博客。 01.whoami whoami 指令用来查看当前账户是谁。 如上图所示&#xff0c;使用whoami指令&#xff0c;查看到现在…...

编程日记 2025/6/2 7:45:19

AI学习之自然语言处理（NLP）

自然语言处理&#xff08;Natural Language Processing&#xff0c;NLP&#xff09;是计算机科学、人工智能和语言学领域的交叉学科&#xff0c;旨在让计算机能够理解、处理和生成人类语言。以下为你详细介绍&#xff1a; 自然语言处理的关键技术 词法分析&#xff1a;将文本…...

编程日记 2025/6/3 14:07:06

全面解析锁服务设计：内存锁、数据库锁与分布式锁的选择与实现

在构建分布式系统时&#xff0c;锁服务通常用于控制多个线程或进程对共享资源的访问。为了灵活适配不同的锁实现方式&#xff0c;我们可以设计一个基础的锁服务接口&#xff0c;然后根据需求提供不同的实现。例如&#xff0c;内存锁、数据库锁和分布式锁。 1. 锁服务基础接口设…...

编程日记 2025/6/3 14:07:54

jenkins-系统配置概述

一. 引文&#xff1a; Jenkins除了强大的功能插件实现的持续交付集成外&#xff0c; 本身也是有一些比较重要的可配项。 接下来我们来看一看。 配置入口: 系统管理-->系统设置 二. 基础配置&#xff1a; 1.主目录(home directory): Jenkins所有的数据文件存放路径(可通过…...

编程日记 2025/6/3 14:06:50

《数据思维》之数据可视化_读书笔记

文章目录 系列文章目录前言一、pandas是什么&#xff1f;二、使用步骤 1.引入库2.读入数据总结 前言 数据之道&#xff0c;路漫漫其修远兮&#xff0c;吾将上下而求索。 一、数据可视化 最基础的数据可视化方法就是统计图。一个好的统计图应该满足四个标准&#xff1a;准确、有…...

编程日记 2025/6/3 14:07:22

kafka消费堆积问题探索

背景 我们的商城项目用PHP写的&#xff0c;原本写日志方案用的是PHP的方案&#xff0c;但是&#xff0c;这个方案导致资源消耗一直降不下来&#xff0c;使用了20个CPU。后面考虑使用通过kafka的方案写日志&#xff0c;商城中把产生的日志丢到kafka中&#xff0c;在以go写的项目…...

编程日记 2025/6/3 11:02:07

一文掌握Docker

目录 1.快速入门 1.1.部署MySQL 1.2.命令解读 2.Docker基础 2.1.常见命令 2.1.1.命令介绍 2.1.2.演示 2.1.3.命令别名 2.2.数据卷 2.2.1.什么是数据卷 2.2.2.数据卷命令 2.2.3.挂载本地目录或文件 2.3.镜像 2.3.1.镜像结构 2.3.2.Dockerfile构建镜像 2.3.3.构建…...

编程日记 2025/6/3 3:20:17

慧集通（DataLinkX）iPaaS集成平台-系统管理之UI库管理、流程模板

UI库管理 UI库管理分为平台级和自建两种&#xff0c;其中平台级就是慧集通平台自己内置的一些ui库所有客户均可调用&#xff0c;自建则是平台支持使用者自己根据规则自己新增对应的UI库。具体界面如下&#xff1a; 自建UI库新增界面&#xff1a; 注&#xff1a;平台级UI库不支…...

编程日记 2025/6/3 11:04:18

【学习笔记】Macbook管理多个不同的Python版本

在MacBook上管理不同项目的不同Python版本&#xff0c;可以使用多种方法。以下是一些常见的方法&#xff1a; 1. 使用 pyenv pyenv 是一个非常流行的工具&#xff0c;可以让你轻松安装和切换多个Python版本。以下是安装和使用 pyenv 的步骤&#xff1a; 安装 pyenv 安装依赖…...

编程日记 2025/6/3 7:15:51

前端如何设计一个回溯用户操作的方案

同一个项目&#xff0c;为什么我本地无法复现&#xff0c;只有客户的设备才复现&#xff1f; 如何获取用户的操作路径呢&#xff1f; 两种方案&#xff1a;埋点和rrweb 埋点就很简单了&#xff0c;将所有可能操作的节点都进行预埋数据&#xff1b;但埋点简单并不省心&#xff…...

编程日记 2025/6/3 11:04:02

WPF、控件模板(ControlTemplate)和数据模板(DataTemplate)

前言 在 WPF 中&#xff0c;控件种类丰富且功能非常完善。一个显著的优点是 WPF 提供了强大的自定义能力和灵活的用户界面表现&#xff0c;能够满足各种复杂的应用需求。其中&#xff0c;ControlTemplate 和 DataTemplate 是两个非常重要的概念&#xff0c;分别用于自定义控件…...

编程日记 2025/6/3 11:02:23

MAC上安装Octave

1. 当前最新版Octave是9.3版本&#xff0c;需要把mac os系统升级到14版本&#xff08;本人之前的版本是10版本&#xff09; https://wiki.octave.org/Octave_for_macOS octave的历史版本参考此文档&#xff1a;Octave for macOS (outdated) - Octavehttps://wiki.octave.org/Oc…...

编程日记 2025/6/3 11:02:58

RabbitMQ(三)

RabbitMQ中的各模式及其用法 工作队列模式一、生产者代码1、封装工具类2、编写代码3、发送消息效果 二、消费者代码1、编写代码2、运行效果 发布订阅模式一、生产者代码二、消费者代码1、消费者1号2、消费者2号 三、运行效果四、小结 路由模式一、生产者代码二、消费者代码1、消…...

编程日记 2025/6/3 11:03:46

一体机cell服务器更换内存步骤

一体机cell服务器更换内存步骤&#xff1a; #1、确认grdidisk状态 cellcli -e list griddisk attribute name,asmmodestatus,asmdeactivationoutcome #2、offline griddisk cellcli -e alter griddisk all inactive #3、确认全部offline后进行关机操作 shutdown -h now #4、开…...

编程日记 2025/6/2 13:39:34

年后找工作需要注意的事项

大家好&#xff01;我是 [数擎 AI]&#xff0c;一位热爱探索新技术的前端开发者&#xff0c;在这里分享前端和 Web3D、AI 技术的干货与实战经验。如果你对技术有热情&#xff0c;欢迎关注我的文章&#xff0c;我们一起成长、进步&#xff01; 开发领域&#xff1a;前端开发 | A…...

编程日记 2025/6/3 11:03:14

【网络 MAC 学习专栏 -- 如何理解 PHY 的 Link Up】

请阅读【嵌入式开发学习必备专栏 Cache | MMU | AMBA BUS | CoreSight | Trace32 | CoreLink | ARM GCC | CSH】 文章目录 OverviewClause 22/Clause 45Clause 22Clause 45 PHY Link 状态的软件实现 转自&#xff1a; 开心果 Need Car 2022年10月20日 09:50 上海 Overview PHY…...

编程日记 2025/6/4 8:42:19

鸿蒙UI开发——文本级联选择器

1、概 述 ArkUI提供了一个文本选择器&#xff08;showTextPickerDialog&#xff09;&#xff0c;可以方便的实现文本级联选择&#xff0c;例如&#xff1a;省->市->区&#xff0c;示意如下&#xff1a; 下面针对文本选择器做简单介绍。 2、接口介绍 定义文本滑动选择器…...

编程日记 2025/6/3 6:32:52

后盾人JS -- JS运算符与流程控制

嘻嘻 赋值运算符与算术运算符 没什么好说的&#xff0c;等号谁都会用 比较运算符注意事项 如果一个是字符一个是数字也是可以比较的&#xff08;&#xff09; 是判断值和类型是否相等 <!DOCTYPE html> <html lang"en"><head><meta charset…...

编程日记 2025/5/31 21:57:38

Hive SQL必刷练习题：留存率问题

首次登录算作当天新增&#xff0c;第二天也登录了算作一日留存。可以理解为&#xff0c;在10月1号登陆了。在10月2号也登陆了&#xff0c;那这个人就可以算是在1号留存 今日留存率 &#xff08;今日登录且明天也登录的用户数&#xff09; / 今日登录的总用户数 * 100% 解决思…...

编程日记 2025/6/4 8:43:24

笔记本电脑 选购 回收 特权模式使用 指南

笔记本电脑 factor 无线网卡&#xff1a;有些笔记本无法检测到特定频段的信息&#xff0c;会导致连不上校园网 sudo iwlist wlp2s0 scan | grep Frequency > net.txt cat net.txt>表示用终端输出覆盖后续文件&#xff0c;>>表示添加到后续文件的末尾 一种更简…...

编程日记 2025/6/4 8:43:40

基于PyQt - 6的医疗多模态大模型医疗研究系统中的创新构建与应用（上 .文章部分）

一、引言 1.1 研究背景与意义 在当今数智化时代，医疗行业正经历着深刻的变革，对智能化、高效化的需求日益迫切。传统的医疗模式在面对海量的医疗数据、复杂的诊断流程以及个性化的治疗需求时，逐渐显露出局限性。随着人工智能技术的飞速发展，多模态大模型作为一种前沿技术…...

编程日记 2025/6/4 8:42:36

下载文件，浏览器阻止不安全下载

背景&#xff1a; 在项目开发中&#xff0c;遇到需要下载文件的情况&#xff0c;文件类型可能是图片、excell表、pdf、zip等文件类型&#xff0c;但浏览器会阻止不安全的下载链接。 效果展示&#xff1a; 下载文件的两种方式&#xff1a; 一、根据接口的相对url&#xff0c;拼…...

编程日记 2025/6/4 8:42:53

1.15学习

web ctfhub-网站源码 打开环境&#xff0c;查看源代码无任何作用&#xff0c;但是其提醒就在表面暗示我们用dirsearch进行目录扫描&#xff0c;登录kali的root端&#xff0c;利用终端输入dirsearch -u 网址的命令扫描该网址目录&#xff0c;扫描成功后获得信息&#xff0c;在…...

编程日记 2025/6/1 23:55:49

shell练习2

需求&#xff1a;判断192.168.1.0/24网络中&#xff0c;当前在线的ip有哪些&#xff0c;并编写脚本打印出来。 #!/bin/bashnmap -sn 192.168.1.0/24 | grep Nmap scan report for | awk {print $5} 注意&#xff1a;当运行 bash ip.sh 时出现 nmap: command not found 的错误…...

编程日记 2025/6/4 8:43:09

MySQL学习笔记5【SQL优化/视图/存储过程/触发器】

MySQL学习笔记 SQL优化 1. 插入数据优化 普通插入&#xff1a; 采用批量插入&#xff1a; 每次插入不建议超过1000条记录&#xff0c;这样可以减少事务开销&#xff0c;提高性能。示例&#xff1a; INSERT INTO tb_user (name, age) VALUES (Alice, 25), (Bob, 30), ...;手动提…...

编程日记 2025/6/1 14:05:30

C++单例模式的设计

单例模式&#xff08;Singleton Pattern&#xff09;是一种设计模式&#xff0c;用于确保一个类只有一个实例&#xff0c;并提供一个全局访问点来访问该实例。在C中&#xff0c;单例模式通常用于管理全局资源或共享状态。 以下是C中实现单例模式的几种常见方式&#xff1a; 懒…...

编程日记 2025/6/4 15:14:44

【Linux系统编程】—— 自动化构建工具Makefile指南

文章目录 背景基本使用推导过程适度扩展语法 背景 Makefile 是衡量开发者是否具备完成大型工程能力的一个重要标志。在一个工程中&#xff0c;源文件的数量可能极多&#xff0c;这些文件会按照类型、功能或模块分布在多个目录中。Makefile 通过定义一系列规则&#xff0c;指定…...

编程日记 2025/5/30 18:14:56

【SpringBoot应用篇】SpringBoot+MDC+自定义Filter操作traceId实现日志链路追踪

【SpringBoot应用篇】SpringBootMDC自定义Filter操作traceId实现日志链路追踪 解决的问题解决方案MDC具体逻辑ymllogback-spring.xmlTraceIdUtil操作工具类TraceIdFilter自定义过滤器GlobalExceptionHandler全局异常处理类TraceIdAspect切面UserController测试验证 多线程处理M…...

编程日记 2025/6/3 7:08:39

少一点If/Else - 状态模式（State Pattern）

状态模式&#xff08;State Pattern&#xff09; 状态模式&#xff08;State Pattern&#xff09;状态模式&#xff08;State Pattern&#xff09;概述状态模式&#xff08;State Pattern&#xff09;结构图状态模式&#xff08;State Pattern&#xff09;涉及的角色 talk is c…...

编程日记 2025/5/31 18:59:59

【SVN】版本发布快捷操作

摘要&#xff1a;因为每次发版都需要制作一份相同的文件夹&#xff0c;而大部分的包都不需要变更&#xff0c;但是文件又非常大&#xff0c;记录自己的操作经验。 首先在SVN Repository Browser 界面把上一次的版本复制一份&#xff0c;复制的时候重命名为新的版本号 右击要复…...

编程日记 2025/6/4 6:15:02

nacos环境搭建以及SpringCloudAlibaba脚手架启动环境映射开发程序

1&#xff1a;下载nacos 地址&#xff1a;https://github.com/alibaba/nacos/tags 2:选择server的zip包下载 3:启动mysql服务&#xff0c;新建数据库&#xff1a;nacos_yh 4&#xff1a;解压下载的nacos_server 进入conf目录 5&#xff1a;mysql运行sql脚本变得到下面的表 6&a…...

编程日记 2025/5/31 9:58:50

【笔记整理】记录参加骁龙AIPC开发者技术沙龙的笔记

AIoT 首先了解了一个概念叫AIoT&#xff0c;我的理解就是AI IoT 5G&#xff0c;通过AI的发展使得边缘计算、数据整合和处理变得快捷方便&#xff0c;不仅限于传统的云端数据处理&#xff0c;在边缘的IoT设备上也可以进行智能化打造&#xff0c;通过5G的通信能力扩展可以实现…...

编程日记 2025/6/2 1:57:17

Kotlin 协程基础十 —— 协作、互斥锁与共享变量

Kotlin 协程基础系列&#xff1a; Kotlin 协程基础一 —— 总体知识概述 Kotlin 协程基础二 —— 结构化并发&#xff08;一&#xff09; Kotlin 协程基础三 —— 结构化并发&#xff08;二&#xff09; Kotlin 协程基础四 —— CoroutineScope 与 CoroutineContext Kotlin 协程…...

编程日记 2025/6/2 12:02:16

DAMA CDGA 备考笔记（二）

1. 考点分布 2. 第二章 数据处理伦理知识点总结 伦理是建立在是非观念上的行为准则。伦理准则通常侧重于公平、尊重、责任、诚信、质量、可靠性、透明度和信任等方面。数据伦理是一项社会责任问题不是法律问题。 度量指标&#xff1a;培训员工人数、合规/不合规事件、企业高管…...

编程日记 2025/5/31 9:15:43