当前位置： 首页 > wzjs >正文

做外贸维护网站需要注意什么wordpress给菜单栏加颜色

wzjs 2025/9/3 7:58:27
做外贸维护网站需要注意什么,wordpress给菜单栏加颜色,公司网站建设合同电子版,wordpress 自动抓取场景介绍 用户首选项为应用提供Key-Value键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。当用户希望有一个全局唯一存储的地方，可以采用用户首选项来进行存储。Preferences会将该数据缓存在内存中，当用户读取…

场景介绍

用户首选项为应用提供Key-Value键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。当用户希望有一个全局唯一存储的地方，可以采用用户首选项来进行存储。Preferences会将该数据缓存在内存中，当用户读取的时候，能够快速从内存中获取数据，当需要持久化时可以使用flush接口将内存中的数据写入持久化文件中。Preferences会随着存放的数据量越多而导致应用占用的内存越大，因此，Preferences不适合存放过多的数据，也不支持通过配置加密，适用的场景一般为应用保存用户的个性化设置（字体大小，是否开启夜间模式）等。

运作机制

如图所示，用户程序通过ArkTS接口调用用户首选项读写对应的数据文件。开发者可以将用户首选项持久化文件的内容加载到Preferences实例，每个文件唯一对应到一个Preferences实例，系统会通过静态容器将该实例存储在内存中，直到主动从内存中移除该实例或者删除该文件。

应用首选项的持久化文件保存在应用沙箱内部，可以通过context获取其路径。具体可见获取应用文件路径。

图1 用户首选项运作机制

img

约束限制

  • 首选项无法保证进程并发安全，会有文件损坏和数据丢失的风险，不支持在多进程场景下使用。

  • Key键为string类型，要求非空且长度不超过1024个字节。

  • 如果Value值为string类型，请使用UTF-8编码格式，可以为空，不为空时长度不超过16 * 1024 * 1024个字节。

  • 内存会随着存储数据量的增大而增大，所以存储的数据量应该是轻量级的，建议存储的数据不超过一万条，否则会在内存方面产生较大的开销。

接口说明

以下是用户首选项持久化功能的相关接口，更多接口及使用方式请见用户首选项。

接口名称描述
getPreferencesSync(context: Context, options: Options): Preferences获取Preferences实例。该接口存在异步接口。
putSync(key: string, value: ValueType): void将数据写入Preferences实例，可通过flush将Preferences实例持久化。该接口存在异步接口。
hasSync(key: string): boolean检查Preferences实例是否包含名为给定Key的存储键值对。给定的Key值不能为空。该接口存在异步接口。
getSync(key: string, defValue: ValueType): ValueType获取键对应的值，如果值为null或者非默认值类型，返回默认数据defValue。该接口存在异步接口。
deleteSync(key: string): void从Preferences实例中删除名为给定Key的存储键值对。该接口存在异步接口。
flush(callback: AsyncCallback<void>): void将当前Preferences实例的数据异步存储到用户首选项持久化文件中。
on(type: 'change', callback: Callback<string>): void订阅数据变更，订阅的数据发生变更后，在执行flush方法后，触发callback回调。
off(type: 'change', callback?: Callback<string>): void取消订阅数据变更。
deletePreferences(context: Context, options: Options, callback: AsyncCallback<void>): void从内存中移除指定的Preferences实例。若Preferences实例有对应的持久化文件，则同时删除其持久化文件。

开发步骤

新增/修改数据

image.png

​
import { preferences } from '@kit.ArkData'
​
@Entry
@Component
struct Index {build() {Row() {Column() {// 1.0 利用首选项api对store这个文件做一个新增数据：["鸿蒙","HTML5"]Button('新增/修改数据').onClick(() => {//   1.0 获取store文件的操作对象const pre = preferences.getPreferencesSync(getContext(), { name: 'store' })
​//   2.0 调用操作对象上的putSync方法完成数据的新增 (这是将数据保存到内存中)pre.putSync('keyword', ["鸿蒙Next", "huawei"])pre.putSync('keyword2', ["HTML5", "JavaScript"])
​pre.flush() //将内存数据写入到磁盘
​AlertDialog.show({ message: '首选项数据写入成功' })})}.width('100%')}
​}
}

 

结果查询：

修改数据就还是用key值把之前数据修改成需要的就行

查询数据

image.png

代码：

Button('获取数据').onClick(() => {const pre = preferences.getPreferencesSync(getContext(), { name: 'store' })AlertDialog.show({ message: JSON.stringify(pre.getAllSync()) })
})

删除数据

image.png

Button('删除数据').onClick(() => {const pre = preferences.getPreferencesSync(getContext(), { name: 'store' })pre.deleteSync('keyword')pre.flush()AlertDialog.show({ message: '首选项数据删除成功' })})

实例

通过一个搜索框实例进行系统组合起来

静态结构

