存放一些自己学习的知识点，可能有错误

原创 基于SpringBoot/vue的医院门诊管理预约系统

本文介绍了门诊管理系统的开发背景及意义，针对传统手工处理方式的不足，提出了基于信息技术的解决方案。系统采用Java/SpringBoot等技术开发，包含数据中心、科室医生档案、预约挂号和医院时政四大功能模块。数据中心负责权限管理，科室模块实现医疗单位信息维护，预约模块优化挂号流程，时政模块促进医患互动。系统可提高就诊效率30%以上，降低挂号错误率，解决了异地就医难题。目前已完成2000+案例验证，提供从开发到答辩的全流程服务，未来将持续优化系统功能。

原创 基于SpringBoot/Vue汽车个性化推荐系统

【摘要】本研究设计开发了一个基于SpringBoot+MySQL的新能源汽车个性化推荐系统，旨在解决传统人工管理模式效率低下的问题。系统采用B/S架构，主要实现三大功能模块：1）用户/商家注册登录模块，支持身份验证与权限管理；2）商家管理模块，提供汽车信息发布与维护功能；3）管理员后台模块，集成用户管理、订单处理、论坛管理等核心功能。通过Ajax技术实现动态交互，结合JAVA数据库连接技术确保系统稳定性。系统测试表明，该方案能有效提升汽车销售行业的信息管理效率，具有界面友好、响应快速等特点。研究参考了20余

原创 基于SpringBoot/vue的果园果树生长监控系统

果树的生长信息管理系统的设计与实现具有重要的研究意义和实际应用价值本系统的设计与实现将有效地促进果树种植业的现代化发展。而本系统通过建立果树生长信息管理平台，可以帮助果农实现对果树生长过程的实时监测、科学管理，提高果树的产量和质量，推动果树种植业向现代化、智能化方向发展。通过对果树生长信息的科学管理，可以提高果树的产量和品质，降低生产成本，提高果农的收益。对页面的各个板块进行详细的设计，规划它们的字体大小，背景颜色，字体颜色和板块大小等。要提升用户的使用效率，让用户可以更加快捷的查询自己想要查询的东西。

原创 Axios封装

【代码】Axios封装。

原创 前端面经（3）--Javascript基础

因为在JavaScript中，不同的对象都是使用二进制存储的，如果二进制前三位都是0的话，系统会判断为是Object类型，而null的二进制全是0，自然也就判断为Object。undefined代表的含义是未定义，一般变量声明了但还没有定义的时候会返回undefined.null主要用于赋值给一些可能会返回对象的变量，作为初始化。parseInt()/parseFloat()/Number 转换成数字型。隐式转换：主要发生在字符串拼接和数字字符串运算的时候。String()把给定的值转换成字符串。

原创 前端面经（2）--CSS3基础

transform: scale(0,0):将元素缩放为0，来实现元素的隐藏。clip/clip-path:使用元素裁剪的方法来实现元素的隐藏，这种方法下，元素仍在页面中占据位置，但是不会响应绑定的监听事件。opacity:0︰将元素的透明度设置为0，以此来实现元素的隐藏。rem:相对于html标签字体大小的单位，作用于根元素的字体大小的时候，相对于初始字体的大小（16px）em:作用于字体的时候相对于父元素的大小，作用于其他的时候相对于自身字体大小的单位。

原创 前端面经（1）--HTML

（2）HTTP标题信息(HTTP-EQUIN):可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(cookie设定)，Window-target(显示窗口的设定),content-Type(显示字符集的设定)等。（1）页面描述信息(NAME):常用的选项有Keywords(关键字)，description(网站内容描述),author(作者),robots(机器人向导)等。nav :标记导航，仅对文档中重要的链接群使用。

原创 弹窗表格组件的封装

2.el-form的ref是为了判断验证是否通过。1.el-form的model和rules。3.el-form-item的prop。4.el-input的v-model。表格需要绑定四个地方的数据。

原创 vue3的宏命令defineProps，defineEmits，defineExpose

