HarmonyOS创建JavaScript(类 Web开发模式)项目

news/2024/7/21 9:07:15 标签: 前端, harmonyos, javascript

上文 HarmonyOS带大家创建自己的第一个Page页面并实现路由跳转(ArkTS)带大家创建了我们项目中第一个自己创建的page 并完成了一个跳转逻辑的编写
上文的开发模式是 ArkTS 的 也被称为 声明式开发范式
还有一种 javaScript的 类Web开发模式
这种方式就类似于我们传统的前端开发模式

这里 我们打开编辑器 然后创建一个项目
在这里插入图片描述
然后 这里 我们还是不用动他 直接用这个默认模板 然后点击 Next 下一步
在这里插入图片描述
然后 选择一下项目目录 输入一下项目名 这都比较基础
然后这里 我们要选择 FA
Stage下面是没有js的只有ArkTS
在这里插入图片描述
处理好 点击 Finish 结束
在这里插入图片描述
项目创建完成 就会重新打开一个窗口
在这里插入图片描述
这里 我们打开Pages目录 下的index
在这里插入图片描述
这个结构其实做过小程序的朋友应该一看就知道这么回事了
hml 可以理解为 wxml或者html
css不必多说 控制界面样式 js 逻辑控制

打开hml 里面会看到标签结构 但在harmonyos中 万物皆是组件 我们 可以叫他们 div组件 text组件
在这里插入图片描述
js还是一种数据驱动式的开发模式 里面也会有自己的生命周期函数
在这里插入图片描述
css中 就是一些语法样式
在这里插入图片描述
这里 我们预览也是正常的
在这里插入图片描述


http://www.niftyadmin.cn/n/5249345.html

相关文章

[架构之路-260]:目标系统 - 设计方法 - 软件工程 - 软件设计 - 架构设计 - 基于Web的软件架构(REST与RESTful)

目录 一、基于Web的软件架构 1.1 什么是基于Web的软件架构 1.2 基于Web的软件架构的发展历史 1.3 基于Web的软件架构的优点 1.4 基于Web的软件架构的示例 1.5 基于Web的软件架构的协议标准 1.6 基于Web的软件架构 二、REST与RESTful 2.1 概述 2.2 RESTful协议 2.3 R…

敏捷开发迭代缺陷统计的重要性

在敏捷开发中,迭代缺陷统计具有重要性,对团队和项目具有多方面的影响: 早期发现和解决问题: 迭代缺陷统计允许团队及时识别和定位在迭代中出现的问题。这有助于早期解决问题,避免问题扩大化,并最大程度地减…

OpenCVForUnity的首部姿态识别功能

手势识别功能 插件名称:OpenCVForUnity 效果 关键代码 HandPoseEstimationMediaPipeExample MediaPipeHandPoseEstimator 第二步: 性能问题,功能是不错,可是一个手部识别的demo,cpu直接飙满了,这哪行。…

【力扣100】9.和为k的子数组

添加链接描述 class Solution:def subarraySum(self, nums: List[int], k: int) -> int:# 思路是从第一个元素开始遍历,加到爆,就把指针向前移一位result0for i in range(len(nums)):# 如果爆了,就向后移一位if i!len(nums)-1:ji1sumnums…

人工智能|深度学习——知识蒸馏

一、引言 1.1 深度学习的优点 特征学习代替特征工程:深度学习通过从数据中自己学习出有效的特征表示,代替以往机器学习中繁琐的人工特征工程过程,举例来说,对于图片的猫狗识别问题,机器学习需要人工的设计、提取出猫的…

快速学会绘制Pyqt5中的所有图(下)

Pyqt5相关文章: 快速掌握Pyqt5的三种主窗口 快速掌握Pyqt5的2种弹簧 快速掌握Pyqt5的5种布局 快速弄懂Pyqt5的5种项目视图(Item View) 快速弄懂Pyqt5的4种项目部件(Item Widget) 快速掌握Pyqt5的6种按钮 快速掌握Pyqt5的10种容器&…

sql面试题之“互相关注的人”(方法二)

题目:某社交平台有关注这个功能,关注的同时也会被关注。现有需求需要找出平台上哪些用户之间互相关注。 文章目录 题目如下:一、数据准备二、建表并导入数据1.建表2.导入数据3.题目分析4.小结 题目如下: 某社交平台后端有user_re…

MES管理系统在非标制造企业中的应用

在当今制造业中,非标制造企业逐渐成为一种重要的存在。与传统的批量生产制造企业不同,非标制造企业主要特点是能够根据客户需求进行定制化生产。这种定制化的生产模式对企业的管理提出了更高的要求,同时也带来了更多的挑战。在非标制造企业中…