@Entry
@Component
struct SearchPage {@State keyword: string = ''@State isdel: boolean = falseaboutToAppear(): void {
​}
​@BuilderitemBuilder(text: string) {Row({ space: 20 }) {Text(text)if (this.isdel) {Text('x').height(30).onClick(() => {AlertDialog.show({ message: '删除' + text })})}}.margin({ right: 10, top: 10 }).padding({left: 15,right: 15,top: 5,bottom: 5}).backgroundColor('rgba(0,0,0,0.05)').borderRadius(20)}
​build() {Navigation() {Column({ space: 15 }) {// 1. 搜索关键字TextInput({ placeholder: '输入回车保存数据', text: $$this.keyword }).onSubmit(() => {AlertDialog.show({ message: this.keyword })})
​// 2. 关键字列表Row() {Text('搜索记录').fontSize(20).fontWeight(800)
​Row() {if (this.isdel) {Text('全部删除').onClick(()=>{AlertDialog.show({ message: '补上全部删除逻辑' })})Text(' | ')Text('取消删除').onClick(()=>{this.isdel = false})} else {Text('X').height(28).onClick(()=>{this.isdel = true})}}}.width('100%').justifyContent(FlexAlign.SpaceBetween)
​//   3. 关键字列表Flex({ wrap: FlexWrap.Wrap }) {ForEach([1, 2, 3, 4], (item: number) => {this.itemBuilder('文本' + item)})}}.padding(15)}.padding({ top: 20 }).titleMode(NavigationTitleMode.Mini).title('搜索页面')}
}

实现历史搜索记录

保存关键字数组
import { preferences } from '@kit.ArkData'
​
@Entry
@Component
struct SearchPage {@State keyword: string = ''@State isdel: boolean = false@State keywords: string[] = []aboutToAppear(): void {this.getData()}// 1.0 新增方法async saveData(text: string) {// 非空验证if(!text){return}// 1.0 获取首选项对象实例const pre = preferences.getPreferencesSync(getContext(), { name: 'store1' })// 2.0 调用putsync方法保存数组// 2.0.1 先从首选项中获取老数据let dataArr = pre.getSync('keyword', []) as string[]// 判断如果首选项中已经有了该关键词，不再保存if(dataArr.includes(text)){// 该关键字已经存在了，不保存return}
​dataArr.push(text)// 2.0.2 存数据pre.putSync('keyword', dataArr)
​// 3.0 调用flush写入到磁盘await pre.flush()}// 2.0 获取首选项数据async getData() {const pre = preferences.getPreferencesSync(getContext(), { name: 'store1' })this.keywords = pre.getSync('keyword', []) as string[]}
​
​@BuilderitemBuilder(text: string) {Row({ space: 20 }) {Text(text)if (this.isdel) {Text('x').height(30).onClick(() => {AlertDialog.show({ message: '删除' + text })})}}.margin({ right: 10, top: 10 }).padding({left: 15,right: 15,top: 5,bottom: 5}).backgroundColor('rgba(0,0,0,0.05)').borderRadius(20)}
​build() {Navigation() {Column({ space: 15 }) {// 1. 搜索关键字TextInput({ placeholder: '输入回车保存数据', text: $$this.keyword }).onSubmit(async () => {
​AlertDialog.show({ message: this.keyword })//   将关键词数据保存到首选项中await  this.saveData(this.keyword)await this.getData()})
​// 2. 关键字列表Row() {Text('搜索记录').fontSize(20).fontWeight(800)
​Row() {if (this.isdel) {Text('全部删除').onClick(()=>{AlertDialog.show({ message: '补上全部删除逻辑' })})Text(' | ')Text('取消删除').onClick(()=>{this.isdel = false})} else {Text('X').height(28).onClick(()=>{this.isdel = true})}}}.width('100%').justifyContent(FlexAlign.SpaceBetween)
​//   3. 关键字列表Flex({ wrap: FlexWrap.Wrap }) {ForEach(this.keywords, (item: string) => {this.itemBuilder(item)})}}.padding(15)}.padding({ top: 20 }).titleMode(NavigationTitleMode.Mini).title('搜索页面')}
}

删除指定关键字/全部关键字
  async delData(text?: string) {const pre = preferences.getPreferencesSync(getContext(), { name: 'store1' })//   1.0 删除全部关键if (!text) {pre.deleteSync('keyword')} else {// 2.0 删除指定关键字  获取 -> 删除内存数组的关键字 -> 写回let datas = pre.getSync('keyword', []) as string[]let cindex = datas.findIndex(item => item === text)// 当关键字索引为-1的时候，表示没有找到if (cindex < 0) {return}// 如果有删除datas.splice(cindex, 1) // 返回值表示删除的元素//   保存回去pre.putSync('keyword', datas)}// 写回磁盘pre.flush()}
          //  删除指定关键字await this.delData(text)await this.getData()})
              // 删除全局数据await this.delData()await this.getData()})

完整代码

import { preferences } from '@kit.ArkData'@Entry
@Component
struct SearchPage {@State keyword: string = ''@State isdel: boolean = false@State keywords: string[] = []aboutToAppear(): void {this.getData()}// 1.0 新增方法async saveData(text: string) {// 非空验证if(!text){return}// 1.0 获取首选项对象实例const pre = preferences.getPreferencesSync(getContext(), { name: 'store1' })// 2.0 调用putsync方法保存数组// 2.0.1 先从首选项中获取老数据let dataArr = pre.getSync('keyword', []) as string[]// 判断如果首选项中已经有了该关键词，不再保存if(dataArr.includes(text)){// 该关键字已经存在了，不保存return}dataArr.push(text)// 2.0.2 存数据pre.putSync('keyword', dataArr)// 3.0 调用flush写入到磁盘await pre.flush()}// 2.0 获取首选项数据async getData() {const pre = preferences.getPreferencesSync(getContext(), { name: 'store1' })this.keywords = pre.getSync('keyword', []) as string[]}// 3.0 删除指定关键字和全部关键字async delData(text?: string) {const pre = preferences.getPreferencesSync(getContext(), { name: 'store1' })//   1.0 删除全部关键if (!text) {pre.deleteSync('keyword')} else {// 2.0 删除指定关键字  获取 -> 删除内存数组的关键字 -> 写回let datas = pre.getSync('keyword', []) as string[]let cindex = datas.findIndex(item => item === text)// 当关键字索引为-1的时候，表示没有找到if (cindex < 0) {return}// 如果有删除datas.splice(cindex, 1) // 返回值表示删除的元素//   保存回去pre.putSync('keyword', datas)}// 写回磁盘pre.flush()}@BuilderitemBuilder(text: string) {Row({ space: 20 }) {Text(text)if (this.isdel) {Text('x').height(30).onClick(async () => {//  删除指定关键字await this.delData(text)await this.getData()AlertDialog.show({ message: '删除' + text })})}}.margin({ right: 10, top: 10 }).padding({left: 15,right: 15,top: 5,bottom: 5}).backgroundColor('rgba(0,0,0,0.05)').borderRadius(20)}build() {Navigation() {Column({ space: 15 }) {// 1. 搜索关键字TextInput({ placeholder: '输入回车保存数据', text: $$this.keyword }).onSubmit(async () => {AlertDialog.show({ message: this.keyword })//   将关键词数据保存到首选项中await  this.saveData(this.keyword)await this.getData()})// 2. 关键字列表Row() {Text('搜索记录').fontSize(20).fontWeight(800)Row() {if (this.isdel) {Text('全部删除').onClick(async ()=>{// 删除全局数据await this.delData()await this.getData()})Text(' | ')Text('取消删除').onClick(()=>{this.isdel = false})} else {Text('X').height(28).onClick(()=>{this.isdel = true})}}}.width('100%').justifyContent(FlexAlign.SpaceBetween)//   3. 关键字列表Flex({ wrap: FlexWrap.Wrap }) {ForEach(this.keywords, (item: string) => {this.itemBuilder(item)})}}.padding(15)}.padding({ top: 20 }).titleMode(NavigationTitleMode.Mini).title('搜索页面')}
}

总结

  • 该文档介绍了用户首选项数据持久化的概念、约束和接口，并通过一个搜索页面的实例展示了如何使用用户首选项存储、查询、修改和删除数据。

  • 开发者在使用时需注意数据量的控制和进程安全问题，合理利用接口实现数据的持久化操作，确保应用的正常运行和数据的一致性。

http://www.dtcms.com/wzjs/591289.html

相关文章：

  • 网站管理员权限怎么设置外贸推广网站有哪些
  • 创建蛋糕网站建设方案澄迈网站建设
  • 重庆专业网站推广网站型销售怎么做的
  • 网站建设报价分析项目招商
  • 做现货值得关注的财经网站wordpress站群模板
  • 丰台网站建设多少钱泉州网页网站制作
  • 如何查看网站的流量罗湖中心区做网站
  • 网站建设域名是什么网站建设费计入什么科目比较好
  • 网站内链优化策略建筑电气与智能化
  • 手机网站免费wordpress 修改页面内容
  • 网页投票链接怎么做上海百度seo公司
  • 公司网站建设开源平台网站建设饱和了吗
  • 新媒体 网站建设 管理规范wordpress分页链接
  • 企业网站申请永久婚恋网站排名前三
  • 网站建设方案书 备案跨境电商要投资多少钱
  • 没有备案做盈利性的网站违法吗宿迁58同城二手房出售
  • 自己网站上做淘宝搜索引擎手机制作网站软件
  • 广州网站建设推广公司哪家好炫酷个人网站
  • 万域网站建设订票网站模板
  • 室负责做好网站建设及维护手机企业网站开发
  • 58同城网网站建设沈阳关键词排名首页
  • 高端定制网站建设兰州网站建设索王道下拉
  • 甜品制作网站wordpress怎么改中文字体
  • 文山网站开发代理小企业网站建设
  • 用动态和静态设计一个网站十大房产网站排行榜
  • js跳转到别的网站今天国际新闻大事
  • wifi扩展器做网站泰安seo优化
  • 做佩戴护身符的厂家网站富阳网站
  • 做外贸比较好的网站怎么制作网站
  • 区域城市分站网站怎么做wordpress 数据库清理