const emit = defineEmits(['success']) // 把方法传递给父组件。接受的数据是不能更改的，原则就是谁的数据谁负责，可以传递方法让父组件更改。defineProps用于接收父组件传过来的数据。defineExpose用于向父组件暴露方法。defineEmits用于给父组件传递参数。父组件通过监听success就可以拿到参数。在父组件中通过ref绑定就可以拿到方法。在子组件上定义方法并且暴露出去。

原创 nvm管理node版本

在前端跑一个项目前，我们要先使用npm来下载包，这时候就会很容易报错，这种错误大概率是node的版本不对，为了方便我们切换和管理不同的node版本，可以使用nvm工具，他可以方便的在同一台设备上进行多个node版本之间切换。1.在下载之前先把之前安装的node环境卸载。下载解压后在setting.txt中修改配置。2.在环境设置中配置nvm的安装路径。3.nvm的常用命令。

原创 vue3 使用element-plus动态渲染Icon图标

今天使用vue3+vite重构项目的时候，构建测i边栏的时候需要动态渲染图标。但是动态渲染就不行了，找了半天，终于看到可以使用内置的component组件。但是在vue3中不能这样使用。官方给出的实例是这样的。

原创 Git常用的命令

原创 从0创建一个vue3的项目

我们使用现在流行的pnpm来构建项目，pnpm我感觉是同类工具中最快的一个了，初始化项目只需要一两秒，下载包的速度是npm和yarn的好几倍。然后选择你的配置，你会发现创建速度非常快，一眨眼就出来了。//修改 .husky/pre-commit 配置。3.配置git提交的检查工具husky。//初始化 husky 工具配置。2.配置一下prettier。1.使用npm安装pnpm。在设置里面加入保存自动修复。使用pnpm项目创建项目。4.安装saas预处理器。//配置统一请求地址。

原创 前后端分离项目部署（4）---项目运行

4.运行前端编译文件（该方法时使用的宝塔安装nginx，如果手动安装的话，文件的路径要修改一下）如果首页出现了白屏的现象，我的认为是前端的资源太大，可以在打包的时候进行配置页面的。对文件的压缩可以优化nginx的效率。2.打包后的文件上传。

原创 前后端分离项目部署（3）---宝塔部署环境

2.安装完成之后，又遇到一个问题，我的8888端口在阿里云打开了,但是宝塔的面板打不开。这个入口就是访问放行，目的填写你放行的端口，源可以默认0.0.0.0/0，让所有人访问。宝塔的安装过程可能出现无法启动面板的情况，我找了很多解决方法，这个方法可以解决。自己手动上传配置有点痛苦，如果没有其他的兼容性问题可以使用宝塔部署。在软件商店选择需要安装的软件进行安装，然后在数据库界面建立数据库。使用系统对应的命令，现在基本都是使用Centos的比较多。要用端口的时候一定要去服务器控制台打开端口放行。

原创 前后端分离项目部署（2）---使用远连接部署环境

阿里云控制台有自带的远程连接，我使用的是finallshell,这是一个国产的软件，也可以使用xshell或者其他的（也可以直接使用宝塔安装环境，但是有时候java的jdk需要特定的版本，可以用这种方式进行手动上传安装。这是linux的vim编辑器，“i”是进行插入，写完之后ESC，然后“：wq”保存退出。3.为了防止各种奇怪的权限问题，最好把jdk和ngnix放在usr文件夹里面。如果使用的是linux系统,要下载相应的linux版本的jdk。进行路径配置,改成自己的文件名。2.点击创建的连接进入连接。

原创 前后端分离项目部署（1）---白嫖阿里云服务器

1.第一个是云工开物有学生认证，送300元的优惠券,你就可以拿去买服务器了（这个是2核1M的，可能是太垃圾了，我在部署的过程中经常断掉连接。2.第二个活动就是新人优惠，有七个月的使用，配置都为默认配置。如果你觉得公网IP不爽，还可以去搞一个域名（备案有点麻烦）买的时候注意一定要选公网IP。当然不可能花钱的啦！