一、读取json格式文件为对象或数组,显示相应字段
1、创建json文件的参数一致的类
2、导入类、导入json文件
3、循环渲染
import router from '@ohos.router'
//导入即对象
import books from 'resources/rawfile/book1.json'
import { Book } from '../model/Book'@Entry
@Component
struct Detail {build() {Column() {//展示所有的图书-->读取book文件ForEach(books.book, (item: Book) => {Text(item.bookName)})}.height('100%').width('100%')}
}
二、推送普通文本类型通知
注意:测试的时候需要在模拟器中打开通知权限
//基础文本通知
import { notificationManager } from '@kit.NotificationKit';
// 描述通知的请求
let notificationRequest: notificationManager.NotificationRequest = {//id为通知的唯一标识,用于通讯的通知与取消id: 100,content: {//notificationContentType定义通知的类型notificationContentType: notificationManager.ContentType.NOTIFICATION_CONTENT_BASIC_TEXT,//normal定义普通文本类型通知的内容normal: {//title定义通知内容标题title: `通知内容标题`,//title定义通知内容详情text: '通知内容详情'}}
}
// 发送通知
notificationManager.publish(notificationRequest).then(()=>{console.info('publish success')
}).catch((err: Error) => {console.error(`publish failed,message is ${err}`);
});
简化版
notificationManager.publish({id: 1,content: {notificationContentType: notificationManager.ContentType.NOTIFICATION_CONTENT_BASIC_TEXT,normal: {title: '图书馆的通知',text: '这里是图书馆的通知'}}})
三、打开和关闭子窗口;鼠标拖拽子窗口;在子窗口页面中显示轮播图;点击轮播图,跳转到某图书详细信息页面。
1、打开和关闭窗口
①、首先定义一个类
import { window } from '@kit.ArkUI'class MyWindows {WindowStage: window.WindowStage | null = nullSubWindow: window.Window | null = null//打开小窗async show() {if (this.WindowStage == null) {console.log('testTag', '发生错误,无法打开小窗')} else {this.SubWindow = await this.WindowStage.createSubWindow('xiejiarui')//窗口位置this.SubWindow.moveWindowTo(440, 550)//窗口大小this.SubWindow.resize(800, 1500)}this.SubWindow?.setUIContent("pages/Small_window", () => {(this.SubWindow as window.Window).showWindow()})}//关闭小窗close() {this.SubWindow?.destroyWindow((err) => {if (err) {console.log("testTag", '发生错误 无法关闭小窗')} else {console.log('testTag', '成功关闭小窗')}})}
}export default new MyWindows()
②、在EntryAbility中初始化
export default class EntryAbility extends UIAbility {async onWindowStageCreate(windowStage: window.WindowStage): Promise<void> {windowStage.loadContent('pages/Index', (err) => {……}); //小窗let windowsClass = await windowStage.getMainWindow()let name: Array<"status" | "navigation"> = []windowsClass.setWindowSystemBarEnable(name)MyWindows.WindowStage = windowStage}
③、在需要打开小窗的地方调用
//注意:需要导入MyWindows的ets文件 Button('点击弹出小窗').onClick(() => {MyWindows.ShowSubWindows() })
④、在需要关闭小窗的地方调用
//注意:需要导入MyWindows的ets文件 Button('点击关闭窗口').onClick(()=>{MyWindows.destroySubWindow()})
四、使用视频组件显示视频文件。
//视频控制器 controller: VideoController = new VideoController()Video({ src: this.book.videoPath, controller: this.controller }).width('85%').height(180).autoPlay(true)
五、用户首选项或关系型数据库进行数据持久化存储。
1、通过用户首选项实现数据持久化
⑴封装用户首选项工具类
import { preferences } from "@kit.ArkData"class PreferencesUtil {//创建一个变量来保存preferences的实例private pref: preferences.Preferences | null = null//获取Preferences实例createPreferences(context: Context) {//获取preferences的实例【第一个参数是context(应用场下文),第二个参数是实例的名称】preferences.getPreferences(context, 'shop_preferences').then((object) => {//成功时会返回preferences实例this.pref = objectconsole.log('testTag', '成功获取preferences实例')}).catch(() => {console.log('testTag', '获取preferences实例失败')})}//将数据写入preferences实例async writePreferenceValue(key: string, value: preferences.ValueType) {//判断一下preferences是否实例化if (!this.pref) {return}try { //实例化后,调用put方法来写入数据【第一个值传入要写入的string类型的Key,第二个值是要写入的数据】await this.pref.put(key, value)//通过flash方法将preferences实例持久化await this.pref.flush()console.log('testTag,写入数据成功')} catch (e) {console.log('testTag,写入数据失败')}}//读数据的操作//获取键对应的值async readPreferenceValue<T extends preferences.ValueType>(key: string, defaultValue: T) {//判断一下preferences是否实例化if (!this.pref) {console.log('testTag, preferences未实例化,返回默认值')return defaultValue // 未实例化时返回默认值}try { //实例化后,调用get方法获取数据【第一个值传入要获取的string类型的Key,第二个值表示默认值】let value = await this.pref.get(key, defaultValue) as Tconsole.log('testTag,读取数据成功')return value} catch (e) {console.log('testTag,写入数据失败')return defaultValue // 出错时返回默认值}}
}export default new PreferencesUtil()
⑵初始化用户首选项
import PreferencesUtil from '../utils/PreferencesUtil'const DOMAIN = 0x0000;export default class EntryAbility extends UIAbility {async onWindowStageCreate(windowStage: window.WindowStage): Promise<void> {…… ……
//实例化preferencesPreferencesUtil.createPreferences(this.context)}
}
⑶使用用户首选项
Button('记录数据').onClick(()=>{PreferencesUtil.writePreferenceValue("姓名","RAY")}) Button('读取数据').onClick(async ()=>{this.message=await PreferencesUtil.readPreferenceValue("姓名","name")}) Text(`数据为:${this.message}`)
2、通过关系型数据库实现数据库持久化
①、定义类
// 抽象的Rdb类,没有业务属性,可以基于这个类创建带有业务属性的一张或多张表export default class Rdb {// 管理关系数据库(RDB)方法属性 类型是RdbStore 或 null//通过getRdb方法获取到的,没获取之前可能是nullprivate rdbStore: relationalStore.RdbStore | null = null;// 数据库表名称private tableName: string;// 创建SQLite表的语句字符串private sqlCreateTable: string;// 列名字段的数组,在实例化是具体传入private columns: Array<string>;// 实例化 Rdb 对象时,初始化表名、创建表的语句、列名字段的数组constructor(tableName: string, sqlCreateTable: string, columns: Array<string>) {this.tableName = tableName;this.sqlCreateTable = sqlCreateTable;this.columns = columns;}// 获取操作数据库RdbStore对象的方法,接收一个回调函数//开发者自己定义的,getRdbStore(callback: Function = () => {}) {// 如果 回调函数为空、或undefined 打印错误日志,退出方法if (!callback || typeof callback === 'undefined' || callback === undefined) {console.info('testTag', 'getRdbStore() has no callback!');return;}// 如果属性rdbStore 不为空,说明操作对象已经初始化,打印日志,执行回调函数,退出方法if (this.rdbStore !== null) {console.info('testTag', 'The rdbStore exists.');callback();return}// 执行到此处,说明回调函数不为空,且rdbStore尚未初始化,接下来要进行初始化/*获取RdbStore接口的方法,接收三个参数context :应用上下文config :数据库配置callback :回调函数,异步返回rdb对象*/// 获取上下文let context: Context = getContext(this) ;relationalStore.getRdbStore(context, CommonConstants.STORE_CONFIG, (err, rdb) => {// 如果发生错误,打印日志,退出方法if (err) {console.error('testTag', `gerRdbStore() failed, err: ${err}`);return;}// 如果没有错误,为rdbStore属性赋值为rdbthis.rdbStore = rdb;// 执行Sql语句,使用创建表的字符串this.rdbStore.executeSql(this.sqlCreateTable);// 打印日志console.info('testTag', 'getRdbStore() finished.');// 执行方法入参的回调函数callback();});}// 插入数据的方法,入参为表格的存储键值对,和回调函数//data:插入的数据是什么insertData(data: relationalStore.ValuesBucket, callback: Function = () => {}) {// 如果回调函数为空、或undefined 打印错误日志,退出方法if (!callback || typeof callback === 'undefined' || callback === undefined) {console.info('testTag', 'insertData() has no callback!');return;}// 创建结果标识局部变量,默认为false//方便在是使用方法是进行判断let resFlag: boolean = false;// 创建存储键值对局部变量,默认为入参dataconst valueBucket: relationalStore.ValuesBucket = data;// 如果rdbStore存在则执行if (this.rdbStore) {// 执行rdbStore的插入数据方法,入参为表名、存储键值对、异步回调函数this.rdbStore.insert(this.tableName, valueBucket, (err, ret) => {if (err) {// 如果发生错误,打印日志,执行入参的回调函数,并传入结果标识 falseconsole.error('testTag', `insertData() failed, err: ${err}`);callback(resFlag);return;}// 如果操作成功,打印日志,执行回调函数,并传入返回ret(新插入这行的ID)console.info('testTag', `insertData() finished: ${ret}`);//所以可以在后面为新插入的行id进行赋值callback(ret);});}}// 删除数据的方法,接收谓词和回调函数两个参数//谓词:我要删除什么deleteData(predicates: relationalStore.RdbPredicates, callback: Function = () => {}) {// 如果回调函数为空、或undefined 打印错误日志,退出方法if (!callback || typeof callback === 'undefined' || callback === undefined) {console.info('testTag', 'deleteData() has no callback!');return;}// 创建结果标识局部变量,默认为falselet resFlag: boolean = false;// 如果rdbStore存在则执行if (this.rdbStore) {// rdbStore的删除方法,入参为谓词、异步回调函数this.rdbStore.delete(predicates, (err, ret) => {// 如果发生错误,打印日志,执行入参的回调函数,并传入结果标识 falseif (err) {console.error('testTag', `deleteData() failed, err: ${err}`);callback(resFlag);return;}// 如果删除成功,打印日志,执行回调函数,并传入返回ret(行ID)console.info('testTag', `deleteData() finished: ${ret}`);callback(!resFlag);});}}// 更新数据的方法,接收三个参数:谓词、存储键值对、回调函数updateData(predicates: relationalStore.RdbPredicates, data: relationalStore.ValuesBucket, callback: Function = () => {}) {// 如果回调函数为空、或undefined 打印错误日志,退出方法if (!callback || typeof callback === 'undefined' || callback === undefined) {console.info('testTag', 'updateDate() has no callback!');return;}// 创建结果标识局部变量,默认为falselet resFlag: boolean = false;// 创建存储键值对局部变量,默认为入参dataconst valueBucket: relationalStore.ValuesBucket = data;// 如果rdbStore存在则执行if (this.rdbStore) {// rdbStore的更新方法,接收三个参数,存储键值对、谓词、回调函数this.rdbStore.update(valueBucket, predicates, (err, ret) => {if (err) {// 如果发生错误,打印日志,执行入参的回调函数,并传入结果标识 falseconsole.error('testTag', `updateData() failed, err: ${err}`);callback(resFlag);return;}// 如果更新成功,打印日志,执行回调函数,并传入返回成功的标识 trueconsole.info('testTag', `updateData() finished: ${ret}`);callback(!resFlag);});}}// 查询数据的方法,接收两个参数,谓词、回调函数query(predicates: relationalStore.RdbPredicates, callback: Function = () => {}) {// 如果回调函数为空、或undefined 打印错误日志,退出方法if (!callback || typeof callback === 'undefined' || callback === undefined) {console.info('testTag', 'query() has no callback!');return;}// 如果rdbStore存在则执行if (this.rdbStore) {// rdbStore的查询方法,接收三个参数,谓词,数据库列名的数组,异步回调函数this.rdbStore.query(predicates, this.columns, (err, resultSet) => {// 如果发生错误,打印日志,退出方法if (err) {console.error('testTag', `query() failed, err: ${err}`);return;}// 如果没有错误,打印日志console.info('testTag', 'query() finished.');// 执行入参的回调函数,传入查询结果callback(resultSet);// 关闭结果集resultSet.close();});}}
}
②、导入类、进行调用
六、在页面跳转时进行传值
1、字符串类型
//传值
router.pushUrl({url:'pages/Detail',params:{libraryName:'图书馆'} })
//接收(注意类型)
const Params: string = router.getParams()as string const libraryName:String=Params['libraryName']
2、对象类型
//传值
router.pushUrl({url: 'pages/Detail',params: {name : '',book : ''} })
//接收
//Entry外定义类
class library {name: String = ''book: String = '' }//build前接收值
const Params: library = router.getParams()as library const name:String=Params.name const book:String=Params.book
七、使用华为云,创建云函数;并根据云函数返回的接口地址,使用http进行网络数据获取。
1、创建云函数
然后点击刚刚创建的触发器,点击修改,按需修改(Path等),点击修改成功
然后找到刚刚的API,在总览中复制API URL
2、调用云函数
//注意:需要导入http包(import http from '@ohos.net.http') let data=await http.createHttp().request('刚刚复制的API URL') console.log("testTag","调用华为云的云函数,返回的值是",`${data.result}`)
八、打开手机拨号界面。
//调用查询能力接口 let isSupport = call.hasVoiceCapability() //如果有能力拨打电话 if (isSupport) {//向10086拨打电话call.makeCall("10086",(err)=>{if (err) {//拨打电话的时候发生错误,打印日志console.log('testTag',"拨打电话失败")}else {//拨打电话成功,打印日志console.log('testTag',"拨打电话成功")}}) }
简化版
call.makeCall("10086")