java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机

简介: 这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。

前言

一、map 遍历方法

package test.feng;

import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;

/**
 * @ClassName Test
 * @Description TODO
 * @Author admin
 * @Date 2021/6/8 15:38
 * @Version 1.0
 */
public class TestMap {

    public static void main(String[] args) {
        System.out.println("this is text".matches("this is text"));
    }

    public static void main1(String[] args) {
        Map<String, String> map = new HashMap<String, String>();
        map.put("1", "value1");
        map.put("2", "value2");
        map.put("3", "value3");

        //第一种:普遍使用,二次取值
        System.out.println("通过Map.keySet遍历key和value:");
        Set<String> keySet = map.keySet();
        for (String key : keySet) {
            System.out.println("key= " + key + " and value= " + map.get(key));
        }

        //第二种
        System.out.println("通过Map.entrySet使用iterator遍历key和value:");
        Iterator<Map.Entry<String, String>> it = map.entrySet().iterator();
        while (it.hasNext()) {
            Map.Entry<String, String> entry = it.next();
            System.out.println("key= " + entry.getKey() + " and value= " + entry.getValue());
        }

        //第三种:推荐,尤其是容量大时
        System.out.println("通过Map.entrySet遍历key和value");
        for (Map.Entry<String, String> entry : map.entrySet()) {
            System.out.println("key= " + entry.getKey() + " and value= " + entry.getValue());
        }

        //第四种
        System.out.println("通过Map.values()遍历所有的value,但不能遍历key");
        for (String v : map.values()) {
            System.out.println("value= " + v);
        }
    }
}

二、java正则学习

正在学习中~

package test.feng;

/**
 * @ClassName Test
 * @Description TODO
 * @Author admin
 * @Date 2021/6/9 13:58
 * @Version 1.0
 */
public class TestMatches {
    public static void main(String[] args) {
        // study
        System.out.println("this is text".matches("this is text"));
        System.out.println("this     is      text".matches("this\\s+is\\s+text"));
        System.out.println("555".matches("^\\d+(\\.\\d+)?"));
        System.out.println("1.4".matches("^\\d+(\\.\\d+)?"));
        System.out.println("14.333334".matches("^\\d+(\\.\\d+)?"));
        System.out.println("144444.333334".matches("^\\d+(\\.\\d+)?"));
        System.out.println(".144444.333334".matches("^\\d+(\\.\\d+)?"));
        System.out.println(".144444.333334.".matches("^\\d+(\\.\\d+)?"));

        System.out.println("---------------");
        // 第一次斜杠 代表 转义字符
        System.out.println("24524.47".matches("^\\d+(\\.\\d+)?")); // true
        System.out.println("24524.47a".matches("^\\d+(\\.\\d+)?")); // false
        System.out.println("24524.47好".matches("^\\d+(\\.\\d+)?"));
    }
}

三、后端传到前端图片三种情况

第二个方式还未总结完,第一、三个方式总结完成。

1. 图片流数据(InputStream) 转 base64,前端展示保存

a. 后端:输入流转base,直接调用方法

引入

import org.apache.commons.io.IOUtils;
InputStream resourceAsStream = processService.resourceRead(id,type);
byte[] bytes = IOUtils.toByteArray(resourceAsStream);

String encoded = Base64.getEncoder().encodeToString(bytes);

b. 前端显示

HTML中使用和保存:

<img src="data:image/png;base64,..." />
<view class="save" @click="saveAlbum">保存二维码</view>

c. 保存

saveAlbum() {
    uni.getSetting({ //获取用户的当前设置
        success: (res) => {
            if (res.authSetting['scope.writePhotosAlbum']) { //验证用户是否授权可以访问相册
                this.saveImageToPhotosAlbum();
            } else {
                uni.authorize({ //如果没有授权,向用户发起请求
                    scope: 'scope.writePhotosAlbum',
                    success: () => {
                        this.saveImageToPhotosAlbum();
                    },
                    fail: () => {
                        uni.showToast({
                            title: "请打开保存相册权限,再点击保存相册分享",
                            icon: "none",
                            duration: 3000
                        });
                        setTimeout(() => {
                            uni.openSetting({ //调起客户端小程序设置界面,让用户开启访问相册
                                success: (res2) => {
                                    // console.log(res2.authSetting)
                                }
                            });
                        }, 3000);
                    }
                })
            }
        }
    })

},
saveImageToPhotosAlbum() {
    let base64 = this.codeImg.replace(/^data:image\/\w+;base64,/, ""); //去掉data:image/png;base64,
    let filePath = wx.env.USER_DATA_PATH + '/hym_pay_qrcode.png';
    uni.getFileSystemManager().writeFile({
        filePath: filePath, //创建一个临时文件名
        data: base64, //写入的文本或二进制数据
        encoding: 'base64', //写入当前文件的字符编码
        success: res => {
            uni.saveImageToPhotosAlbum({
                filePath: filePath,
                success: function(res2) {
                    uni.showToast({
                        title: '保存成功',
                        icon: "none",
                        duration: 5000
                    })
                },
                fail: function(err) {
                    // console.log(err.errMsg);
                }
            })
        },
        fail: err => {
            //console.log(err)
        }
    })
}

2. 传图片流数据,前端展示保存

a. 后端控制成

OutputStream output = response.getOutputStream();
byte[] buffer = new byte[10240];
for (int length = 0; (length = erWeiMa.read(buffer)) > 0; ) {
    output.write(buffer, 0, length);
}

b. 前端展示

c. 照片保存

