【笔记11】uniapp点击复制;mysql数据库存储emoji表情;Java 二维码生成;uniapp引入自定义图标

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS PostgreSQL,集群系列 2核4GB
简介: 做公司的项目,给微信小程序体验版添加了新的页面,提交测试的时候没有任何效果。上网搜索了解后,知道:若 pages.json 文件发生了变化,尤其是首页路径发生了变化。代码上传成功后,需要在后台手动设置一下首页路径,或者取消体验版,重新生成体验版二维码。

前言

公司提供了新项目,下面罗列该项目的一些功能,和部分实现方法。

一、uniapp 实现点击复制某段文本

https://uniapp.dcloud.net.cn/api/system/clipboard.html#setclipboarddata
上面是官方文档。

uni.setClipboardData(OBJECT)
设置系统剪贴板内容。
在这里插入图片描述

uni.setClipboardData({
    data: 'hello',
    success: function () {
        console.log('success');
    }
});


uni.getClipboardData(OBJECT)
获取系统剪贴板内容。
在这里插入图片描述

uni.getClipboardData({
    success: function (res) {
        console.log(res.data);
    }
});

二、MySQL 数据库存储 emoji 表情

三、Layui 的富文本编辑器

四、谷歌 Java 二维码生成

(1) 引入 MAVEN 依赖

        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>core</artifactId>
            <version>3.3.0</version>
        </dependency>
        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>javase</artifactId>
            <version>3.3.0</version>
        </dependency>

https://www.cnblogs.com/vettel0329/p/11090666.html

五、微信体验版提交之后没有效果

做公司的项目,给微信小程序体验版添加了新的页面,提交测试的时候没有任何效果。上网搜索了解后,知道:若 pages.json 文件发生了变化,尤其是首页路径发生了变化。代码上传成功后,需要在后台手动设置一下首页路径,或者取消体验版,重新生成体验版二维码。
① 进入下图页面
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

六、uniapp 引入自定义图标(通过阿里图标库)

https://www.iconfont.cn/
https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html#api

1、访问阿里图标库,选择喜欢的图标,并加入购物车。在这里插入图片描述
2、点击页面右上角【购物车】图标后会有弹框,在弹框中点击【添加至项目】
在这里插入图片描述
在这里插入图片描述

3、确定后进入项目。点击项目设置 ,对图标库进行一些设置。

在这里插入图片描述
在这里插入图片描述

4、项目名称和项目描述根据自己需求填写, fontClass 是图标的前缀 ,需要传入组件type属性,fontFamily 是图标集名称,需要传入组件custom-prefix 属性,字体格式可以只勾选 ttf

在这里插入图片描述

5、点击第 4 步的 save(确定)按钮后进入下图页面,在下图页面中点击【download code】把图片库下载到本地

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6、将 iconfont.ttf、iconfont.css 放到项目根目录 static 下

在这里插入图片描述

7、打开 iconfont.css 文件,修改 @font-face 的 src 属性的值为刚刚添加的 ttf 文件的路径

@font-face {
  font-family: "iconfont"; /* Project id 3505657 */
  src: url('/static/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-security-fill:before {
  content: "\e78b";
}  

通过上述操作 ,现在就获得一个可以自定义的图标库。

8、使用自定义图标库的字体图标

① 在项目根目录的 App.vue 文件中引入我们自己添加的 iconfont.css 文件。注意文件的存放路径。通过 @import 引入的外部样式需要写在 style 标签有效内容中的最前面

<style>
    /* 引入自定义字体图标库 */
    @import url("@/static/iconfont.css");    
    
</style>

② 使用 custom-prefixtype 属性自定义图标

<template>
    <view class="content">
        <view class="wechat-security"> 
             <uni-icons custom-prefix="iconfont" 
             type="icon-security-fill" size="18"></uni-icons> 
             此内容已通过微信安全认证
        </view>
    </view>
</template>

③ 如果报错说:unknown custom element(具体报错忘记了)需要按照一下 uni-icons 组件
在这里插入图片描述

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
13天前
|
NoSQL Java 关系型数据库
Liunx部署java项目Tomcat、Redis、Mysql教程
本文详细介绍了如何在 Linux 服务器上安装和配置 Tomcat、MySQL 和 Redis,并部署 Java 项目。通过这些步骤,您可以搭建一个高效稳定的 Java 应用运行环境。希望本文能为您在实际操作中提供有价值的参考。
77 26
|
3天前
|
存储 druid 分布式数据库
列式存储数据库与超市的关系?
列式存储数据库是一种高效的数据管理方式,类似于超市将相似商品集中摆放。它将相同类型的数据(如年龄、价格)归类存储,便于快速查询和压缩,广泛应用于市场分析、财务报告和健康数据分析等领域。知名产品包括HBase、ClickHouse、Druid和Apache Cassandra等,适合处理大规模数据和实时分析任务。
20 4
|
13天前
|
存储 Java
Java 11 的String是如何优化存储的?
本文介绍了Java中字符串存储优化的原理和实现。通过判断字符串是否全为拉丁字符,使用`byte`代替`char`存储,以节省空间。具体实现涉及`compress`和`toBytes`方法,前者用于尝试压缩字符串,后者则按常规方式存储。代码示例展示了如何根据配置决定使用哪种存储方式。
|
20天前
|
安全 Java 编译器
Kotlin教程笔记(27) -Kotlin 与 Java 共存(二)
Kotlin教程笔记(27) -Kotlin 与 Java 共存(二)
|
20天前
|
Java 开发工具 Android开发
Kotlin教程笔记(26) -Kotlin 与 Java 共存(一)
Kotlin教程笔记(26) -Kotlin 与 Java 共存(一)
|
17天前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码,采用SpringBoot、Vue、MySQL技术开发
基于B/S架构,采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统,适用于三甲医院,支持二次开发。该系统能自动监测全院患者药物不良反应,通过移动端和PC端实时反馈,提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块,确保精准、高效地处理ADR事件。
|
26天前
|
存储 数据库
快速搭建南大通用GBase 8s数据库SSC共享存储集群
本文介绍如何GBase8s 数据库 在单机环境中快速部署SSC共享存储集群,涵盖准备工作、安装数据库、创建环境变量文件、准备数据存储目录、修改sqlhost、设置onconfig、搭建sds集群及集群检查等步骤,助你轻松完成集群功能验证。
|
27天前
|
Java 编译器 Android开发
Kotlin教程笔记(28) -Kotlin 与 Java 混编
Kotlin教程笔记(28) -Kotlin 与 Java 混编
30 2
|
28天前
|
关系型数据库 MySQL Java
MySQL索引优化与Java应用实践
【11月更文挑战第25天】在大数据量和高并发的业务场景下,MySQL数据库的索引优化是提升查询性能的关键。本文将深入探讨MySQL索引的多种类型、优化策略及其在Java应用中的实践,通过历史背景、业务场景、底层原理的介绍,并结合Java示例代码,帮助Java架构师更好地理解并应用这些技术。
27 2
|
19天前
|
存储 Oracle 关系型数据库
服务器数据恢复—华为S5300存储Oracle数据库恢复案例
服务器存储数据恢复环境: 华为S5300存储中有12块FC硬盘,其中11块硬盘作为数据盘组建了一组RAID5阵列,剩下的1块硬盘作为热备盘使用。基于RAID的LUN分配给linux操作系统使用,存放的数据主要是Oracle数据库。 服务器存储故障: RAID5阵列中1块硬盘出现故障离线,热备盘自动激活开始同步数据,在同步数据的过程中又一块硬盘离线,RAID5阵列瘫痪,上层LUN无法使用。