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

【教程】鸿蒙ARKTS 打造数据驾驶舱---前序

news 2025/9/17 5:19:42

鸿蒙ARKTS 打造数据驾驶舱

​ 前面2章我介绍了如何通过定义View绘制箭头以及圆形进度，初步了解了鸿蒙如何进行自定义View。接下来我将通过我最近在带的一个VUE的项目，简单实现了几个鸿蒙原生页面。帮助大家快速上手纯血鸿蒙开发. 本项目基于Api11+Stage模式+ArkTs+ArkUI。项目虽然简单，但是麻雀虽小，五脏俱全。包含了APP开发所有内容（控件基本使用，自定义组件实现以及父子组件传值，网络请求封装以及免密登录实现，特别针对鸿蒙生态特有的库不够丰富问题，讲述如何将JS库移植到鸿蒙生态上面）。
本项目分为 项目的脚手架搭建，网络请求封装，登录页面实现，驾驶舱页面的实现

  • 鸿蒙Harmony应用开发，数据驾驶舱 项目结构搭建
  • 鸿蒙Harmony应用开发，数据驾驶舱网络请求（Axios） 封装
  • 鸿蒙Harmony应用开发，数据驾驶舱登录页面的实现
  • 鸿蒙Harmony应用开发，数据驾驶舱页面的实现

本人从事软件开发数十载。涉猎过android Java Flutter PHP等开发技术栈，最近在倒腾鸿蒙开发有兴趣的朋友可以一起交流. 本教程后续涉及的所有代码 也将开源 完整项目下载地址. 感兴趣的可以持续关注，谢谢 !

以下是本教程将实现的内容:

相关文章：

【教程】鸿蒙ARKTS 打造数据驾驶舱---前序

鸿蒙ARKTS 打造数据驾驶舱 ​ 前面2章我介绍了如何通过定义View绘制箭头以及圆形进度，初步了解了鸿蒙如何进行自定义View。接下来我将通过我最近在带的一个VUE的项目，简单实现了几个鸿蒙原生页面。帮助大家快速上手纯血鸿蒙开发. 本项目基于Api11Stage模…...

编程日记 2024/9/19 9:22:32

Html css样式总结

1.Html css样式总结 CSS 定义 中文名称：层叠样式表 。 英文全称：Cascading Style Sheets ，简称CSS。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 （1&#xff09…...

编程日记 2024/9/19 9:21:30

决策树基础概论

1. 概述 在机器学习领域，决策树（Decision Tree） 是一种高度直观且广泛应用的算法。它通过一系列简单的是/否问题，将复杂的决策过程分解为一棵树状结构，使得分类或回归问题的解决过程直观明了。决策树的最大特点在于可…...

编程日记 2024/9/19 9:20:29

Spring Boot集成Akka Cluster快速入门Demo

1.什么是Akka Cluster？ Akka Cluster将多个JVM连接整合在一起，实现消息地址的透明化和统一化使用管理，集成一体化的消息驱动系统。最终目的是将一个大型程序分割成若干子程序，部署到很多JVM上去实现程序的分布式并行运算&#xf…...

编程日记 2024/9/19 9:16:20

django学习入门系列之第十点《A 案例： 员工管理系统10》

文章目录 12 管理员操作12.4 密码加密12.5 获取对象（防止id错误--编辑界面等）12.6 编辑管理员12.7 重置密码 往期回顾 12 管理员操作 12.4 密码加密 密码不应该以明文的方式直接存储到数据库，应该加密才放进去 定义一个md5的方法&#xff…...

编程日记 2024/9/19 9:13:26

Unity实战案例全解析：PVZ 植物卡片状态分析

Siki学院2023的PVZ免费了，学一下也坏 卡片状态 卡片可以有三种状态： 1.阳光足够，（且cd好了可以种植） 2.阳光不够，（cd？好了：没好 （三目运算符）&…...

编程日记 2024/9/19 9:11:12

判断变量是否为有限数字（非无穷大或NaN）math.isfinite() 判断变量是否为无穷大（正无穷大或负无穷大）math.isinf()

【小白从小学Python、C、Java】 【考研初试复试毕业设计】 【Python基础AI数据分析】 判断变量是否为有限数字（非无穷大或NaN） math.isfinite() 判断变量是否为无穷大（正无穷大或负无穷大） math.isinf() 请问关于以下代码表述错误…...

编程日记 2024/9/19 9:10:10

idea使用阿里云服务器运行jar包

说明&#xff1a;因为我用的阿里云服务器不是自己的&#xff0c;所以一些具体的操作可能不太全面。看到一个很完整的教程&#xff0c;供参考。 0. 打包项目 这里使用的是maven打包。 在pom.xml中添加以下模块。 <build><plugins><plugin><groupId>org…...

编程日记 2024/9/19 9:08:02

