- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue + Spring Boot 项目实战:人事管理系统——(2)员工管理页面及方法实现
员工信息管理目录前言一、前端页面的编写1.编写员工管理vue页面二、后端接口的方法实现1.编写实体类2.读入数据总结前言项目登录方法已经实现了，布局已经规划好了，现在在准备员工管理页面的工作提示：以下是本篇文章正文内容，下面案例可供参考一、前端页面的编写1.编写员工管理vue页面项目目录结构如下二、后端接口的方法实现1.编写实体类代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as p
2021-05-13 00:03:45
2746
1
原创 Vue + Spring Boot 项目实战:人事管理系统——(1)登录页面及方法实现
这里写目录标题登录页面及效果实现：前端代码：新建Vue项目后端代码实现：实体类(1.User)实体类(2.Token)工具类(3.ResultUtil)控制层(AuthController)服务层(UserService)Dao层(UserMapper)Mapper文件：登录页面及效果实现：实现登录的功能前端代码：新建Vue项目新建vue项目网上有很多教程，就不再这里举例了，不清楚的可以百度康康教程。这里我采用的vue脚手架，在cmd命令行首先切换你想要新建项目的路径(cd xx盘)，然后输入
2021-05-12 00:03:53
2245
原创 Vue + Spring Boot 项目实战:人事管理系统——完结撒花
项目目录前言技术栈1.前端技术栈2.后端技术栈3.数据库一、研究背景与目的二、可行性分析1.经济可行性2.技术可行性3.操作可行性4.运行可行性三、需求分析总结前言 随着互联网技术和信息技术的不断发展，给人们带来了可观的变化，信息技术广泛地应用到管理工作中，促使管理工作的不断发展，信息化管理已成为了现代管理水平不可或缺的一项重要指标，现如今信息化技术的重要程度已被许多企业认可，将信息技术与自身需要结合，运用到信息管理的改革中，从而取代了传统的纸质数据管理，解决了人们的困扰以及维护和检索的问题。 人
2021-05-11 11:59:39
9795
10
原创 Vue3使用van-uploader遇到某些安卓机型（小米、vivo、oppo等等）无法上传文件解决方案
最近我用的是有赞的上传组件，根据需要限制了文件上传类型，但是上线后，发现苹果手机没有问题，反而一些安卓手机都出现了问题，无法正常选择文件，在调整了限制文件类型后，就正常上传了！！！可喜可贺，以此记录下解决方法，希望能够帮到大家。
2023-07-05 14:54:19
9280
16
原创 JS正则表达式获得img标签属性、img标签和span标签之间的互相转换。
JS正则表达式获得img标签属性、img标签和span标签之间的互相转换。
2023-01-19 17:11:14
1564
原创 解决政务微信ios移动端无法设置顶部title名称
需求场景：政务微信ios端无法修改title属性，在路由守卫设置了属性仍然无法解决解决方案：提示：使用dom操作修改title属性，将方法添加在路由导航守卫中。setDocumentTitle(title) { // 因为在政务微信中ios系统无法通过document修改title，故采取使用document.getElementsByTagName('title') let tagTitleDom = document.getElementsByTagName('title
2022-04-24 14:18:57
455
原创 大四实习已offer公司
已offfer公司一、道一云公司二、广宽公司三、绯影公司一、道一云公司二、广宽公司三、绯影公司# 总结这次面试就4家，通过了三家，也算一个不错的收货。有实习过的同学也可以还麻烦留下你们的实习经历，也让我这个小白有点心理准备...
2021-08-11 19:29:03
242
5
原创 JS算法刷题笔记——day04(牛客前端大挑战第11题)
刷题笔记目录前言一、牛客前端大挑战11题——将字符串转化为驼峰形式二、思路总结前言牛客网有挺多前端知识的干货，大家快冲！一、牛客前端大挑战11题——将字符串转化为驼峰形式css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能以 - 为分隔符，将第二个起的非空单词首字母转为大写-webkit-border-image 转换后的结果为 webki
2021-07-05 11:28:06
464
原创 JS算法刷题笔记——day03(LeetCode入门题)
刷题笔记目录前言一、力扣第28题:实现strStr()总结前言力扣28题，使用js解法实现strStr()一、力扣第28题:实现strStr()给你两个字符串 haystack 和 needle ，请你在 haystack 字符串中找出 needle 字符串出现的第一个位置（下标从 0 开始）。如果不存在，则返回 -1 。代码如下：var strStr = function (haystack, needle) { let str = haystack; let r
2021-07-03 22:13:34
284
原创 算法刷题笔记——day02(LeetCode入门题)
刷题笔记目录前言一、力扣第九题:回文数二、第七题整数回转总结前言基础知识基本学习完了，现在开始专攻算法题，每天都从牛客、力扣、领扣都刷几道算法题，当然啦是从入门的开始咯！一、力扣第九题:回文数题目要求：给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。其实这道题在做的时候，还是挺有思路的，先将字符串转为数组，切割后在进行拼接代码如下： let is
2021-06-28 09:36:16
434
原创 LintCode刷题笔记合集
刷题笔记目录前言一、297题寻找最大值二、判断数字与字母字符总结前言基础知识基本学习完了，现在开始专攻算法题，每天都从牛客、力扣、领扣都刷几道算法题，当然啦是从入门的开始咯！一、297题寻找最大值题目要求：寻找 n 个数中的最大值。return Math.max.apply(this, nums);//使用apply函数二、判断数字与字母字符题目要求：给出一个字符c，如果它是一个数字或字母，返回true，否则返回false。isAlphanumeric(c) { // wri
2021-06-27 17:44:22
1436
原创 Vue + Spring Boot 项目实战:人事管理系统——(4)前端性能基础优化
项目目录前言步骤1.按需导入2.路由懒加载3.BootCDN4.压缩图片总结前言 好消息好消息！！！人事管理系统项目完结撒花了，实在是可喜可贺。前后端都是自己一个人写的，工作量确实大了不少，不过还是在预期下完成了这个项目。在完成项目后，确实有些问题还困扰我，不过还是让我对vue框架有了一定的理解。今天这一期就是前端性能优化的博文，接下来就一起看看！步骤1.按需导入直接引入相信不少人在使用ElementUI的时候，都是按照官网这样的写法import 'element-ui/lib/them
2021-06-13 20:37:38
1018
3
原创 Vue + Spring Boot 项目实战:人事管理系统——(3)回收站页面及方法实现
回收站管理目录前言基本思路一、前端页面的编写1.编写用户回收管理vue页面2.封装api接口3.回收站实现方法二、后端接口的方法实现1.编写回收用户实体类2.控制层3.1服务层3.2服务层实现类4.Dao层5.xml编写6.最后一步(重要)6.1UserController6.2UserMapper6.3UserService6.4UserServiceImpl6.5xml7.页面实现总结前言项目基本快完成了，最近在忙学习其他的，就没来得及写文章，今天就来更新！！！基本思路
2021-05-31 21:44:03
1712
6
原创 CSS学习笔记——动画进阶(八音盒动画效果)
八音盒动画制作： 通过学到了CSS3动画以后，发现通过动画也是可以制作八音盒，话不多说，走起！Demo代码：HTML片段<body> <section> <div></div> <div></div> <div></div> <div></div> <div></div> <div>
2021-05-18 21:19:53
516
原创 CSS学习笔记——动画animation初体验(小熊案例)
文章目录一、动画概念二、动画基本用法1.动画模板2.动画的使用3.小熊案例总结一、动画概念动画是CSS3的一个重要用法，动画使元素逐渐从一种样式变为另一种样式。您可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。二、动画基本用法1.动画模板/* 动画代码,在style样式定义一个动画，名字为example */<style>@keyframes example {/* "from" 和 "to"
2021-05-14 23:33:50
572
原创 关于修改vue项目的favicon.ico图标
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)原因分析：提示：这里填写问题的分析：例如：Handler 发送消息有两种方式，分别是 Handler.obtainMessage()和 Handler.sendMessage()，其中 obtainMessage 方式当数据量过大时，由于 MessageQuene 大小也有限，所以当 message 处理不及时时，会造成先传的数据被覆盖，进而导致数
2021-05-11 00:35:16
1596
原创 重新修改Vue项目在浏览器中打开的项目名字(含图解)
问题描述：在通过vue-li创建vue项目后，由于前期项目名字命名的规范问题，后期想要重新修改，那么问题来了怎么修改呢，其实很简单，跟着我的步骤下就可以更改啦！解决方案：在这里演示的编译器为HBuidler，个人感觉还不错步骤图解：①打开package.json格式的两个文件②分别修改name的值③重新运行项目④修改完成步骤总结：打开package.json格式的两个文件分别修改name的值重新运行项目打开浏览器查看修改后的项目名字...
2021-05-10 21:53:16
3074
原创 Initialization failed for ‘https://start.spring.io‘ Please check URL, network and proxy settings解决方案
项目场景：在新建一个Module的时候，突然就弹出一个对话框，显示初始化加载失败，这里提供一个解决的方法？解决方案：ps:一定要确保你的电脑连接到网络，没有网络连接也是出现初始化加载失败原因。阿里云地址：https://start.aliyun.com连接成功创建Module页面正常显示...
2021-05-08 19:11:24
368
1
原创 CSS学习笔记——精灵图(sprite)
CSS学习笔记目录一、什么是精灵图？二、精灵图的优点三、精灵图的基本用法1、打开ps导入精灵图2、测量字母的大小及坐标3、效果图4、代码实现总结一、什么是精灵图？所谓精灵图就是图片拼合技术，它就是把多张小图合成一张大图，通过css中的background-position属性，显示精灵图中某一个小图标。精灵图如下：二、精灵图的优点采用了精灵图这一技术可以缓解加载时间过长从而影响用户体验的这个问题。在一定程度上减少了页面的加载速度，也一定程度上缓解了服务器的压力。使用精灵图可以有效减少服务
2021-05-06 11:00:57
28207
原创 CSS学习笔记-—学会用PS切图和取色—day03(基本用法)
CSS学习系列文章目录HTML和CSS学习笔记——day01HTML、CSS学习笔记——day02css4.2.4参考手册.zip(免费下载)文章目录CSS学习系列文章目录一、PS测量图片和取色1.打开标尺，测量图片像素大小2.对颜色进行取色3.使用总结二、通过PS进行切图总结一、PS测量图片和取色在前端开发中，我们基本都需要用到PS(photoshop)去完成页面的大部分美工效果，比如图片的像素大小、对小icons的切图等等内容，所以学好ps也是十分重要的呢！1.打开标尺，测量图片像素大小
2021-05-04 10:38:45
264
原创 HTML、CSS学习笔记——day02
CSS学习目录前言一、文本text样式1.基本语法1.引入库1.引入库1.引入库1.引入库二、CSS三大特性（重叠性、优先级、继承性）1.重叠性1总结总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、文本text样式1.基本语法font-size：设置字体大小font-family：设置字体系列font-style：
2021-05-02 21:39:10
161
原创 HTML和CSS学习笔记——day01
学习CSS目录前言一、关于背景图片1、常用语法2、语法总结二、元素的三种显示模式1、常用语法2、语法总结三、复合选择器1、常用语法2、总结总结这几天一直在忙着重新复习CSS基础知识，发现好多知识点都遗忘了，赶紧写个文章记录一下这几天的学习情况。不过话说回来了，前阵子的项目还没来得及更新，如果一天不是24小时该有多好。前言CSS是前端开发中不可缺少的一个基础知识，所以当前打下基础对我们未来的工作或者学习一定有很好的积极因素。一、关于背景图片背景图片基本在每一个项目中都要使用到，那么以下就是一些常见的
2021-05-02 01:08:53
143
原创 Vue中的MVVM模型
MVVM从字面意思来理解就是划分为 View model VIewModel 三个部分，分别表达了View(视图)、Model(数据)、ViewModel(负责两者之间的数据处理操作)。这就类似于Mvc框架中的Model层、View层、congtroller层，MVVM的本质就是MVC的升级版，更好的应用于前端开发。
2021-04-29 22:19:58
3136
2
原创 跨域处理问题解决方案
问题描述：今天在做项目模块化分离的时候，出现了跨域异常的错误，在配置跨域处理类后成功解决问题。解决方案：在utils包下，创建一个CroConfig工具类，专门用于处理跨域请求。(记得添加注解)//将该类标志为配置类，负责跨域处理业务@Configuration@CrossOriginpublic class CroConfig extends WebMvcConfigurerAdapter { /** * 允许跨域调用的过滤器* */ @Override public
2021-04-28 18:10:34
111
原创 SpringCloud搭建Eureka-server
#SpringCloud项目-04.27学习目标：day01-搭建Eureka-server应用(已实现)day02-搭建Eureka-provider应用(待撰写)day03-搭建Eureka-consumer应用(待撰写)day04-搭建Feign应用(待撰写)day05-搭建熔断Hystrix应用(待撰写)day06-搭建网关Zuul应用(待撰写)学习内容：1.引入SpringCloud依赖和eureka-server依赖2.编写配置文件application.yml或者appli
2021-04-28 00:47:58
376
1
原创 仅需一行代码即可为el-table表头添加背景颜色
#vue项目点点滴滴04.25问题描述：在编写前端项目过程中，都少不了表单数据展示。单一的table表头看起来是有点简洁，少了那么点视觉冲击，如何在el-table表头中添加背景颜色呢，仅需一行代码即可完成！！！table用法文档代码如下 :header-cell-style="{ background: '#5ab7c4', color: '#fff' }"添加位置效果图：属性说明：backgorud:表头的背景颜色 ，color：表头字体的颜色心得：每天都挤出点时间来学习，相
2021-04-25 18:33:08
1880
3
原创 解决表单＜el-form＞无法实现重置的方案
## 记录项目点点滴滴04.19问题描述：今天在写<el-form表单的时候，在重置表单数据时，点击事件无效，无法将表单的数据置空。回去看了vue的文档后，发现在<el-form-item没有添加prop属性导致无法重置，最后添加后，解决了问题。解决方案：1.没有在表单中绑定ref对象(可不加:)，正确写法如下2.没有给表单项<el-form-item添加prop属性PS:prop的值要和model绑定的值一致。3.方法实现①在methods方法中写一个重置表单信息的
2021-04-19 18:07:32
1288
1
原创 解决Mapped Statements collection already contains value for com.xxxx(包名)问题
# 记录项目的点点滴滴-2021.04.18问题描述：今天在下mapper文件时在启动项目地时候出现了错误Mapped Statements collection already contains value for com.xx.xx(Dao包名)解决方案：一步一步回去找看看有没有漏写什么属性值，结果发现在xml文件中写多了一个id相同的select方法，注释之后就可以实现啦。在做项目的时候，一定要注意这些细小的细节，才能不断进步，加油冲鸭！（id对应controller下的方法名，res
2021-04-18 17:56:55
424
原创 Echats出现init报错的解决方法
Echats网址Echats使用文档:https://echarts.apache.org/examples/zh/index.html#chart-type-line前言今天做项目的时候，在使用echats出现了下面问题，于是搜了许多解决方法，耗费一点时间后终于解决了问题，图形也可以正常显示了，以下是解决方案(不一定对所有人都有作用)。二、解决方案1.引入库（在main.js文件下引入依赖)代码如下（示例）：import * as echarts from "echarts";//建议按需
2021-04-16 17:24:37
3292
原创 在Vue中将单独一张图片设为背景图并充满整个屏幕
Vue基础知识将单独一张图片设为背景图并充满整个屏幕代码如下(在主div中添加样式) background: url("../xx/images/图片名字.jpg");//这里的地址是用你项目中图片所在的路径为准 background-repeat: no-repeat;//将图片样式不重复 background-size: 100% 100%; //设置图片大小 position: fixed; /* 充满全屏 */ height: 100%; //设置div高度 width
2021-04-12 00:00:45
3795
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人