国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9)

這篇具有很好參考價值的文章主要介紹了基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

前言

最近基于Harmony OS最新版本開發(fā)了一個作品,本文來詳細(xì)講解一下,如何我是如何開發(fā)這個作品的。以及如何使用OpenHarmony,基于ArkTS,API 9來開發(fā)一個屬于自己的元服務(wù)。
廢話不多說,我的作品名稱叫做Company Operate 公司運營,是一個根據(jù)會計公式來預(yù)測公司未來幾個月的資產(chǎn)運營情況。
主要分為三部分,
第一部分:填寫公司基本情況表單
第二部分:通過公司計算公司未來幾個月的運營情況,使用扇形圖,標(biāo)識公司資金組成部分。
第三部分:使用元服務(wù)卡片來顯示當(dāng)前月份的公司資金狀況。

具體動態(tài)效果圖如下:
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)

卡片展示效果
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)

使用到的組件有:Gauge,ForEachTextInput,Radio,FlexText,Row,Column,Button。
下面開始講解開發(fā)過程。

開發(fā)過程

由于我們要開發(fā)的應(yīng)用是云服務(wù),所有在IDE中創(chuàng)建項目時是按照下圖來選擇的:
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)

參數(shù)解釋

  • Compile SDK: 3.1.0 (API 9) 目前最新版本,具有很有優(yōu)秀的特性
  • Model: Stage 目前有兩種模式,Stage是持續(xù)迭代穩(wěn)定的版本
  • Enable Super Visual : disable。是否開始低代碼編輯模式
  • Language: ArkTS 當(dāng)使用最新版本的時的SDK時,只能選擇ArkTS開發(fā)語言
  • Compatible SDK: 3.1.0(API 9) 兼容SDK版本
  • Devuce type: Phone Tablet 需要支持的設(shè)備,手機和平板
    創(chuàng)建項目后,IDE會自動將我們的項目依賴包拉取到本地。

注意在IDE里講相關(guān)版本的SDK及套件下載到本地
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)

基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)
打開 首頁文件, 打開右側(cè)的 預(yù)覽。
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)
這樣就可以開始愉快地編寫了。
這里的預(yù)覽具有熱更新的功能,修改頁面后會自動更新頁面。

表單設(shè)計

由于我們不考慮國家化,所以直接使用表單直接使用中文,
像素單位使用虛擬像素,
虛擬像素(virtual pixel)是一臺設(shè)備針對應(yīng)用而言所具有的虛擬尺寸(區(qū)別于屏幕硬件本身的像素單位)。它提供了一種靈活的方式來適應(yīng)不同屏幕密度的顯示效果。使用虛擬像素,使元素在不同密度的設(shè)備上具有一致的視覺體量。

每行40vp,表單項的lable長度為80vp,輸入框為220vp。
每行間隔12vp,這項常量組成了我們表單的盒子模型。
定義表單的數(shù)據(jù)模型

@State formData: any = {
  name: '111',
  currentAssets: null,
  nonCurrentAssets: null,
  equityAccount: null,
  currency: null,
  unitPrice: null,
  variableCosts: null,
  quantity: null,
  fixedCost: null,
  month: 6
}

數(shù)據(jù)模型與輸入框綁定起來

TextInput().width(220).height(ROW_HEIGHT).onChange((value: string) => {
  this.formData.name = value
})

與Counter組件綁定

Counter() { Text(this.formData.month.toString()) }
	.onInc(() => {
	  this.formData.month++
	})
	.onDec(() => {
	  this.formData.month--
	})

首頁的效果圖
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)
不同于網(wǎng)頁的Vue應(yīng)用開發(fā),數(shù)據(jù)模型與視圖并不是雙向綁定關(guān)系,開發(fā)者需要監(jiān)聽每個輸入框,單選按鈕的修改事件。修改事件的回調(diào)函數(shù)里給數(shù)據(jù)模型重新賦值。

組件公共屬性,事件介紹,盒子模型