解决nginx代理SSE接口的响应没有流式返回

目录 现象原来的nginx配置解决 现象 前后端分离的项目&#xff0c;前端访问被nginx反向代理的后端SSE接口&#xff0c;预期是流式返回&#xff0c;但经常是很久不响应&#xff0c;一响应全部结果一下子都返回了。查看后端项目的日志&#xff0c;响应其实是流式产生的。推测是n…...

编程日记 2024/9/19 9:05:59

11 - TCPClient实验

在上一个章节的UDP通信测试中&#xff0c;尽管通信的实现过程相对简洁&#xff0c;但出现了通信数据丢包的问题。因此&#xff0c;本章节将基于之前建立的WIFI网络连接&#xff0c;构建一个基础的TCPClient连接机制。我们利用网络调试助手工具来发送数据&#xff0c;测试网络通…...

编程日记 2024/9/19 9:01:50

React框架搭建，看这一篇就够了，看完你会感谢我

传统搭建框架的方式 在2024年以前&#xff0c;我们构建框架基本上采用官方脚手架&#xff0c;但是官方脚手架其实大概率都不符合我们的项目要求&#xff0c;搭建完了以后往往需要再继续集成一些第三方的包。这时候又会碰到一些版本冲突&#xff0c;配置教程等&#xff0c;往往…...

编程日记 2024/9/19 8:58:37

【rust】rust条件编译

在c语言中&#xff0c;条件编译是一个非常好用的功能&#xff0c;那么rust中如何实现条件编译呢? rust的条件编译需要两个部分&#xff0c;一个是fratures&#xff0c;另一个是cfg。Cargo feature是一个非常强大的功能&#xff0c;可以提供条件编译和可选依赖项的高级特性&…...

编程日记 2024/9/19 8:56:34

一键文本提示实现图像对象高质量剪切与透明背景生成

按照提示词裁剪 按照边框裁剪 要实现您描述的功能，即通过一个文本提示就能自动从图片中切割出指定的对象并生成一个带有透明背景的新图像，这需要一个结合了先进的计算机视觉技术和自然语言处理能力的系统。这样的系统可以理解输入的文本指令，并将其转化为对图像内容的精确分…...

编程日记 2024/9/19 8:55:32

游戏客服精华回复快捷语大全

以黑神话悟空为代表的国内的游戏行业&#xff0c;最近发展非常迅猛&#xff0c;大量游戏玩家需要足够的游戏客服支持&#xff0c;这里整理了游戏客服精华回复快捷语&#xff0c;涵盖了接待客户&#xff0c;游戏级数&#xff0c;游戏外挂&#xff0c;游戏要求&#xff0c;游戏特…...

编程日记 2024/9/19 8:53:28

国内版Microsoft Teams 基础版部署方案

目录 前言Microsoft Teams简介部署前的准备 环境需求账户和许可网络要求部署步骤 初步配置和设置安装Microsoft Teams客户端Teams管理中心配置用户管理 用户添加与分配角色与权限管理通讯与协作 团队和频道管理即时消息和会议功能文件共享与协作安全性与合规性 数据保护措施合规…...

编程日记 2024/9/19 8:51:26

计算机网络 ---- OSI参考模型TCP/IP模型

目录 一、OSI参考模型 1.1 学习路线 1.2 OSI参考模型和TCP/IP模型 1.3 具体设备与具体层次对应关系 1.3.1 物理层 1.3.2 数据链路层 1.3.3 网络层 1.3.4 传输层 1.3.5 会话层、表示层、应用层 1.4 各层次数据传输单位 二、TCP/IP模型 2.1 学习路线 2.2 TCP/I…...

编程日记 2024/9/19 8:50:25

在Windows环境下部署Java的Web项目集成工具的整体流程和详细步骤

好的&#xff0c;以下是一份关于“Windows环境下部署Java的Web项目集成工具”的手把手操作流程&#xff0c;由浅入深&#xff0c;先整体后分部&#xff1a; 一、引言 在现代软件开发中&#xff0c;Java作为一种广泛应用的编程语言&#xff0c;其Web项目开发尤为常见。为了提高…...

编程日记 2024/9/19 8:49:23

9.18作业

提示并输入一个字符串&#xff0c;统计该字符串中字母、数字、空格、其他字符的个数并输出 代码展示 #include <iostream>using namespace std;int main() {string str;int countc 0; // 字母计数int countn 0; // 数字计数int count 0; // 空格计数int counto 0;…...

编程日记 2024/9/19 8:46:20

【算法】滑动窗口—最小覆盖子串

题目 ”最小覆盖子串“问题&#xff0c;难度为Hard&#xff0c;题目如下&#xff1a; 给你两个字符串 S 和 T&#xff0c;请你在 S 中找到包含 T 中全部字母的最短子串。如果 S 中没有这样一个子串&#xff0c;则算法返回空串&#xff0c;如果存在这样一个子串&#xff0c;则可…...

