- 博客(54)
- 收藏
- 关注
原创 微信小程序代码体积过大上传失败——分包处理
在app.json中,与pages 同级下新建数组 ''subpackages", 添加与第一步对应的页面路径。以上分的两个子包的路径为 /packageA/pages/action/action。把原本的pages目录下的部分页面放到 packageA或者 packageB。在根目录创建packageA、packageB。
2024-06-28 15:58:50
212
原创 微信小程序根据蓝牙RSSI信号强度测试设备距离
在做小程序连接蓝牙设备的时候,有需求表明在搜索到0.5米之内的设备时自动连接。蓝牙模组只提供了RSSI信号强度,那又该如何计算蓝牙设备距离小程序的距离呢?通过以下公式做大量测试:求 A、n 的平均值。
2024-06-28 10:25:15
493
原创 12、云服务器上搭建环境
第三步:把解压后的包移入到 /usr/lib/jvm下面(路径可以自定义,配环境变量时对应上就好了)显示nginx表示启动成功,此时可以在浏览器直接输入服务器地址回车,就可以看到nginx默认页面了。有很多,比如mobax、xshll等等,我这里选择mobax,下载个免费版的即可。第一步,创建远程连接的用户,用户默认为root,密码为远程服务器的密码。*** 在哪个目录下执行的wget 就下载到了哪个目录 ***输入完成后,按Esc键后,输入 :wq!第二步,输入远程公网IP,选择刚刚创建的用户。
2024-06-14 10:40:25
433
原创 11、云服务购买并开放安全组
需要先注册后再登录,新用户有优惠的,也有免费试用的,学生的还有学生价,用来玩选个最便宜的就ok了。*** 记住服务器的公网IP 和 设置服务器密码,用于后续进行终端远程连接服务器时使用。我这里已经买过所以没有试用的和第一次优惠的价格了(99 元/年)自定义的端口:比如此项目用了 5173 这个端口了。登录后点击产品 选择云服务器ECS。
2024-06-14 10:35:44
156
原创 10、前后端本地端联调
打开前端项目、在根目录下新建 .evn.development .env.production 两个文件,分别添加以下内容。// 添加环境变量(vite项目 前缀必须以 VITE 开头,通过 import.meta.env 来读取环境变量)// .env.production (暂时没有生产环境,先和开发环境一致,后面后端部署到生产时,再更改这个地址)更改Add.vue文件(其实跟5.4步骤的没有变化,确认以下最终代码,在页面新增测试)样式部分可以根据自己的喜欢来调整(项目重点是打通前后端流程及部署)
2024-06-12 09:23:57
423
原创 2、使用到了哪些技术栈
直接下载最新版安装即可,也可以私聊我直接发安装包、idea、datagrip我给你提供激活码。开发工具:vscode、idea、datagrip。
2024-06-12 09:16:35
49
原创 8、项目目录结构创建
resources/mapper:存放sql脚本的文件。controller:后端控制器,用于路由导航。service:存放写业务逻辑代码的接口。 impl:实现service的目录。mapper:存放mapper方法的。commen:存放公共代码的。config:存放配置代码的。entity:存放实体代码的。
2024-06-11 09:31:42
36
原创 9、编写业务逻辑
/ 查询是根据title条件和分页查询的,这里在sql里默认写死为5条数据了(主打简便,可以根据自己的想法更改)响应实体:(随便封装的,可以根据自己的想法封装)
2024-06-11 09:27:44
221
原创 7、安装依赖、连接数据库
连接本地数据库,第一次连接会提示安装驱动,保持网络畅通跟着点击即可。打开idea中的后端项目,安装依赖、更改配置、连接数据库。创建一个数据库(数据库名称可以自取)右击数据库新建控制台,用于创建数据表。打开datagrip软件。创建一个blog的表。
2024-06-11 09:21:26
168
原创 6、后端项目初始化
Lombok:写实体类的时候添加@Data注解后就会自动加上get set等方法,操作方便快捷。打开idea后, New Project ,用Maven构建 Spring Boot 项目。点击Next后:先勾选两个基本的依赖,后面再手动添加其它需要的依赖。Spring Web: 表示是一个web应用程序。
2024-06-07 14:52:11
270
原创 5、搭建前端项目
然后在assets文件夹下创建一个 tailwind.css 文件(名称可以自定义) 写上以下代码,并引入到入口文件main.js。在src下新建views文件夹,在views下新建blog文件夹,在blog下新建List.vue 和 Add.vue 文件。安装Element-Plus并引入到入口文件 main.js (这里使用了全局引入,按需引入的参考官网,很简单)会生成 tailwind.config.js 和 postcss.config.js 文件即可。// tailwind.css文件。
2024-06-07 14:39:49
255
原创 4、后端本地环境搭建
一直傻瓜式的点next就可以(保持网络畅通),安装路径可以自己设置(我这里就默认安装到c盘了),过程中会有一个默认的用户信息 root,和下一步提示设置密码的操作,设置的密码要记住,后面进入mysql的时候需要输入;这时候就可以进入mysql,输入以下命令、会提示输入密码、再输入安装时设置的密码就可以进入mysql进行操作了。window + s 搜索查看高级系统设置—— 高级 —— 环境变量 —— 系统变量。下载完成后双击安装的 jdk ,点下一步,选择安装目录,一直点下一步,直到结束。
2024-06-07 14:23:46
104
原创 3、前端本地环境搭建
node默认的下载镜像在国外,所以在后面开发过程中可能会出现下载依赖失败的情况,为了避免这种情况,这里设置一下国内的镜像源、方便后面快速下载(如果你有魔法就不用设置了)window + s键,搜索查看高级系统设置,双击打开 —— 高级 —— 环境变量 —— 系统变量 ——点击path进去,把node的安装目录添加进去确认即可。查看是否已经安装完成 npm属于弄得下的一个包,node安装完成,npm自动有了。出现以下情况表示安装完成,如果为出现以下情况,请联系我给你处理~输入以下命令查看安装情况。
2024-06-07 14:09:14
404
原创 1、项目介绍:为什么要做此项目。
全栈开发博客实战项目:前后端开发流程以及项目部署随着互联网的蓬勃发展,全栈开发成为了越来越受欢迎的趋势。前端开发和后端开发之间的紧密合作和协同工作已经成为了现代软件开发中的重要组成部分。然而,许多开发者在学习和工作的过程中往往只专注于前端或后端,缺乏对整个开发流程的全面了解。因此,有必要通过一个实际的全栈开发项目来帮助这些开发者深入理解全栈开发的流程和方法。项目背景:在过去,博客的建立往往需要一定的技术门槛,需要熟悉前端、后端以及数据库等多个领域的知识。
2024-06-07 14:06:55
272
原创 小程序NFC连接步骤
该接口用于获取用于 NFC 的小程序 scheme 码,适用于 NFC 拉起小程序的业务场景。目前仅针对国内非个人主体的小程序开放。获取access_token:HTTPS。经过微信认证的非个人主体小程序。面向智能硬件生产企业或开发者。调用方式:HTTPS。
2024-04-19 17:06:52
523
原创 微信小程序连接蓝牙
第六步:获取特征值id,并保证在了本地(也可以挂在全局,方便另一个页面获取),跳转到对应页面,这里你可以封装一下,我这里做demo就没封装,五个方法,分别获取IOS端和安卓端的对应读写和监听的特征值,一定要根据蓝牙的板子获取对应正确的特征值(为true的才能进行后面的连接和读写操作),慢慢调试。第五步:获取服务id,不同蓝牙设备,不同机型,获取的服务值不一样,根据你自己的蓝牙板子和机型来获取,一定要获取准确,错了就读写不了蓝牙设备。第八步:测试读写,看蓝牙串口与小程序是否有通信。第二步:搜索蓝牙设备。
2024-04-19 11:29:06
1555
原创 手写防抖,节流
节流:在一定时间内触发一次(以3秒为例,比如在3秒内频繁操作一个方法,只触发一次)防抖:在一定时间之后触发(以3秒为例,比如频繁点击某个按钮,每次都会重新计算,在3秒后才执行一次)
2024-01-25 17:39:15
535
原创 泛微E9-OA前端组件二开
后端用户中心:门户引擎 – 门户页面 – 登录后页面 – 点击集团下需要添加的门户的公司按下f12选中组件查看元素id,后面分配权限需要用到。
2023-12-21 13:40:04
1358
原创 idea 编译类的工具
配置工具// 名称、描述自定义Program: explorer.exeArguments: /select,"$OutputPath$\$FileDirRelativeToSourcepath$\$FileNameWithoutExtension$.class"Working directory: $ProjectFileDir$效果最后在本地的某个位置有这个.class类文件
2023-12-14 08:50:42
72
原创 vue中的修饰符
prevent:阻止默认行为(e.preventDefault())用法:v-on:submit.prevent。self:当在event.target是当前元素自身时触发 用法:v-on:click.self。stop:阻止冒泡(e.stopPropagation())用法:@click.stop。capture:事件从自身开始往下捕获 用法:@click.capture。native:监听根元素的元素事件 用法:v-on:click.native。left:左击 用法:@click.left。
2023-12-12 15:53:23
189
原创 前端防止调试技术
3、第三种 根据浏览器宽高、与打开F12后的宽高进行比对,有差值,说明打开了调试,则替换html内容。1、第一种 可以通过定时任务检测开发者工具是否被打开,再配合刷新页面来实现禁止调试。2、第二种 禁止右键菜单, 禁止F12快捷键 防止调试。到此结束,够用了就行!
2023-12-07 17:35:46
371
原创 For input string错误
遇到一个问题,用mapper做数据库插入时间类型字段的时候,会报 For input string: "2023-10-22"错误。在mapper里会自动把时间的带数字自动转换为数字,而我的数据库里面存的又是String,所以导致这个错误。在mapper里插入时,用单引号包裹双引号的内容,就会自动转为String类型的,就能解决这个问题了!
2023-11-23 14:54:32
357
原创 spring-boot连接xxl-job定时任务
今天在做定时任务刷数据时候遇到了问题。下面是从头开始做的定时任务。1.第一步安装所需要的依赖。2.启动命令开启定时器。
2023-11-23 14:45:22
371
原创 业务代码读取apollo上的配置
前提条件是已经搭建了apollo配置首先代码里面安装了apollo依赖项目入口启动时用了@EnableApolloConfig注解。
2023-11-09 09:31:30
88
原创 钉钉小程序内使用uCharts,各种花里胡哨图表都可以
最近做钉钉小程序需要使用到图表展示的功能,刚开始想到antd/f2,但是放在钉钉小程序里是有各种问题的,支付宝官方网上推荐使用antd/my-f2,用了之后还是会存在一些问题,比如环形图图上的点击事件是拿不到的,点击某区域放大效果也是不生效,索性放弃了它,找到uCharts。
2023-11-09 09:14:31
748
1
原创 使用apollo远程管理spring-boot配置
之后在apollo上更改配置发布后会自动重新启动项目。pom.xml增加apollo依赖。2、spring-boot项目。1、搭建好的apllo服务器。在服务器上重启项目即可。
2023-10-18 10:44:59
117
1
原创 前后端发布流程
后端项目package打包后生成的jar包扔去linux服务器上,再创建一个脚本后台启动项目,执行./start.sh。前端项目打包后生成的build文件夹,扔到linux服务器上,可以随意取名字,这里更名为task-web。发布后端、发布前端、nginx代理前后端映射。至此,前后端项目就能在浏览器进行访问了。服务器上已经安装jdk、nginx。配置好后,重新启动nginx即可。
2023-10-17 11:27:17
134
原创 钉钉小程序模拟器出现Provisional headers are shown
我这个问题属于开发工具缓存问题,点击清除缓存没用,关闭开发工具重新打开也没用,最后试着点击详情把忽略的HTTP和忽略的web-view选中后,再取消选中,就神奇的正常了!模拟器调试网络请求出现 Provisional headers are shown。2、如果是因为https调用不行,可以找运维看下是否是ssl证书失效。1、如果是后端接口postman调用不了,就找后端处理下。后端接口postman 调用正常,小程序真机调试也正常。3、开发工具缓存问题。
2023-10-17 10:21:45
301
1
原创 钉钉跳转到小程序某个页面
必须用encodeURIComponent包裹小程序页面路由,?后面的为携带的参数,此参数可以在小程序 onLoad生命周期的参数里接收,miniAppId等是创建小程序后生成的应用信息;(下面的_xcx_url 可以通过ajax传给后端,后端把这个地址放在卡片需要跳转的位置即可)场景:比如在钉钉应用里面通过发送的卡片跳转到某个小程序里。可以通过 小程序 scheme进行跳转。点击进入任务后跳转到对应的小程序。
2023-10-07 17:55:26
916
3
原创 iframe安全策略
限制iframe页面源地址白名单:通过设置iframe的src属性,指定白名单加载iframe页面,不在白名单的源地址可以不加载页面或者给出警告设置iframe的sandbox属性:sandbox(沙箱)属性可以将iframe中的内容限制在一个安全的环境中,可以禁止脚本执行、禁止访问父页面、禁止向其他网站发送请求CSP(Content Security Policy):CSP是一种安全策略,可以限制网页中资源的加载;可以防止XSS(跨站脚本攻击)安全漏洞
2023-09-26 13:46:23
452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人