基于Picker的受限权限适配方案

于 2024-07-23 13:53:16 发布
阅读量507 收藏 4
点赞数 13
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hongxiaomeng/article/details/140634188
版权

Picker由系统独立进程实现，应用可以通过拉起Picker组件，用户在Picker上选择对应的资源（如图片、文档等），应用可以获取Picker返回的结果。

类型

受限权限

使用的picker

音频

ohos.permission.READ_AUDIO，ohos.permission.WRITE_AUDIO

AudioViewPicker

文件

ohos.permission.READ_DOCUMENT，ohos.permission.WRITE_DOCUMENT

DocumentViewPicker

照片

ohos.permission.READ_IMAGEVIDEO，ohos.permission.WRITE_IMAGEVIDEO

PhotoViewPicker

联系人

ohos.permission.READ_CONTACTS

Contacts Picker

相机

ohos.permission.CAMERA

Camera Picker

扫码

ohos.permission.CAMERA

扫码Picker

卡证识别

ohos.permission.CAMERA

卡证识别Picker

文档扫描

ohos.permission.CAMERA

文档扫描Picker

目前支持的Picker组件有：

  • 音频Picker（AudioViewPicker）：选择、保存音频文件。
  • 文件Picker（DocumentViewPicker）：选择、保存文档文件。
  • 照片Picker（PhotoViewPicker）：选择、保存图片文件。
  • 联系人Picker（Contacts Picker）：选择联系人。
  • 相机Picker （Camera Picker）：拍照、录制。
  • 扫码Picker：扫码。
  • 卡证识别Picker：识别并提取卡证信息。
  • 文档扫描Picker：拍摄文档并转化为高清扫描件。
  • 投播组件Picker：可用于将音视频资源投放到其它设备播放。

音频Picker

使用音频Picker（AudioViewPicker）可访问、保存用户公共目录的音频文件。

  • 在应用需要申请权限ohos.permission.READ_AUDIO以访问用户公共目录的音频文件时，可以使用FilePicker中的AudioViewPicker替代，使用方式请参考：选择音频类文件。
