前端瓦达希-CSDN博客

原创创建基于vue项目的静态网站

如果要测试操作步骤是否有误，可以浏览器输入域名访问网站试试，如果出现报错，很大可能是服务器的配置文件信息有误，例如：域名不正确，root根目录放置html文件的路径不正确，也可能是项目代码本身的问题。如果只是测试的时候用，并不发布到云端，可以选择阿里云提供的这个免费的测试版本，这个测试版本的对域名有要求，不支持部分特殊域名，具体还是查看上面的公告信息。添加的端口范围如下，我们一般选择SSH（22），HTTP（80），MySQL（3306），Redis（6379），其它按项目需求来。

2024-09-09 20:03:50 1127

原创阿里云部署前端vue项目（云效代码库，流水线）

依次点击“分支”->“新建分支”，新建用于开发的分支，建议新建新分支而不直接在master分支上开发项目原因：master分支通常被视为项目的稳定版本基线，是项目“生产就绪”的代码集合，直接在主分支上进行开发会增加引入不稳定代码的风险，从而影响整个项目的稳定性和可靠性，在多个开发人员或团队同时工作时，每个人或每个团队可以在自己的分支上进行独立的开发和测试，而不会相互干扰，通过创建新的开发分支，可以在该分支上提交更改，并通过代码审查流程进行审查，审查通过后，可以将更改合并回主分支，这一过程更加清晰和可控。

2024-09-07 22:52:55 1115

原创 Springboot项目本地连接并操作MySQL数据库

CrossOrigin(origin=“*”)：允许所有来源访问该url，解决本地访问跨域问题@RestController：@Controller和@ResponseBody的组合，它告诉Spring这个类是一个控制器（Controller），并且所有的方法返回的内容都直接写入HTTP响应体中，而不是解析为跳转路径，这通常用于RESTful Web服务，其中返回的数据是JSON或XML等格式。

2024-09-06 21:54:29 2224 1

原创 Windows安装并运行Redis

找到解压缩后的文件夹位置，然后按下“win+R”打开cmd，进入文件夹，执行redis-server.exe redis.windows.conf运行Redis。Redis的默认端口为6379，且最初无密码，如果想要改变这些配置，可以在redis.windows.config配置文件里面修改。进入github里面下载需要的Redis版本，我这里是Redis-x64-5.0.14.1.zip，然后解压缩。运行成功后会出现如下情况。

2024-05-13 22:03:44 231 1

原创 springboot项目实现发送短信验证码接口

4）进入阿里云的短信服务SDK示例，创建一个实现短信发送的类，复制SDK示例代码，更改相关参数（AccessKeyId，AccessKeySecret，phoneNumbers,SigneName，templateCode，templateParam）：我这里开始的时候因为是测试，短信发送频率不是很高，所以购买了最低套餐的服务，3个月200条短信。2）创建springboot项目，pom.xml文件里安装相关依赖，版本号根据项目实际情况而定（签名和模板申请审核通过后，购买套餐服务。

2024-05-13 21:51:18 578 1

原创基于MyBatis数据库交互的Spring项目报错解决方法

在Springboot中通常用@Mapper注解来标记Mapper接口，并使用MyBatis的Spring Boot Starter来自动配置MyBatis和Mapper扫描。1）在resources资源文件夹下创建UserMapper.xml文件，且目录结构与UserMapper.java相同，我这里是com.myself.app.mapper。此错误表示Spring框架在尝试自动装配一个UserMapper类型的bean到应用程序中，但是没有在Spring配置中找到该bean的定义。

2024-05-06 21:47:57 408 2

原创双击IDEA软件没有反应

然后双击idea.bat运行，查看有无报错信息，出现如下信息代表IDEA文件编码配置问题，我这里是由于在IDEA将编码格式改成了UTF8，关闭IDEA后再双击就无反应了。用记事本打开idea.bat并编辑，在最后一行添加。原因：IDEA软件安装路径有中文导致编码出错。将文件夹的中文删除即可。

2024-04-21 20:01:52 798 1

原创克隆阿里云云效代码出错