downLoad(data){
  let fileName = data.fileName; //下载的文件名字 data是我组件中传出来的
   this.fileDownLoadApi({id:data.id})
       .then(res=>{
           this.$Message.info('正在下载,请稍等...')
           //接受blob格式数据,然后保存起来
           let url = window.URL.createObjectURL(new Blob([res.data]))
           //下载方式。如果浏览器兼容下载,就直接下载
           if(window.navigator&&window.navigator.msSaveOrOpenBlob){
               window.navigator.msSaveOrOpenBlob(new Blob([res.data]),fileName)
           }else{
               //不兼容,利用a标签的点击属性自动下载,之前window.open(url)
               //只是打开一个新的窗口,并不触发下载动作,所以只能模拟a标签点击事件
               var eleLick = document.createElement('a');
               eleLick.download = fileName;
               eleLick.style.display = 'none';
               eleLick.href = url;
               document.body.appendChild(eleLick);
               eleLick.click();
               eleLick.remove();
               //释放
               window.URL.revokeObjectURL(url);
               // window.open(url)
           }
       }).catch(()=>{
           console.log('下载失败了');
       })
},

3. 传图片url,前端展示保存(简单)

a. 后端处理

后端生成图片,存到oss上,返回图片URL。

b. 前端展示

类似这种,直接放上图片URL即可

<img src=https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2496571732,442429806&fm=26&gp=0.jpg" />

c. 保存图片

项目开发用的是uni-app,所以这里下载保存图片也用的是uni-app的方法,方法参数的使用可以看具体官网。当然微信小程序的微信开发文档上面也有微信的保存方法。

uni-app(微信原生开发:微信开发文档)保存图片需要两步:

  1. 先使用 uni.downloadFile({}):下载文件方法; 返回文件临时路径
  2. 再使用 uni.saveImageToPhotosAlbum({}):保存图片到手机。

uni-app文档:https://uniapp.dcloud.io/api/request/network-file?id=downloadfile
微信开放文档:https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.saveFile.html

posterSure(){
    // 保存图片 到手机上
    uni.downloadFile({
        url: this.posterUrl,
        success: function (res) {
            console.log("aaaaaaaaaaaa:",JSON.stringify(res))
            if (res.statusCode === 200) {
                console.log('下载成功');
            }
            uni.saveImageToPhotosAlbum({
                filePath: res.tempFilePath,
                success: function (res) {
                    console.log(res)
                    console.log('下载成功');
                    this.$refs.uToast.show({
                        title: '保存成功',
                        type: 'success'
                    })
                },
                fail: function (res) {
                    console.log(res)
                    console.log('fail')
                }
            })
        },
        fail: function () {
            console.log('fail')
        }
    })
},
相关文章
|
2月前
|
存储 前端开发 安全
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
183 5
|
4月前
|
数据安全/隐私保护 计算机视觉 Python
人脸识别图片眨眼生成器,手机制作人脸眨眼张嘴, 代替真人刷脸软件
代码实现了基于面部特征点的人脸动画生成,包括眨眼和张嘴动作。它使用dlib进行人脸检测和特征点定位
|
5月前
|
人工智能 监控 前端开发
AI工具:前端与后端的终极对决?谁将成为新时代的宠儿?
深入探讨AI工具对前端和后端开发的具体影响、各自的机遇与挑战,并分析未来开发者如何驾驭AI,实现能力跃迁。
257 0
|
6月前
|
存储 消息中间件 前端开发
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
校园圈子系统校园论坛小程序采用uni-app前端框架,支持多端运行,结合PHP后端(如ThinkPHP/Laravel),实现用户认证、社交关系管理、动态发布与实时聊天功能。前端通过组件化开发和uni.request与后端交互,后端提供RESTful API处理业务逻辑并存储数据于MySQL。同时引入Redis缓存热点数据,RabbitMQ处理异步任务,优化系统性能。核心功能包括JWT身份验证、好友系统、WebSocket实时聊天及活动管理,确保高效稳定的用户体验。
404 4
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
|
6月前
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
601 1
|
7月前
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
465 70
|
7月前
|
监控 前端开发 小程序
陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
这款APP通过技术创新,将代练、家政、娱乐社交等场景融合,打造“全能型生活服务生态圈”。以代练为切入点,提供模块化代码支持快速搭建平台,结合智能匹配与技能审核机制,拓展家政服务和商业管理功能。技术架构具备高安全性和扩展性,支持多业务复用,如押金冻结、录屏监控等功能跨领域应用。商业模式多元,包括交易抽成、增值服务及广告联名,同时设计跨领域积分体系提升用户粘性,实现生态共生与B端赋能。
678 12
|
8月前
|
前端开发 算法 NoSQL
前端uin后端php社交软件源码,快速构建属于你的交友平台
这是一款功能全面的社交软件解决方案,覆盖多种场景需求。支持即时通讯(一对一聊天、群聊、文件传输、语音/视频通话)、内容动态(发布、点赞、评论)以及红包模块(接入支付宝、微信等第三方支付)。系统采用前后端分离架构,前端基于 UniApp,后端使用 PHP 框架(如 Laravel/Symfony),配合 MySQL/Redis 和自建 Socket 服务实现高效实时通信。提供用户认证(JWT 集成)、智能匹配算法等功能,助力快速上线,显著节约开发成本。
226 1
前端uin后端php社交软件源码,快速构建属于你的交友平台
|
8月前
|
前端开发 Cloud Native Java
Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
|
8月前
|
JavaScript Java Docker
干货含源码!如何用Java后端操作Docker(命令行篇)
只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~

热门文章

最新文章