
前端
文章平均质量分 85
vue、layui等相关技术栈
Java升级之路
野生程序员
生活体验家
扎根一线
记录和分享各种技术干货,进步的路上一起努力
公众号「Java升级之路」原创作者
展开
-
耗时几个月,终于决定把原本想用于商业的系统开源了
这个项目是基于脚手架项目搭建而成,原本是帮朋友公司做的一个租赁管理系统,用来管理房态信息、办理入住等。对方没给设计图、也没有提具体需求,只是让我凭感觉来做。在项目做了几个月后,因业务调整,所以就没有后续了,想着与其直接删除还不如开源分享给大家一起讨论学习。项目虽然没有做的很完整,但是整体的数据架构还算是可以的,可以很容易进行功能完善和添加新功能。由于本人的精力有限,还有很多地方没法完善,如有感兴趣的朋友,欢迎加入一起完善,共同进步!原创 2023-05-15 14:58:46 · 1065 阅读 · 1 评论 -
上传文件很费时费力?那是你没用对方式
嗨,大家好,我是希留,一个被迫致力于全栈开发的老菜鸟。传送门发布后有不少伙伴反馈,前后端分离的项目更好的上传方式是使用前端直传的方式。于是我查阅相关文档,连夜把项目里的上传方式改成前端直传了(项目的技术栈是Springboot + Vue),发现上传速度明显提升了。所以这篇文章就来说说,前端直传的方式应该怎么弄呢?原创 2022-11-23 10:08:22 · 691 阅读 · 0 评论 -
【项目部署】使用Jenkins一键打包部署前端Vue应用
嗨,大家好,我是希留,一个被迫致力于全栈开发的老菜鸟。上一篇文章我们讲到了使用Jenkins一键打包部署SpringBoot应用,这一次我们来讲下如何一键打包部署前端应用,以Vue前端应用为例。本文介绍了docker安装nginx,以及Jenkin配置node环境来打包部署前端应用。原创 2022-10-13 12:04:46 · 2018 阅读 · 0 评论 -
前端Vue项目如何集成百度地图实现地图选址功能
嗨,大家好,我是希留。近日接到了一个地图选址的需求,大致就是添加地址信息时,需要打开地图,记录详细地址以及经纬度信息。高德地图、百度地图、腾讯地图等主流的地图服务商都提供了免费的API接口,因此只需要选择一个就能实现这个需求,这里我选用的是百度地图。下面就记录一下我是如何集成百度地图实现这个需求的。本文仅仅简单介绍了百度地图选址的基本功能,而百度地图也提供了大量的功能与服务,可根据自己项目的需要去探索实现相关需求。原创 2022-09-20 16:53:12 · 4332 阅读 · 2 评论 -
登录校验之滑块验证码完整实现(vue + springboot)
嗨,大家好,我是希留。验证码一直是各类网站登录和注册的一种校验方式,是用来防止有人恶意使用脚本批量进行操作从而设置的一种安全保护方式。随着近几年技术的发展,人们对于系统安全性和用户体验的要求越来越高,大多数网站系统都逐渐采用行为验证码来代替传统的图片验证码。今天这篇文章就来记录一下,我是如何实现从前端、到后端校验的整个流程的。原创 2022-09-08 09:35:15 · 22945 阅读 · 58 评论 -
vue实现tagsview多页签导航功能
基本上后台管理系统都需要有多页签的功能,但是因为一些脚手架项目基本都把这个功能给集成好了,导致在学习或者修改的时候不知道该如何下手。今天这篇文章就来聊一聊,vue-element-admin项目是如何实现多页签功能的。...原创 2022-08-04 15:47:13 · 9524 阅读 · 4 评论 -
layui 鼠标悬停提示文字效果实现
背景:项目里有个需求是在表格左上侧有个文字显示。因为有多行文字,直接显示出来会把表格撑大,不够美观。故需要改为鼠标悬停提示文字。项目里使用的是layui框架,因此想到用layer弹出组件的tips实现。代码示例如下:// 鼠标悬浮提示文字var tip_html = "<p>学籍异动休学申请开放时间:" + r.data.xxStime + '~' + r.data.xxEtime + " </p>" + "<p&g原创 2022-03-08 16:52:39 · 5920 阅读 · 2 评论 -
【前端Vue学习系列】三、Vue进阶篇
系列文章目录文章目录系列文章目录前言一、组件1. 局部组件2. 全局组件二、自定义指令三、Vue实例的生命周期四、路由1、先导入vue-router库,编写路由2、使用路由跳转五、状态管理1. State2. Getters3. Mutations4. Actions5. Modules六、axios总结前言Hi,大家好,我是希留。上篇文章带大家了解了Vue的一些基础用法,仅仅掌握一些基础的用法是不够的,还需要有更深入的了解,所以今天的文章咱们来聊聊Vue的进阶篇,废话不多说,开始燥起来!原创 2021-08-25 09:16:54 · 572 阅读 · 1 评论 -
【前端Vue学习系列】二、Vue基础篇
系列文章目录【前端Vue学习系列】一、初识Vue文章目录系列文章目录前言一、Vue项目的目录结构二、基本语法1.基本数据渲染和指令2.双向数据绑定3.修饰符4.缩写5.计算属性6.侦听属性7.条件渲染8.列表渲染9.过滤器总结前言上篇文章带大家认识了Vue,以及初始化了一个Vue工程的项目。今天继续介绍一下Vue的一些基础用法。一、Vue项目的目录结构使用开发工具(idea、webstorm、vscode…)打开Vue项目。由于后端用idea的比较多,这里以idea为例(需要安装Vue.原创 2021-08-17 09:27:41 · 445 阅读 · 1 评论 -
【前端Vue学习系列】一、Vue初识
文章目录前言一、为什么学习Vue?二、Vue是什么?三、Vue的特点1.MVVM模型2.双向绑定3.虚拟DOM4.组件式开发5.指令化四、开始使用Vue1.单页面使用Vue2.创建Vue项目2.1 安装Node.js2.2 配置npm环境变量2.3 安装vue-cli脚手架2.4 初始化一个vue项目总结前言Hi,大家好,我是希留。现在前后端分离技术越来越流行,很多公司的传统Jsp项目也慢慢重构成前后端分离的项目,虽然大型公司都是有专门的前端人员,但是也有很多的公司是前后端代码分离,但是人不分离的。原创 2021-08-11 09:28:23 · 697 阅读 · 1 评论 -
一篇文章,带你了解微信扫码登录
文章目录前言一、功能背景二、扫码登录原理1.基本原理三、实现效果图1.登录页2.点击微信账号登录3.已绑定微信的账号4.未绑定微信号的账号四、代码实现1.准备工作2.编写代码总结前言Hi,大家好,我是希留。很多PC端的网站都有使用微信扫码登录的功能,不需要输入用户名和密码,打开手机微信扫一扫,就可以自动登录,确实很便捷。那么,它是如何实现快捷登录的呢?本篇文章就带大家通过真实项目的登录场景来了解一下微信扫码登录的整个流程。如果对你有帮助的话,还不忘点赞支持一下,感谢!一、功能背景公司的平原创 2021-06-12 13:53:02 · 3108 阅读 · 1 评论