鸿蒙HarmonyOS————ArkTs介绍(1)

最近除了人工智能,还有一个很火的HarmonyOS,HarmonyOS是华为公司开发的一款面向全场景的分布式操作系统,旨在为消费者提供跨设备无缝协同体验。它支持多种智能终端设备,包括但不限于智能手机、平板电脑、智能穿戴设备、智能家居设备以及车载系统等。

我们在DevEco Studio中编写我们的代码,具体下载方式可以去b站找。 

我们在这个界面进行操作。 

 今天就来带大家了解下HarmonyOS的ArkTs,不知道大家学过c,java,或者python语言没有,ArkTs就像java中的语法,字符串怎么定义呀,数组怎么使用呀,再或者是函数怎么使用,对象怎么创建之类的,如果没学过的话,我们就把它当做语法就完了。

1,认识数据和存储数据

我们在这里将数据分为三种数据类型,

(1)数字类型number

(2)字符串类型string

(3)布尔类型boolean

我们来试着创建三个数据变量我们这里使用let 类型名: 来创建变量;

我们先在这上面写,通过日志来看自己代码的状态

let num:number = 18;
let char:string = '神秘的t'
let boo:boolean = true

这样我们就成功创建了三个变量,我们试着去打印它(打印,显示到日志我们用console.log() )

console.log('数字',num)
console.log('字符串',char)
console.log('布尔类型',boo)

### ArkTS 开发鸿蒙OS应用教程 #### 3.1 初识ArkTS语言 ArKTS是一种专为HarmonyOS设计的编程语言,旨在帮助开发者更高效地创建跨设备的应用程序[^1]。为了方便具有Web前端开发背景的人士迅速适应,HarmonyOS引入了一种类似于JavaScript的开发模式——即“兼容JS的类Web开发范式”,允许使用HTML/CSS/JS风格编写用户界面(UI)[^2]。 #### 3.2 创建第一个ArkTS项目 要启动一个新的ArkTS工程,可以通过DevEco Studio集成环境完成初始化设置过程。安装完成后,在新建项目的向导里选择支持ArkTS的语言选项即可开始配置工作空间。 #### 3.3 UI布局定义 采用声明式的模板语法来描述页面结构;利用CSS样式的子集自定义组件外观;借助于TypeScript实现业务逻辑处理。下面给出一段简单的例子展示如何组合这些要素: ```html <!-- index.html --> <div class="container"> <text>{{ message }}</text> </div> ``` ```css /* style.css */ .container { padding: 16px; } .text { font-size: 20px; color: blue; } ``` ```typescript // main.ts export default { data() { return { message: 'Hello HarmonyOS!' } }, onInit() { console.log('Application initialized'); } }; ``` 此段代码片段展示了基本的文字显示功能,其中`{{message}}`表示绑定的数据字段会动态反映到视图层面上。 #### 3.4 数据驱动视图更新机制 得益于双向数据绑定特性,当模型中的属性发生变化时,关联的DOM节点也会自动同步刷新,反之亦然。这大大简化了状态管理流程,提高了编码效率的同时也增强了用户体验的一致性和流畅度。 #### 3.5 后端交互实践 对于需要访问远程服务器的情况,可以考虑基于Node.js搭建RESTful API服务并与MongoDB数据库对接存储数据。由于ArkTS本身并不直接提供此类能力,因此通常会在客户端发起HTTP请求调用API接口获取所需资源[^3]。 ```javascript async function fetchData(url) { try { let response = await fetch(url); if (!response.ok) throw new Error(`Network response was not ok ${response.statusText}`); const result = await response.json(); return result; } catch (error) { console.error('Fetch error:', error); } } ``` 上述函数演示了一个异步加载网络数据的方法,适用于从后端拉取JSON格式的信息集合。
评论 41
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值