0. 序在最近的项目中想实现一个验证码发送的前端人机校验,发现市面上使用的多的是滑块验证码,本想查查有没有纯js实现的,尝试了很多办法都没有实现,只能找模块一键引入了。
vue3-puzzle-vcode是vue3版本的,也有vue2的,自行百度吧。
1. 安装npm安装
1npm install vue3-puzzle-vcode --save
2. 使用1234567891011121314151617181920212223<template> <Vcode :show="isShow" @success="onSuccess" @close="onClose"/> <button @click="onShow">开始验证</button></template> <script setup> import { ref } from "vue"; import Vcode f ...
0.简介实现在微信小程序的点击一键登录的按钮获取当前微信用户唯一且统一的openId,也可以获取手机号和用户名,本来想和网页一起做一个二维码绑定,发现要收300的注册费用。
核心就是小程序前端调用自带的login向后端发送一个带code给后端,后端将这个code和小程序校验的数据给微信,微信返回该用户的唯一openid。
wx.login() 是微信小程序官方提供的用户登录凭证获取接口,其核心功能是:当你在小程序中调用 wx.login() 时,微信客户端会向微信官方服务器发起请求,微信服务器验证请求合法性后,生成一个临时的、唯一的登录凭证,并通过 success 回调函数的 res 参数返回给小程序前端,这个凭证就是 res.code。
1.小程序创建一个简单的登录按钮和显示界面
index.wxml
1234567891011121314<view class="container"> <button class="login-btn" bindtap="getOpenid" o ...
1. Nacos简介Nacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。
Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。 Nacos 是构建以“服务”为中心的现代应用架构 (例如微服务范式、云原生范式) 的服务基础设施。
2. 创建微服务项目2.1 idea创建项目选择普通的maven项目即可,暂时不添加依赖,需要修改maven版本,没有适配最新版本。
删除多余的文件,只剩pom.xml配置文件即可,设置打包方式为pom
<packaging>pom</packaging>
添加spring-cloud-alibaba-dependencies和spring-cloud-dependencies依赖
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 ...
项目实战
未读1. 前言最近写了一个带jsp网页的spring项目,发现需要部署到tomcat才能正常运行,和之前直接打jar包添加java项目有很大的不一样,光是部署就画了很多的时间,这里做一个教程以供后面再次使用。
2. idea打包项目由于需要部署在tomcat上的项目是需要war包的,首先就是将项目构建和打包为war,在pom.xml中添加war包的打包配置就行。
点击项目构建运行会自动编译并且放到本机的tomcat下webapp中解压,但是我们需要将war单独拿出来放到我们的linux服务器上用来手动导入,这里推荐使用宝塔界面可视化会简单直观一点。
3. 安装tomcat不建议安装最新的9.x版本,在宝塔中软件商店直接下载就行
4. 导入项目默认的webapps的路径在
/www/server/tomcat/webapps
直接将上述的war项目压缩包上传到这里就行,重启tomcat会自己扫描并且解压文件到当前目录。
5. 访问项目当上述没有出现问题,访问下列网站可以看到 tomcat是不是启动成功。如果出现tomcat的简介界面就说明tomcat是正常的。
你的ip:8080
...
1. Spring Data JPA简介Spring Data JPA 中文文档 (springdoc.cn)
Spring Data JPA 是 Spring Data 项目的一部分,它提供了一种简化的数据访问方式,用于与关系型数据库进行交互。它基于 Java Persistence API(JPA) 标准,并提供了一套简洁的 API 和注解,使开发人员能够通过简单的 Java 对象来表示数据库表,并通过自动生成的 SQL 语句执行常见的 CRUD 操作。Spring Data JPA 通过封装 JPA 的复杂性,简化了数据访问层的开发工作,使开发人员能够更专注于业务逻辑的实现。它还提供了丰富的查询方法的定义、分页和排序支持、事务管理等功能,使开发人员能够更方便地进行数据访问和操作。简单说就是和mybatis差不错的东西,实现上有所区别。
2. Thymeleaf模板引擎Thymeleaf**一个html模板引擎,简化开发流程
12345678<dependency> <groupId>org.springframework.boot</group ...
后端学习
未读1. OOS 简介阿里云OSS(Object Storage Service)是一种基于云存储的产品,适用于存储和管理各种类型的文件,包括图片、视频、文档等。 阿里云OSS具有高可靠性、高可用性和低成本等优点,因此被广泛应用于各种场景,包括作为图片服务器。
阿里云OSS图片服务提供了多种功能,包括图片信息获取、格式转换、缩放、裁剪、旋转等。用户可以通过简单的RESTful接口在任何时间、任何地点对图片进行处理。此外,阿里云OSS还支持通过URL形式进行图片处理,用户可以通过URL中的QueryString指定处理参数,直接访问处理后的图片,这种方式简单方便,无需编写额外的代码。
1.2. 购买
购买完成后进入OSS创建桶管理
创建一个Key对外访问
1.3 帮助文档ali - OSS官方文档OSS Java SDK兼容性和示例代码_对象存储(OSS)-阿里云帮助中心 (aliyun.com)
12345<dependency> <groupId>com.aliyun.oss</groupId> <artifactId ...
1. lombok简介:lombok作用:提高开发效率,通过注解形式使javabean生成get、set、有参数、无参数、toString等方法,无需手动实现。
1234567<!-- https://mvnrepository.com/artifact/org.projectlombok/lombok --> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.18.24</version> <scope>provided</scope> </dependency>
用法:在实体类上面使用@Data注解即可
2. 连接数据库添加依赖:
12345<dependency> <gro ...
0. 前言依据前面大数据产生的数据进行数据可视化,这里使用的是Power BI。
1. 创建项目
启动Power BI
选择从另一个源获取数据
搜索hive
添加地址
添加需要的报表,选择rs清洗后的报表,由于是清洗后的,不需要进行转换,直接选择加载就行。
完成后数据会出现在右侧
2. 项目设计
插入背景图片
插入可视化对象
填充数据
3. 进阶玩法Power BI可以做成交互式的展示,可以添加多个页面进行点击转跳,这里不做深入了。
0.前言由hadoop搭建完成后,实现一个简单的数据分析案例。
1. DataGrip使用教程前面搭建好的hive,使用DataGrip编辑器可用更具可视化的看见和执行相关的sql,和IDEA一样的,专业版需要破解,建议下载2024.1.X,方便破解,方法自行百度,以下使用2024.1.5进行演示。
windows创建工程文件夹
DataGrip中创建新Project
关联本地工程文件夹
DataGrip连接Hive
配置Hive JDBC连接驱动
配置Hive JDBC连接驱动
返回,配置Hiveserver2服务连接信息
返回,配置Hiveserver2服务连接信息
2. 导入数据2.1 导入数据
将下载好的30万条数据添加到文件夹中
在DataGrip中运行以下命令,创建相应的库和表
123456789101112131415161718192021222324252627282930-- 创建数据库create database db_msg;-- 选择数据库use db_msg;-- 如果表已存在就删除drop tabl ...
0. 前言逐步完成对三台主机的分布式集群进行大数据清洗,不出现错误的话配置大概需要3h左右。
1. 前置准备1.1 VMware准备Linux虚拟机1.首先,我们需要下载操作系统的安装文件,本次使用CentOS7.6版本进行学习:centos-7-isos-x86_64安装包下载_开源镜像站-阿里云 (aliyun.com)
2.在在VMware中安装CentOS操作系统,自行百度,同样的操作克隆出:node2和node3
对虚拟机的内存进行配置:
· node1配置为4G内存node2
· node3配置为2G内存
1.2 配置固定IP地址开启node1,修改主机名为node1,并修改固定ip为:192.168.88.131
12345678910# 修改主机名hostnamectl set-hostname node1#修改IP地址vim /etc/sysconfig/network-scripts/ifcfg-ens33#在其中添加以下字段IPADDR="192.168.88.131"# 重启网卡systemctl stop networksystemctl ...