例如我为某某阿里云账号云效代码库配置了公钥codeup_x，将公钥内容复制粘贴到SSH里面后，克隆云效代码到本地，在git bash里面就应该执行git clone git@如果自己还未有公钥则点击个人设置->SSH公钥的“生成它”去生成公钥；若已有公钥则打开C盘的.ssh文件夹下的公钥，然后复制粘贴到SSH。如果克隆时遇到其它问题，首先排查克隆的路径里是否有相同名字的代码文件夹，复制的密钥SSH是否存在或拼写是否有误等。公钥未添加至个人设置的SSH公钥里面。克隆时的SSH密钥错误。文件的Host名字)

2024-04-07 20:02:45 314

原创 uni-app+Vue2+vue.js+css3实现滑动删除效果

滑动结束时触发touchEnd函数：记录结束滑动时的位置,并结合初始位置计算滑动距离(距离自行设置),这里设置的当滑动距离大于20时出现删除按钮,若右滑动,恢复初始位置。这里使用了动态绑定data_type属性方法，允许我们动态设置属性值，该值将基于组件的当前状态或数据。data_type用来表示是否已经将单元格滑至左侧，“1”为已滑动，“0”为复原。）点击删除按钮：采用$emit方法携带id,告知父组件删除对应id的单元格。）开始触摸单元格时触发touchStart函数：记录滑动的初始位置。

2024-03-25 16:34:19 570

原创 vue3+ element-plus+css：开展活动表单填写页面样式

表明你在尝试比较一个字符串类型（string）和一个正则表达式类型（RegExp），这是不合理的，因为这两种类型在JavaScript中没有交集。为正则表达式，^：字符串开始，1：第一位字符为“1”，[3-9]：3-9的任意一个数字，\d{9}：\d为数字，\d{9}表示9位任意数字，$字符串结束。使用test方法检查手机号是否满足regex正则表达式，如果手机号存在且不满足正则表达式，则给出相应提示；）当输入值变化时检测第二位是否为2，第一位是否不为1。）手机号填写完成后，用正则表达式检验手机号格式。

2024-03-10 23:06:37 576 1

原创 Vue父、子组件传参，子组件监听父组件参数变化：

sonIndex是子组件接收到的参数名字（名字可变化）, fuIndex是父组件传给子组件的参数。子组件的props代表接收参数，type为参数格式，可为“String/Boolean/Array/JSON”等，default是当接收到的参数为空时，默认的参数值。，监听参数变化，sonindex为监听的某个参数名称，若这个参数发生变化，则触发监听器执行sonindex()函数里面的语句。父：v-on双向绑定传参事件。：采用$emit方法。

2024-03-09 22:14:05 1627

原创对JSON数组对象属性名称数据从大到小排序

/ 假设我们想要根据 ' carbohydrate ' 属性来排序。方法：用JavaScript的arr.sort()数组排序法，console.log(‘排序后的新数组’, newArr);按照字符串的Unicode码点顺序对数组元素进行排序。如果结果为负数（a大于b），那么。如果结果为正数（b大于a），"name":"鸡蛋",

2024-03-07 22:13:00 648

原创阿里云k8s多集群配置及问题解决

检查kubeconfig文件的context的name名称是否存在，我这里报错找不到该集群是由于我的config文件里配置的name是kubenetes-admin，而正确的name写法应该是kubenetes-admin-c498f5…（以本人目前所在团队为例，由于要满足两个不同的公司开发环境，申请了两个阿里云账号，每个公司对应的阿里云账号运行的应用和环境不同，所以就有两个不同的。隔离性：不同的业务或团队可能需要独立的环境来开发和运行应用，多集群可以提供环境隔离，确保不同业务或团队之间的互不干扰。

2024-02-22 16:52:11 1610 1

原创 css如何修改固定的组件样式

电脑按下F12，在浏览器上查看样式（可修改为自己想要的样式）然后在自己的代码里修改对应class选择器的样式。通用样式（修改组件固定样式）

2024-02-02 21:56:11 577

原创如何解决vscode运行npm install报错问题

方案二：终端运行set PUPPETEER_SKIP_DOWNLOAD=1设置环境变量，然后。最后npm run serve，不需要npm install。但是运行流水线时可能会报错。方案三：检查npm和node版本是否兼容，若不兼容需前往。where node查看node安装位置。，最后再运行一次npm install。下载相应node版本并保存至原来的位置。先按下图执行相应命令。

2024-02-02 14:19:21 1864 1

MWNGTAIQI的博客