基于ArkTS的組件,都有通用的一些屬性,如:width,height,padding,margin。這些通用通用屬性就組成了盒子模型 布局的基礎(chǔ)。 組件完整的通用屬性可以查閱此鏈接

除了通用屬性,所有的組件也有通用事件 如onClick,onTouch,onKeyEvent,onDragStart。
完整通用事件可以查閱此處

結(jié)果頁

在首頁輸入公司的運營數(shù)據(jù)后,點擊開始預(yù)測,就會進入結(jié)果頁。從首頁跳轉(zhuǎn)到結(jié)果頁時,會將所有的表單數(shù)據(jù)傳遞過去。

router.pushUrl({url:'pages/res', params: {...this.formData}})

在結(jié)果頁,在onPageShow生命周期中獲取從路由傳遞過的參數(shù)

onPageShow() {
  const params = router.getParams(); // 獲取傳遞過來的參數(shù)對象
  this.formData = params as any // 賦值給數(shù)據(jù)模型
  console.log(JSON.stringify(this.formData), '1111')
}

通過計算傳過來的值,我們能夠得到一系列公司運營的數(shù)據(jù)。
并最終使用Text組件將其顯示到頁面上。
值的注意的是
Gauge組件和ForEach的使用。

Gauge組件的使用

Gauge({ value: 75 })
    .value(25)
    .width(100).height(100)
    .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1]])

colors 屬性中填寫所要顯示的元素,元素的顏色值和0-1的比例。

ForEach 的使用

ForEach(
  arr: any[], 
  itemGenerator: (item: any, index?: number) => void,
  keyGenerator?: (item: any, index?: number) => string 
)
  • ForEach必須在容器組件內(nèi)使用。
  • 生成的子組件應(yīng)當(dāng)是允許包含在ForEach父容器組件中的子組件。
  • 允許子組件生成器函數(shù)中包含if/else條件渲染,同時也允許ForEach包含在if/else條件渲染語句中。
  • itemGenerator函數(shù)的調(diào)用順序不一定和數(shù)組中的數(shù)據(jù)項相同,在開發(fā)過程中不要假設(shè)
  • itemGenerator和keyGenerator函數(shù)是否執(zhí)行及其執(zhí)行順序。例如,以下示例可能無法正確運行:

最終效果圖
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)

遇到的問題

預(yù)覽無法出現(xiàn)滾動條,沒有下來

預(yù)覽模式下,當(dāng)內(nèi)容超過一屏?xí)r,無法自動出現(xiàn)滾動條,不知道這是一個特性,還是bug。還是說需要特殊處理才能出現(xiàn)滾動條,比如使用滾動條組件。

缺少折線圖

本來我想使用折線圖來表現(xiàn)公司資產(chǎn)運營資產(chǎn)趨勢,這也是普遍的做法。但是試了很多方法,都不太理想,使用canvas畫折線圖。缺少交互,標(biāo)注,或者坐標(biāo)軸的分割塊顯示不準(zhǔn)確??傊壳耙胧褂谜劬€圖,是需要一些技術(shù)的?;蛟S也可以嘗試從svg下手,嘗試。

支持 API 9的設(shè)備太少

由于本應(yīng)用使用的是最新版的API 9,要想使用真機模擬。結(jié)果 遠(yuǎn)程設(shè)備只有一個支持API 9,并且狀態(tài)一直是 unavailable, 不可用狀態(tài)。汗那,總不能為了開發(fā)一個應(yīng)用,買一個Mate 50把。
基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9),前端開發(fā),harmonyos,華為,鴻蒙系統(tǒng)

總結(jié)

總的來講,在開發(fā)云服務(wù)應(yīng)用時,鴻蒙提供的文檔還是很全的的,但是由于相對其他的成熟web技術(shù),還是比較新的,所以生態(tài)還不算很完善。這也是可以理解的,生態(tài)還是要靠全體開發(fā)者來支持。文章來源地址http://www.zghlxwxcb.cn/news/detail-789624.html