async function example13() {
  try {
    let audioSelectOptions = new picker.AudioSelectOptions();
    let audioPicker = new picker.AudioViewPicker();
    audioPicker.select(audioSelectOptions).then((audioSelectResult: Array<string>) => {
      console.info('AudioViewPicker.select successfully, audioSelectResult uri: ' + JSON.stringify(audioSelectResult));
    }).catch((err: BusinessError) => {
      console.error('AudioViewPicker.select failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('AudioViewPicker failed with err: ' + JSON.stringify(err));
  }
}
  • 在应用需要申请权限ohos.permission.WRITE_AUDIO以修改用户公共目录的音频文件时，可以使用FilePicker中的AudioViewPicker替代，使用方式请参考：保存音频类文件。
async function example16() {
  try {
    let audioSaveOptions = new picker.AudioSaveOptions();
    audioSaveOptions.newFileNames = ['AudioViewPicker01.mp3'];
    let audioPicker = new picker.AudioViewPicker();
    audioPicker.save(audioSaveOptions).then((audioSaveResult: Array<string>) => {
      console.info('AudioViewPicker.save successfully, audioSaveResult uri: ' + JSON.stringify(audioSaveResult))
    }).catch((err: BusinessError) => {
      console.error('AudioViewPicker.save failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('AudioViewPicker failed with err: ' + JSON.stringify(err));
  }
}
  • save返回的uri权限是读写权限，可以根据结果集中uri进行文件读写等操作。注意不能在picker的回调里直接使用此uri进行打开文件操作，需要定义一个全局变量保存uri，使用类似一个按钮去触发打开文件。使用fs.openSync接口，通过uri打开这个文件得到fd。这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。最后再将通过fs.read读取到selecturi的音频文件的buffer，再通过fd使用fs.writeSync接口将buffer写入这个音频文件，编辑修改完成后关闭fd。
Button('写入音频')
  .backgroundColor('#0D9FFB')
  .fontSize(20)
  .fontColor('#FFFFFF')
  .fontWeight(FontWeight.Normal)
  .align(Alignment.Center)
  .type(ButtonType.Capsule)
  .width('90%')
  .height(40)
  .margin({ top: 5, bottom: 5 })
  .onClick(() => {
    let file = fs.openSync(selecturi, fs.OpenMode.READ_WRITE)
    let file1 = fs.openSync(saveuri, fs.OpenMode.READ_WRITE)
    let arrayBuffer = new ArrayBuffer(5120000);
    fs.read(file.fd, arrayBuffer)
    fs.writeSync(file1.fd, arrayBuffer);
    fs.close(file1)
    fs.close(file)
  })

文件Picker

使用文件Picker（DocumentViewPicker）可访问、保存公共目录中非媒体类型的文件。

  • 在应用需要申请权限ohos.permission.READ_DOCUMENT以访问用户公共目录中非媒体类型的文件时，可以使用FilePicker中的DocumentViewPicker替代，使用方式请参考：选择文档类文件。
async function example07() {
  try {
    let documentSelectOptions = new picker.DocumentSelectOptions();
    let documentPicker = new picker.DocumentViewPicker();
    documentPicker.select(documentSelectOptions).then((documentSelectResult: Array<string>) => {
      console.info('DocumentViewPicker.select successfully, documentSelectResult uri: ' + JSON.stringify(documentSelectResult));
    }).catch((err: BusinessError) => {
      console.error('DocumentViewPicker.select failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('DocumentViewPicker failed with err: ' + JSON.stringify(err));
  }
}
  • 在应用需要申请权限ohos.permission.WRITE_DOCUMENT以修改用户公共目录中非媒体类型的文件时，可以使用FilePicker中的DocumentViewPicker替代，使用方式请参考：保存文档类文件。
async function example10() {
  try {
    let documentSaveOptions = new picker.DocumentSaveOptions();
    documentSaveOptions.newFileNames = ['DocumentViewPicker01.txt'];
    let documentPicker = new picker.DocumentViewPicker();
    documentPicker.save(documentSaveOptions).then((documentSaveResult: Array<string>) => {
      console.info('DocumentViewPicker.save successfully, documentSaveResult uri: ' + JSON.stringify(documentSaveResult));
    }).catch((err: BusinessError) => {
      console.error('DocumentViewPicker.save failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('DocumentViewPicker failed with err: ' + JSON.stringify(err));
  }
}
  • save返回的uri权限是读写权限，可以根据结果集中uri进行文件读写等操作。注意不能在picker的回调里直接使用此uri进行打开文件操作，需要定义一个全局变量保存uri，使用类似一个按钮去触发打开文件。使用fs.openSync接口，通过uri打开这个文件得到fd。这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。最后通过fd使用fs.writeSync接口对这个文件进行编辑修改，编辑修改完成后关闭fd。
Button('写入文件')
  .backgroundColor('#0D9FFB')
  .fontSize(20)
  .fontColor('#FFFFFF')
  .fontWeight(FontWeight.Normal)
  .align(Alignment.Center)
  .type(ButtonType.Capsule)
  .width('90%')
  .height(40)
  .margin({ top: 5, bottom: 5 })
  .onClick(() => {
    let file = fs.openSync(uri, fs.OpenMode.READ_WRITE);
    console.info('file fd: ' + file.fd);
    let writeLen = fs.writeSync(file.fd, 'hello, world');
    console.info('write data to file succeed and size is:' + writeLen);
    fs.closeSync(file);
  })

照片Picker

使用照片Picker（PhotoViewPicker）可访问、保存公共目录的图片或视频文件。

  • 在应用需要申请权限ohos.permission.READ_IMAGEVIDEO以访问用户公共目录的图片或视频文件时，可以使用PhotoViewPicker替代，使用方式请参考：使用Picker选择媒体库资源。
async function example01() {
  try {
    let photoSelectOptions = new picker.PhotoSelectOptions();
    photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE;
    photoSelectOptions.maxSelectNumber = 5;
    let photoPicker = new picker.PhotoViewPicker();
    photoPicker.select(photoSelectOptions).then((photoSelectResult: picker.PhotoSelectResult) => {
      console.info('PhotoViewPicker.select successfully, photoSelectResult uri: ' + JSON.stringify(photoSelectResult));
    }).catch((err: BusinessError) => {
      console.error('PhotoViewPicker.select failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('PhotoViewPicker failed with err: ' + JSON.stringify(err));
  }
}
  • 在应用需要申请权限ohos.permission.WRITE_IMAGEVIDEO以保存用户公共目录的图片或视频文件时，可以使用安全控件替代，使用方式请参考：使用安全控件创建媒体资源。
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  @State saveButtonOptions: SaveButtonOptions = {
    icon: SaveIconStyle.FULL_FILLED,
    text: SaveDescription.SAVE_IMAGE,
    buttonType: ButtonType.Capsule
  } // 设置安全控件按钮属性
 
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        SaveButton(this.saveButtonOptions)// 创建安全控件按钮
          .onClick(async (event, result: SaveButtonOnClickResult) => {
            if (result == SaveButtonOnClickResult.SUCCESS) {
              try {
                let context = getContext();
                let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
                // 需要确保fileUri对应的资源存在
                let fileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/test.jpg';
                let assetChangeRequest: photoAccessHelper.MediaAssetChangeRequest =
                  photoAccessHelper.MediaAssetChangeRequest.createImageAssetRequest(context, fileUri);
                await phAccessHelper.applyChanges(assetChangeRequest);
                console.info('createAsset successfully, uri: ' + assetChangeRequest.getAsset().uri);
              } catch (err) {
                console.error(`create asset failed with error: ${err.code}, ${err.message}`);
              }
            } else {
              console.error('SaveButtonOnClickResult create asset failed');
            }
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

联系人Picker

使用联系人Picker（Contacts Picker）可读取联系人数据。

在应用需要申请权限ohos.permission.READ_CONTACTS以读取联系人数据时，可以使用Contacts Picker替代，使用方式请参考：选择联系人。

async function demo() {
  contact.selectContacts((err: BusinessError, data) => {
    if (err) {
      console.log(`selectContacts callback: err->${JSON.stringify(err)}`);
      return;
    }
    console.log(`selectContacts callback: success data->${JSON.stringify(data)}`);
  });
}

相机Picker

使用相机Picker （Camera Picker）可实现拍照、录制。

在应用需要申请权限ohos.permission.CAMERA以使用相机时，可以使用Camera Picker替代，使用方式请参考：cameraPicker.pick。

async function demo1() {
  try {
    let pickerProfile: picker.PickerProfile = {
      cameraPosition: camera.CameraPosition.CAMERA_POSITION_BACK
    };
    let pickerResult: picker.PickerResult = await picker.pick(mContext,
      [picker.PickerMediaType.PHOTO, picker.PickerMediaType.VIDEO], pickerProfile);
    console.log("the pick pickerResult is:" + JSON.stringify(pickerResult));
  } catch (error) {
    let err = error as BusinessError;
    console.error(`the pick call failed. error code: ${err.code}`);
  }
}

扫码Picker

使用扫码Picker可调用相机，实现默认界面扫码。

在应用需要申请权限ohos.permission.CAMERA以使用相机扫码时，可以使用扫码Picker替代，使用方式请参考：默认界面扫码。

// 定义扫码参数options
let options: scanBarcode.ScanOptions = {
  scanTypes: [scanCore.ScanType.ALL],
  enableMultiMode: true,
  enableAlbum: true
};
// 可调用getContext接口获取当前页面关联的UIAbilityContext
scanBarcode.startScanForResult(getContext(this), options).then((result: scanBarcode.ScanResult) => {
  // 收到扫码结果后返回
  hilog.info(0x0001, '[Scan CPSample]', `Succeeded in getting ScanResult by promise with options, result is ${JSON.stringify(result)}`);
}).catch((error: BusinessError) => {
  hilog.error(0x0001, '[Scan CPSample]',
    `Failed to get ScanResult by promise with options. Code:${error.code}, message: ${error.message}`);
});

卡证识别Picker

使用卡证识别Picker可调用相机，识别各类证件并提取卡证信息。

在应用需要申请权限ohos.permission.CAMERA以使用相机识别卡证时，可以使用卡证识别Picker替代，使用方式请参考：卡证识别。

Stack({ alignContent: Alignment.Top }) {
  CardRecognition({
    // 此处选择身份证类型作为示例
    supportType: CardType.CARD_ID,
    callback: ((params: CallbackParam) => {
      hilog.info(0x0001, TAG, `params code: ${params.code}`)
      hilog.info(0x0001, TAG, `params cardType: ${params.cardType}`)
      hilog.info(0x0001, TAG, `params cardInfo front: ${JSON.stringify(params.cardInfo?.front)}`)
      hilog.info(0x0001, TAG, `params cardInfo back: ${JSON.stringify(params.cardInfo?.back)}`)
    })
  })

文档扫描Picker

使用文档扫描Picker可调用相机，拍摄文档并转化为高清扫描件。

在应用需要申请权限ohos.permission.CAMERA以使用相机扫描文档时，可以使用文档扫描Picker替代，使用方式请参考：文档扫描。

@Component
struct DocDemoPage {
  @State docImageUris: string[] = []
  private docScanConfig = new DocumentScannerConfig()
 
  aboutToAppear() {
    this.docScanConfig.supportType = [DocType.DOC, DocType.SHEET]
    this.docScanConfig.isGallerySupported = true
    this.docScanConfig.editTabs = []
    this.docScanConfig.maxShotCount = 3
    this.docScanConfig.defaultFilterId = FilterId.ORIGINAL
    this.docScanConfig.defaultShootingMode = ShootingMode.MANUAL
    this.docScanConfig.isShareable = true
    this.docScanConfig.originalUris = []
  }
 
  build() {
    Stack({ alignContent: Alignment.Top }) {
      DocumentScanner({
        scannerConfig: this.docScanConfig,
        onResult: (code: number, saveType: SaveOption, uris: string[]) => {
          hilog.info(0x0001, TAG, `result code: ${code}, save: ${saveType}`)
          uris.forEach(uriString => {
            hilog.info(0x0001, TAG, `uri: ${uriString}`)
          })
          this.docImageUris = uris
        }
      })
        .size({ width: '100%', height: '100%' })
    }
    .width('100%')
    .height('100%')
  }
}

投播组件Picker

使用投播组件Picker，可用于将音视频资源投放到其它设备播放。

使用方式请参考：投播组件。

@Component
struct Index {
  private onStateChange(state: AVCastPickerState) {
    if (state == AVCastPickerState.STATE_APPEARING) {
      console.log('The picker starts showing.')
    } else if (state == AVCastPickerState.STATE_DISAPPEARING) {
      console.log('The picker finishes presenting.')
    }
  }
 
  build() {
    Row() {
      Column() {
        AVCastPicker({ normalColor: Color.Red, activeColor: Color.Blue, onStateChange: this.onStateChange })
          .width('40vp')
          .height('40vp')
          .border({ width: 1, color: Color.Red })
      }.height('50%')
    }.width('50%')
  }
}

 

hongxiaomeng
关注
  • 13
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于picker-view的日期选择器
03-22
基于picker-view的日期选择器，只有年月日选择，uni-app自带的组件不适合利用按钮触发调用，该组件可用在uni-popup里，点击按钮获取
微信小程序基于picker实现级联菜单
01-03
<picker bindchange=bindPickerChange0 value={{brandindex}} range={{brands}}> <view class=picker> 品牌：{{brands[brandindex]}} </picker> <picker bindchange=bindPickerChange1 value={{index1}} ...
daterangepicker中文示例
12-09
daterangepicker是一款广泛应用于网页开发中的时间范围选择插件，它基于JavaScript库jQuery，为用户提供直观、易用的日期和时间范围选择功能。在网页中集成daterangepicker，可以极大地提升用户体验，尤其是在需要...
基于daterangepicker日历插件使用参数注意的问题
08-29
daterangepicker是一款广泛应用于网页中的日历插件，它允许用户选择日期范围，并提供了丰富的自定义选项。在使用daterangepicker时，有一些关键参数需要注意，以确保其功能能够正确地按照预期工作。 首先，若要显示...
eclipse本地的jar包配置Junit环境
最新发布
07-23
用于在eclipse中导入本地的jar包配置Junit环境，版本应该是JUnit4， 配置详情可参照我的博文：http://t.csdnimg.cn/GaqTZ
龙飞嵌入式POS餐饮应用方案介绍.doc
07-23
嵌入式
Struts 2.0 Java归档库文件包
07-23
Struts2.0是Java Web开发中非常重要的一个框架，它是Apache软件基金会的Jakarta项目下的一个产品。这个框架主要用于构建MVC（Model-View-Controller）架构的应用程序，为开发者提供了一种组织应用程序结构、处理HTTP请求以及展示数据的方式。在本压缩包中，包含的是一些Struts2.0的核心jar包、源代码和实例，这些内容对于学习和理解Struts2.0的工作原理和实际应用是非常有帮助的。 我们来详细解析一下Struts2.0的关键知识点： 1. **MVC模式**：Struts2.0基于MVC设计模式，它将应用程序的逻辑分为三个部分——模型（Model）、视图（View）和控制器（Controller）。模型负责业务逻辑，视图负责数据显示，控制器负责接收用户请求并调用相应的模型方法，更新视图。 2. **Action类**：在Struts2中，Action类是处理业务逻辑的核心组件。开发者需要创建Action类，并实现execute()方法，该方法会响应用户的请求，执行相应的业务操作。 3. **配置文件**：Struts2使用XML配
分拣设备_包括零件图_机械3D图可修改打包下载.zip
07-23
分拣设备_包括零件图_机械3D图可修改打包下载.zip
springcloud：Config配置中心demo源码案例演示
07-23
springcloud：Config配置中心demo源码案例演示
课程设计源码、报告资源
07-23
课程设计源码和报告资源是学生们在完成课程设计时经常需要寻找的重要资料。这些资源可以帮助学生理解课程设计的要求，掌握相关的编程技能，并最终完成符合要求的课程设计作品。以下是一些获取课程设计源码和报告资源的途径： 一、学校资源 课程资料： 大多数学校会在课程开始时提供相关的教材、课件和参考资料，其中可能包含课程设计的示例源码和报告模板。 学生可以积极利用这些资源，从中获取灵感和指导。 图书馆： 学校的图书馆通常收藏有大量的专业书籍和期刊，其中可能包含与课程设计相关的源码和报告。 学生可以通过图书馆的检索系统查找相关资源，并借阅或复印使用。 实验室和机房： 学校的实验室和机房往往配备有专业的软件和硬件设备，学生可以在这里进行课程设计的实践操作。 同时，实验室和机房也可能存放有往届学生的课程设计作品和源码，供学生参考和学习。 二、网络资源 在线课程平台： 如慕课网（MOOCs）、网易云课堂等在线课程平台提供了丰富的课程资源，其中可能包含与课程设计相关的视频教程、源码和报告示例。 学生可以根据自己的需求选择合适的课程进行学习，并参考其中的源码和报告。 开源社区和代码托管平台： 开源社区如Git
b055艺体培训机构业务管理系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
艺体培训机构业务管理系统在对开发工具的选择上也很慎重，为了便于开发实现，选择的开发工具为Eclipse，选择的数据库工具为Mysql。以此搭建开发环境实现艺体培训机构业务管理系统的功能。其中管理员管理用户，新闻公告。 艺体培训机构业务管理系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，艺体培训机构业务管理系统都可以轻松应对。 学员信息管理页面，此页面提供给管理员的功能有：学员信息的查询管理，可以删除学员信息、修改学员信息、新增学员信息，还进行了对用户名称的模糊查询的条件。课程信息管理页面，此页面提供给管理员的功能有：查看已发布的课程信息数据，修改课程信息，课程信息作废，即可删除，还进行了对课程信息名称的模糊查询 课程信息信息的类型查询等等一些条件。活动信息管理页面，此页面提供给管理员的功能有：根据活动信息进行条件查询，还可以对活动信息进行新增、修改、查询操作等等。公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。
运用YOLOv5模型进行垃圾类别目标识别
07-23
本项目采用YOLOv5实现垃圾分类目标检测。利用大量已标注目标检测数据集进行训练，对居民生活垃圾图片进行检测，找出图片中属于哪个类别的垃圾，并指示出在图片中的位置。 本工程YOLOv5使用PyTorch版的ultralytics/yolov5，在Windows系统上进行垃圾分类目标检测的项目演示。具体项目过程包括：数据集及格式转换、探索性数据分析（EDA）、安装软件环境、安装YOLOv5、修改YOLOv5代码(为支持中文标签）、训练集和测试集自动划分、修改配置文件、准备Weights&Biases训练可视化工具、训练网络模型、测试训练出的网络模型和性能统计。。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
探索Python的迭代世界：迭代器与生成器全解析
07-23
Python是一种广泛使用的高级编程语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进来区分代码块，而不是使用大括号或关键词）。这使得Python被认为是一种易于学习的语言，同时具备强大的功能，适合初学者和经验丰富的程序员。 Python的主要特点包括： 1. **易于学习**：Python有相对较少的关键字，结构简单，和一个明确定义的语法。 2. **易于阅读**：Python代码定义的清晰度使得它像可执行伪代码。 3. **易于维护**：Python的成功在于它的源代码是相当容易维护的。 4. **广泛的标准库**：Python的标凑库很庞大，包含用于互联网通信、网络通信、数据压缩、加密、系统管理等的模块。 5. **跨平台**：Python可以在多种操作系统上运行，包括但不限于Windows、Mac OS X、Linux等。 6. **解释型语言**：Python是一种解释型语言，这意味着开发过程中没有编译步骤。 7. **动态类型系统**：Python不会在编写
代码随想录训练营第五天
07-23
代码随想录训练营第五天
海康嵌入式笔试题.doc
07-23
嵌入式
深入解析COM技术核心，资源由网络分享整理，如有侵权请联系我
07-23
COM（Component Object Model）技术是微软推出的一种组件对象模型，它允许不同应用程序之间的软件组件进行交互。本书“COM技术内幕”深入浅出地探讨了COM的核心概念、设计原则以及实现方法，是系统学习COM的宝贵资源。以下是关于COM技术的一些关键知识点： 1. **COM基础**：COM是一个二进制标准，定义了组件之间如何通信，它独立于编程语言，使得不同语言编写的组件可以无缝协作。COM组件是自我描述的，通过接口来提供服务，并且支持多线程和跨进程通信。 2. **接口**：在COM中，接口是一组方法的集合，定义了组件的行为。每个接口都由一个唯一的接口ID（IID）标识，客户端通过IID调用组件的方法。接口是纯虚的，不允许包含数据成员。 3. **组件注册**：COM组件在系统中使用注册表进行注册，这使得系统知道组件的位置和存在。注册信息包括组件的类ID（CLSID）、接口ID、服务器类型（本地或远程）等。 4. **类工厂**：COM组件通过类工厂（Class Factory）实例化，类工厂负责创建组件的实例。客户端通过接口调用类工厂的CreateInsta
Ruby编程语言简介，资源由网络分享整理，如有侵权请联系我
07-23
Ruby是一种面向对象的、动态类型的编程语言，由日本的松本行弘(Yukihiro Matsumoto)于1995年设计并开发。它强调简洁、优雅的语法，旨在提高程序员的生产力，使代码更易读、易写。Ruby语言在设计时就考虑到了人性化，它的哲学是“人比计算机更重要”。 Ruby的基础知识包括以下几个方面： 1. **变量**：Ruby中的变量分为五种类型，分别是局部变量（以小写字母或下划线开头）、实例变量（以`@`开头）、类变量（以`@@`开头）、全局变量（以`$`开头）和常量（以大写字母开头）。它们各自有不同的作用域和用途。 2. **数据类型**：Ruby支持多种数据类型，如字符串(String)、整数(Integer)、浮点数(Float)、布尔值(Boolean)、数组(Array)、哈希(Hash)、符号(Symbol)等。其中，哈希是Ruby的一大特色，它以键值对的形式存储数据。 3. **控制结构**：包括条件语句（如if/else、unless、case/when）和循环（如for、while、until、each）。Ruby还提供了块（block）和 Proc 对
C语言数据结构：基于EasyX的飞机订票系统，有前端界面
07-23
C语言数据结构：基于EasyX的飞机订票系统，有前端界面
精选30款传统网页设计模板
07-23
网页设计对用户体验和视觉效果至关重要，“30套经典网页设计模板”助力高效创建网站。这套资源为新手和专家提供预置页面结构、色彩、字体及交互元素，简化设计过程。遵循设计原则，确保界面清晰易用，适配各类网页如企业、电商或个人站点。特色包括响应式布局适应多屏，精心挑选的色彩激发情感，优质字体与图像增强视觉，清晰导航助用户探索，交互设计提升操作感，考虑SEO优化，代码规范利于维护，支持个性化调整，跨浏览器兼容，是学习和创新设计的理想素材。 简言之，此套模板集是学习与实践网页设计的宝贵资料，既适合初学者掌握基础，也便于专业人员快速启动项目。。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
el-date-picker 适配移动端具体代码实现
04-05
为了适配移动端，我们需要对 `el-date-picker` 进行以下调整： 1. 引入并使用 `vant` 组件库中的 `DatetimePicker` 组件，替代 `el-date-picker`。 2. 在 `DatetimePicker` 组件中设置 `type` 为 `date`，即可实现选择日期的功能。 3. 取消 `DatetimePicker` 组件的底部按钮，改为点击遮罩层即可确认选择。 下面是具体的代码实现： ```vue <template> <div> <van-datetime-picker v-model="value" type="date" @confirm="onConfirm"></van-datetime-picker> </div> </template> <script> import { DatetimePicker } from 'vant'; export default { components: { 'van-datetime-picker': DatetimePicker }, data() { return { value: '' } }, methods: { onConfirm(value) { // 处理选中的日期 } } } </script> <style scoped> /* 样式调整 */ .van-picker__toolbar, .van-picker__confirm, .van-picker__cancel { display: none; } </style> ``` 在页面中直接使用 `el-date-picker` 的地方，改为使用上述代码即可。需要注意的是，由于 `van-datetime-picker` 的样式可能与 `el-date-picker` 不完全一致，需要根据实际情况进行微调。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值