编程日记 2024/9/19 8:44:17

“Fast-forward“ in git-pull result

当你执行 git pull 并且结果显示 Fast-forward 时&#xff0c;这意味着你的本地分支可以直接快进到远程分支的最新提交&#xff0c;没有任何冲突或者需要合并的内容。具体来说&#xff0c;Fast-forward 是一种合并方式&#xff0c;它的特点是将当前分支的指针直接移动到远程分支…...

编程日记 2024/9/19 8:43:16

C++初阶-list的底层

目录 1.std::list实现的所有代码 2.list的简单介绍 2.1实现list的类 2.2_list_iterator的实现 2.2.1_list_iterator实现的原因和好处 2.2.2_list_iterator实现 2.3_list_node的实现 2.3.1. 避免递归的模板依赖 2.3.2. 内存布局一致性 2.3.3. 类型安全的替代方案 2.3.…...

编程新知 2025/9/16 18:47:23

基于uniapp+WebSocket实现聊天对话、消息监听、消息推送、聊天室等功能，多端兼容

基于 ​UniApp + WebSocket​实现多端兼容的实时通讯系统，涵盖WebSocket连接建立、消息收发机制、多端兼容性配置、消息实时监听等功能，适配​微信小程序、H5、Android、iOS等终端 目录 技术选型分析WebSocket协议优势UniApp跨平台特性WebSocket 基础实现连接管理消息收发连接…...

编程新知 2025/9/10 8:11:45

网站指纹识别

网站指纹识别 网站的最基本组成&#xff1a;服务器&#xff08;操作系统&#xff09;、中间件&#xff08;web容器&#xff09;、脚本语言、数据厍 为什么要了解这些&#xff1f;举个例子&#xff1a;发现了一个文件读取漏洞&#xff0c;我们需要读/etc/passwd&#xff0c;如…...

编程新知 2025/9/2 18:41:56

华为OD机考-机房布局

import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...

编程新知 2025/9/3 19:19:44

STM32HAL库USART源代码解析及应用

STM32HAL库USART源代码解析 前言STM32CubeIDE配置串口USART和UART的选择使用模式参数设置GPIO配置DMA配置中断配置硬件流控制使能生成代码解析和使用方法串口初始化__UART_HandleTypeDef结构体浅析HAL库代码实际使用方法使用轮询方式发送使用轮询方式接收使用中断方式发送使用中…...

编程新知 2025/9/2 19:02:02

uniapp 实现腾讯云IM群文件上传下载功能

UniApp 集成腾讯云IM实现群文件上传下载功能全攻略 一、功能背景与技术选型 在团队协作场景中&#xff0c;群文件共享是核心需求之一。本文将介绍如何基于腾讯云IMCOS&#xff0c;在uniapp中实现&#xff1a; 群内文件上传/下载文件元数据管理下载进度追踪跨平台文件预览 二…...

编程新知 2025/9/14 20:44:53

Linux 下 DMA 内存映射浅析

序 系统 I/O 设备驱动程序通常调用其特定子系统的接口为 DMA 分配内存&#xff0c;但最终会调到 DMA 子系统的dma_alloc_coherent()/dma_alloc_attrs() 等接口。 关于 dma_alloc_coherent 接口详细的代码讲解、调用流程&#xff0c;可以参考这篇文章&#xff0c;我觉得写的非常…...

编程新知 2025/9/13 17:35:29

2.2.2 ASPICE的需求分析

ASPICE的需求分析是汽车软件开发过程中至关重要的一环&#xff0c;它涉及到对需求进行详细分析、验证和确认&#xff0c;以确保软件产品能够满足客户和用户的需求。在ASPICE中&#xff0c;需求分析的关键步骤包括&#xff1a; 需求细化&#xff1a;将从需求收集阶段获得的高层需…...

编程新知 2025/8/10 23:05:54

react更新页面数据，操作页面，双向数据绑定

// 路由不是组件的直接跳转use client&#xff0c;useEffect&#xff0c;useRouter&#xff0c;需3个结合&#xff0c; use client表示客户端 use client; import { Button,Card, Space,Tag,Table,message,Input } from antd; import { useEffect,useState } from react; impor…...

编程新知 2025/9/7 8:42:05

标注工具核心架构分析——主窗口的图像显示

&#x1f3d7;️ 标注工具核心架构分析 &#x1f4cb; 系统概述 主要有两个核心类&#xff0c;采用经典的 Scene-View 架构模式&#xff1a; &#x1f3af; 核心类结构 1. AnnotationScene (QGraphicsScene子类) 主要负责标注场景的管理和交互 &#x1f527; 关键函数&…...

编程新知 2025/9/11 18:09:26