新聞中心
??想了解更多關(guān)于開源的內(nèi)容,請(qǐng)?jiān)L問:??

成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括海州網(wǎng)站建設(shè)、海州網(wǎng)站制作、海州網(wǎng)頁(yè)制作以及海州網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái),我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,海州網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到海州省份的部分城市,未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
?? 開源基礎(chǔ)軟件社區(qū)??
??https://ost.51cto.com??
在??自定義HamronyOS啟動(dòng)頁(yè)組件??一文中封裝了啟動(dòng)頁(yè)組件,本節(jié)將結(jié)合端云協(xié)同開發(fā),將啟動(dòng)頁(yè)需要的參數(shù)保存到云數(shù)據(jù)庫(kù)中,實(shí)現(xiàn)根據(jù)特定節(jié)氣顯示不同的啟動(dòng)頁(yè)背景圖。
一、環(huán)境
- ??DevEco Studio 3.1 Beta1(V3.1.0.200)??
- ??觸覺智能IDO-EVB3568-V1開發(fā)板??
- ??自定義teui組件庫(kù)??
- ??端云協(xié)同開發(fā)應(yīng)用創(chuàng)建??——??視頻演示【HarmonyOS端云協(xié)同開發(fā)云函數(shù)體驗(yàn)】??
二、云數(shù)據(jù)庫(kù)
云數(shù)據(jù)庫(kù)(Cloud DB)是Serverless服務(wù)提供的能力之一,是AppGallery Connect平臺(tái)解決方案的一部分,是端云協(xié)同的數(shù)據(jù)庫(kù)產(chǎn)品,支持?jǐn)?shù)據(jù)在端云、多端之間無(wú)縫同步,并為應(yīng)用提供離線支持,以幫助開發(fā)者快速構(gòu)建端云、多端協(xié)同應(yīng)用,開發(fā)者可以聚集于應(yīng)用本身業(yè)務(wù),極大提升開發(fā)者開發(fā)效率,更多請(qǐng)至??華為App Gallery Connect云數(shù)據(jù)庫(kù)??了解。
三、端云協(xié)同開發(fā)云數(shù)據(jù)庫(kù)
DevEco Studio 3.1 Beta1提供了端云協(xié)同開發(fā),可以通過(guò)云側(cè)CloudProgram項(xiàng)目創(chuàng)建云數(shù)據(jù)庫(kù)對(duì)象類型、存儲(chǔ)區(qū)、配置權(quán)限,端側(cè)引入相關(guān)的云數(shù)據(jù)庫(kù)文件即可進(jìn)行云數(shù)據(jù)庫(kù)數(shù)據(jù)操作,應(yīng)用開發(fā)流程如下圖所示:
1、云側(cè)CloudProgram工程云數(shù)據(jù)庫(kù)配置
(1)創(chuàng)建對(duì)象類型
云數(shù)據(jù)庫(kù)采用存儲(chǔ)區(qū)、對(duì)象類型和對(duì)象三級(jí)結(jié)構(gòu)基于對(duì)象模型的數(shù)據(jù)庫(kù)。對(duì)象類型是用于定義存儲(chǔ)對(duì)象的集合,不同對(duì)象類型對(duì)應(yīng)的不同數(shù)據(jù)結(jié)構(gòu)。
在云側(cè)CloudProgram工程clouddb目錄下clouddb目錄右鍵??New > Cloud DB Object Type??創(chuàng)建對(duì)象類型,輸入對(duì)象類型名稱,DevEco Studio會(huì)自動(dòng)創(chuàng)建初始對(duì)象類型JSON文件。
在對(duì)象類型JSON文件中,可以配置字段、索引以及角色于權(quán)限,表3-1為數(shù)據(jù)類型JSON文件屬性簡(jiǎn)單介紹。
表3-1 數(shù)據(jù)類型JSON文件屬性(更多描述參見官方文檔)
|
參數(shù) |
說(shuō)明 |
|
fields |
數(shù)據(jù)表字段集,配置屬性參見表3-2 |
|
indexes |
數(shù)據(jù)表索引,配置屬性參見表3-3 |
|
permissions |
操作數(shù)據(jù)表角色及對(duì)應(yīng)權(quán)限,配置屬性參見表3-4 |
|
objectTypeName |
數(shù)據(jù)表名稱 |
表3-2 數(shù)據(jù)表字段(更多描述參見官方文檔)
|
參數(shù) |
說(shuō)明 |
|
fieldName |
字段名稱 |
|
fieldType |
字段數(shù)據(jù)類型 當(dāng)前支持:String, Boolean, Byte, Shor, Integer, Long, Float, Double, ByteArray, Text, Date, IntAutoIncrement, LongAutoIncrement |
|
belongPrimaryKey |
字段是否為主鍵 |
|
notNull |
字段值是否為空 |
|
isNeedEncrypt |
字段是否需要加密 |
"fields": [
{
"belongPrimaryKey": true,
"fieldName": "id",
"fieldType": "Integer",
"isNeedEncrypt": false,
"notNull": true
},
{
"belongPrimaryKey": false,
"fieldName": "timer",
"fieldType": "Integer",
"isNeedEncrypt": false,
"notNull": false
},
{
"belongPrimaryKey": false,
"fieldName": "isLogo",
"fieldType": "Boolean",
"isNeedEncrypt": false,
"notNull": false
},
{
"belongPrimaryKey": false,
"fieldName": "backgroundImg",
"fieldType": "String",
"isNeedEncrypt": false,
"notNull": false
},
{
"belongPrimaryKey": false,
"fieldName": "companyName",
"fieldType": "String",
"isNeedEncrypt": false,
"notNull": false
},
{
"belongPrimaryKey": false,
"fieldName": "mFontColor",
"fieldType": "String",
"isNeedEncrypt": false,
"notNull": false
},
{
"belongPrimaryKey": false,
"fieldName": "status",
"fieldType": "Integer",
"isNeedEncrypt": false,
"notNull": false
},
{
"belongPrimaryKey": false,
"fieldName": "createUser",
"fieldType": "Integer",
"isNeedEncrypt": false,
"notNull": false
},
{
"belongPrimaryKey": false,
"fieldName": "createTime",
"fieldType": "Date",
"isNeedEncrypt": false,
"notNull": false
}
],
表3-3 數(shù)據(jù)表索引(更多描述參見官方文檔)。
|
參數(shù) |
說(shuō)明 |
|
indexName |
索引名稱 |
|
indexList |
索引包含的字段 |
"indexes": [
{
"indexName": "IDX_202302221057",
"indexList": [
{
"fieldName": "id",
"sortType": "DESC"
}
]
}
],
表3-4 操作數(shù)據(jù)表角色及權(quán)限(更多描述參見官方文檔)。
|
參數(shù) |
說(shuō)明 |
|
World |
所有用戶,默認(rèn)最多僅可擁有Read權(quán)限 |
|
Authenticated |
AppGallery Connect登錄的認(rèn)證用戶 |
|
Creator |
數(shù)據(jù)創(chuàng)建用戶 |
|
Administrator |
應(yīng)用開發(fā)者 |
"permissions": [
{
"rights": [
"Read"
],
"role": "World"
},
{
"rights": [
"Read",
"Upsert"
],
"role": "Authenticated"
},
{
"rights": [
"Read",
"Upsert",
"Delete"
],
"role": "Creator"
},
{
"rights": [
"Read",
"Upsert",
"Delete"
],
"role": "Administrator"
}
]
(2)創(chuàng)建數(shù)據(jù)條目
創(chuàng)建完對(duì)象類型,可以通過(guò)為對(duì)象類型添加數(shù)據(jù)條目,來(lái)預(yù)置數(shù)據(jù)庫(kù)內(nèi)容,支持手動(dòng)創(chuàng)建和自動(dòng)生成數(shù)據(jù)條目JSON文件。
- 手動(dòng)創(chuàng)建數(shù)據(jù)條目文件:在clouddb目錄下dataentry目錄右鍵New > Cloud DB Data Entry創(chuàng)建數(shù)據(jù)條目JSON文件,輸入數(shù)據(jù)條目名稱。
- 自動(dòng)生成數(shù)據(jù)條目文件:在對(duì)象類型JSON文件右鍵Generate Data Entry輸入數(shù)據(jù)條目自定義名稱。
無(wú)論選擇哪種創(chuàng)建數(shù)據(jù)條目的方法,DevEco Studio會(huì)自動(dòng)初始化已配置的對(duì)象類型,并賦初始值,同時(shí)配置數(shù)據(jù)條目所在存儲(chǔ)區(qū)名稱,如代碼中的cloudDBZoneName,可自定義。
{
"cloudDBZoneName": "cloudDBZoneSplash",
"objectTypeName": "splash",
"objects": [
{
"id": 1,
"timer": 3,
"isLogo": false,
"backgroundImg": "https://img1.baidu.com/it/u=1884825806,3687074543&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889",
"companyName": "xxxx有限公司",
"mFontColor": "#F2F2F2",
"status": 0,
"createUser": 1,
"createTime": 1677035025264
},
{
"id": 2,
"timer": 3,
"isLogo": true,
"backgroundImg": "https://img1.baidu.com/it/u=1884825806,3687074543&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889",
"companyName": "xxxx有限公司",
"mFontColor": "#F2F2F",
"status": 1,
"createUser": 1,
"createTime": 1677035025264
}
]
}
(3)部署云數(shù)據(jù)庫(kù)
在DevEco Studio還未實(shí)現(xiàn)端云協(xié)同開發(fā)之前,要實(shí)現(xiàn)云側(cè)數(shù)據(jù)庫(kù)需要在網(wǎng)頁(yè)端配置。當(dāng)前開發(fā)者只需要在DevEco Studio云側(cè)工程中配置好云數(shù)據(jù)庫(kù)信息后,右鍵clouddb目錄選擇Deploy Cloud DB將云數(shù)據(jù)庫(kù)需要的資源統(tǒng)一部署到AGC控制臺(tái),Event Log會(huì)顯示同步進(jìn)度信息。部署完成后,可在AGC控制臺(tái)查看部署的云數(shù)據(jù)庫(kù)信息。
2、端側(cè)Application訪問云側(cè)數(shù)據(jù)庫(kù)業(yè)務(wù)實(shí)現(xiàn)
使用端云協(xié)同開發(fā),將較于之前的操作會(huì)減少如配置開發(fā)環(huán)境agconnect-services.json文件引入,該文件在創(chuàng)建端云協(xié)同工程時(shí)會(huì)自動(dòng)初始化到工程中,在entry/src/main/resources/rawfile中;同時(shí)會(huì)自動(dòng)引入相關(guān)依賴文件,如database-ohos等。
除配置文件和依賴文件之外,還需要和之前的操作相同,導(dǎo)出JSON格式文件和JS格式文件并添加至本地開發(fā)環(huán)境中。
(1)添加對(duì)象類型文件
- 將導(dǎo)出的數(shù)據(jù)類型JSON文件內(nèi)容拷貝到entry/src/main/ets/services/app-schema.json中,若無(wú)該文件則創(chuàng)建即可。
- 將導(dǎo)出的JS格式文件拷貝到entry/src/main/ets/services/目錄下。
(2)云數(shù)據(jù)庫(kù)操作
該文件僅作為示例應(yīng)用獲取云數(shù)據(jù)庫(kù)數(shù)據(jù),若需要更詳細(xì)的開發(fā)者可自定義封裝,其中異常并未作處理,開發(fā)者可根據(jù)自身業(yè)務(wù)做響應(yīng)的處理。
// entry/src/main/ets/services/CloudDBService.ts
// @ts-ignore
import * as schema from './app-schema.json';
import { splash } from './splash';
import {
AGConnectCloudDB,
CloudDBZoneConfig,
CloudDBZone,
CloudDBZoneQuery
} from '@hw-agconnect/database-ohos';
import { AGCRoutePolicy } from '@hw-agconnect/core-ohos';
import { getAGConnect } from './AgcConfig';
export class CloudDBService {
private static readonly ZONE_NAME = "cloudDBZoneSplash";
private static init(context: any): Promise{
return new Promise((resolve, reject) => {
getAGConnect(context);
AGConnectCloudDB.initialize(context);
AGConnectCloudDB.getInstance({
context: context,
agcRoutePolicy: AGCRoutePolicy.CHINA,
objectTypeInfo: schema
}).then((ret) => {
return resolve(ret.openCloudDBZone(this.ZONE_NAME));
});
})
}
// 查詢狀態(tài)為'1'的啟動(dòng)頁(yè)信息
public static query(context: any): Promise{
return new Promise((resolve, reject) => {
const query = CloudDBZoneQuery.where(splash).equalTo("status", 1);
this.init(context).then((ret) => {
ret.executeQuery(query).then((ret) => {
resolve(ret.getSnapshotObjects()[0]);
})
});
})
}
}
(3)將云數(shù)據(jù)庫(kù)數(shù)據(jù)渲染到頁(yè)面
利用aboutToAppear()方法獲取云數(shù)據(jù)庫(kù)中的啟動(dòng)頁(yè)信息。
import { CloudDBService as CloudDB } from '../services/CloudDBService';
import { SplashPage } from '@tetcl/teui';
@Entry
@Component
struct Splash {
@State result: SplashObj = new SplashObj(5);
@State isSkip: boolean = false;
onSkipt() {
// 跳轉(zhuǎn)頁(yè)面
}
build() {
Column() {
if (this.isSkip) {
SplashPage({ mSplash: {
timer: this.result.timer,
isLogo: this.result.isLogo,
backgroundImg: this.result.backgroundImg,
companyName: this.result.companyName,
mFontColor: this.result.mFontColor
}, skip: this.onSkip })
}
}
.width('100%')
.height('100%')
}
aboutToAppear() {
// 若受網(wǎng)絡(luò)印象獲取數(shù)據(jù)時(shí)間過(guò)長(zhǎng),此處可以自定義一個(gè)數(shù)據(jù)加載動(dòng)畫
CloudDB.query(getContext(this)).then(ret => {
this.isSkip = true;
this.result = ret;
})
}
}
3、在開發(fā)板預(yù)覽效果
??想了解更多關(guān)于開源的內(nèi)容,請(qǐng)?jiān)L問:??
?? 開源基礎(chǔ)軟件社區(qū)??
??https://ost.51cto.com??
新聞標(biāo)題:DevEcoStudio端云協(xié)同開發(fā)之云數(shù)據(jù)庫(kù)體驗(yàn)
當(dāng)前URL:http://fisionsoft.com.cn/article/cceigog.html


咨詢
建站咨詢