到了這里,關(guān)于基于鴻蒙HarmonyOS 元服務(wù)開發(fā)一款公司運營應(yīng)用(ArkTS API 9)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 鴻蒙(HarmonyOS)應(yīng)用開發(fā)指南

    鴻蒙(HarmonyOS)應(yīng)用開發(fā)指南

    1.1 簡介 鴻蒙 (即 HarmonyOS ,開發(fā)代號 Ark ,正式名稱為華為終端鴻蒙智能設(shè)備操作系統(tǒng)軟件)是華為公司自 2012 年以來開發(fā)的一款可支持鴻蒙原生應(yīng)用和兼容 AOSP 應(yīng)用的 分布式操作系統(tǒng) 。該系統(tǒng)利用“分布式”技術(shù)將 手機、電腦、平板、電視、汽車和智能穿戴 等多款設(shè)備

    2024年02月02日
    瀏覽(59)
  • HarmonyOS 鴻蒙應(yīng)用開發(fā)(十一、面向鴻蒙開發(fā)的JavaScript基礎(chǔ))

    HarmonyOS 鴻蒙應(yīng)用開發(fā)(十一、面向鴻蒙開發(fā)的JavaScript基礎(chǔ))

    ArkTS 是HarmonyOS(鴻蒙操作系統(tǒng))原生應(yīng)用開發(fā)的首選語言。它是用于構(gòu)建用戶界面的一種TypeScript方言,擴展了TypeScript以適應(yīng)HarmonyOS生態(tài)系統(tǒng)的UI開發(fā)需求。ArkTS 融合了TypeScript的靜態(tài)類型系統(tǒng)和現(xiàn)代UI框架的設(shè)計理念,為開發(fā)者提供了一種更安全高效的方式來編寫HarmonyOS應(yīng)用。

    2024年02月20日
    瀏覽(35)
  • 【HarmonyOS】開發(fā)一個可以看小姐姐的鴻蒙應(yīng)用 鴻蒙開發(fā)入門

    【HarmonyOS】開發(fā)一個可以看小姐姐的鴻蒙應(yīng)用 鴻蒙開發(fā)入門

    先整張效果圖,丑點是丑點,但可以用,買不起鴻蒙系統(tǒng)手機的我,只配用虛擬機。 要說目前最火的手機操作系統(tǒng),要我來看的話那必然是鴻蒙無疑。16號剛剛結(jié)束了第五次鴻蒙內(nèi)測,在看到這次的內(nèi)測名單之后,居然有970的機器,這是不是說明俺這手里奮戰(zhàn)了三年的榮耀

    2024年02月15日
    瀏覽(28)
  • 鴻蒙應(yīng)用開發(fā)嘗鮮:初識HarmonyOS

    鴻蒙應(yīng)用開發(fā)嘗鮮:初識HarmonyOS

    來源:華為官方網(wǎng)站 : https://developer.huawei.com/ 相信大家對鴻蒙應(yīng)用開發(fā)也不在陌生,很多身處互聯(lián)網(wǎng)行業(yè)或者不了解的人們現(xiàn)在也一定都聽說過華為鴻蒙.這里我將不再說廢話,直接步入正題 HarmonyOS應(yīng)用開發(fā)采用的是ArkTS語言,ArkTS是在TypeScript(簡稱TS)基礎(chǔ)上的拓展,而TS又是JavaScrip

    2024年02月02日
    瀏覽(35)
  • 鴻蒙HarmonyOS應(yīng)用開發(fā)初體驗

    鴻蒙HarmonyOS應(yīng)用開發(fā)初體驗

    最近華為發(fā)布mt60新機火了,作為一名移動開發(fā)程序員,對鴻蒙系統(tǒng)開發(fā)移動端就很感興趣了。 開發(fā)工具:HUAWEI DevEco Studio和SDK下載和升級 | HarmonyOS開發(fā)者 下載完后按默認(rèn)安裝就可以了,界面跟AS很類似,之前我jdk環(huán)境配置就不在配置了,不懂的可以百度下很多教程。 這是基

    2024年02月09日
    瀏覽(27)
  • 【鴻蒙開發(fā)】HarmonyOS應(yīng)用開發(fā)者基礎(chǔ)認(rèn)證題庫

    【鴻蒙開發(fā)】HarmonyOS應(yīng)用開發(fā)者基礎(chǔ)認(rèn)證題庫

    華為開發(fā)者學(xué)堂 ? 1、考試需實名認(rèn)證,請在考前于個人主頁→個人信息→基本信息→進行實名認(rèn)證,否則考試通過無法獲取專業(yè)證書; 2、每個帳號每月有3次考試機會,次月重置考試次數(shù)。做題過程中請認(rèn)真對待,避免考試次數(shù)浪費; 3、考試時長為1小時,請合理分配做題

    2024年03月09日
    瀏覽(98)
  • 【HarmonyOS】鴻蒙應(yīng)用開發(fā)基礎(chǔ)認(rèn)證題目

    【HarmonyOS】鴻蒙應(yīng)用開發(fā)基礎(chǔ)認(rèn)證題目

    【HarmonyOS】鴻蒙應(yīng)用開發(fā)基礎(chǔ)認(rèn)證題目; 隨著鴻蒙系統(tǒng)的不斷發(fā)展,前不久,華為宣布了重磅消息,HarmonyOS next 開發(fā)者版本會在明年(2024)開放,并不再支持Android應(yīng)用!這也意味著,移動端開發(fā)者今后又多了一個適配平臺,也到了必須學(xué)的時候了。 目前已知一線大廠均已開

    2024年02月04日
    瀏覽(86)
  • HarmonyOS鴻蒙原生應(yīng)用開發(fā)設(shè)計- 圖標(biāo)庫

    HarmonyOS鴻蒙原生應(yīng)用開發(fā)設(shè)計- 圖標(biāo)庫

    HarmonyOS設(shè)計文檔中,為大家提供了獨特的圖標(biāo)庫,開發(fā)者可以根據(jù)需要直接引用。 圖標(biāo)庫可以分為雙色圖標(biāo)、填充圖標(biāo)、線性圖標(biāo)。具體分為 鍵盤、箭頭、連接狀態(tài)、媒體、人、設(shè)備、索引、通信、文件、物體與工具等。 整體分類 開發(fā)者直接使用官方提供的圖標(biāo)庫內(nèi)容,既

    2024年02月07日
    瀏覽(104)
  • 鴻蒙應(yīng)用開發(fā)學(xué)習(xí)路線(OpenHarmony/HarmonyOS)

    鴻蒙應(yīng)用開發(fā)學(xué)習(xí)路線(OpenHarmony/HarmonyOS)

    作者:堅果 團隊:堅果派 公眾號:“大前端之旅” 潤開鴻技術(shù)專家,華為HDE,InfoQ簽約作者,OpenHarmony布道師,擅長HarmonyOS應(yīng)用開發(fā)、熟悉服務(wù)卡片開發(fā),在“戰(zhàn)碼先鋒”活動中作為大隊長,累計培養(yǎng)三個小隊長,帶領(lǐng)100+隊員完成Pr的提交合入。 歡迎通過主頁或者私信聯(lián)系

    2024年02月15日
    瀏覽(97)
  • 鴻蒙HarmonyOS4.0開發(fā)應(yīng)用學(xué)習(xí)筆記

    鴻蒙HarmonyOS4.0開發(fā)應(yīng)用學(xué)習(xí)筆記

    鴻蒙harmony開發(fā)文檔指南 DevEco Studio下載地址 選擇或者安裝環(huán)境 選擇和下載SDK 安裝總覽 編輯器界面 2.1變量聲明 2.2條件控制 2.3循環(huán)迭代 2.4函數(shù) 2.5類和接口 2.6模塊開發(fā) 通用功能抽取到單獨的ts文件,每個文件都是一個模塊(module)。 模塊可以相互加載,提高代碼復(fù)用性。 crea

    2024年02月04日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包