- 博客(19)
- 资源 (29)
- 收藏
- 关注
RSS订阅原创 vue中接收后台的图片验证码并显示
之前有个用jsp写的前端项目，现在需要把它重构成前后端分离的项目，但是登录时我发现后台给我的图片验证码死活出不来，jsp的那个项目不是我做的，我也不清楚是什么搞得。我把后台传过来的数据打印之后，发现图片验证码是一段数据流，WC，哈哈哈，知道是什么了就好办了<a href="javascript:;"> <img alt="如果看不清楚，请单击图片刷新！" class="pointer img" :src="captcha"
2021-01-28 11:40:20
3307
原创 element UI中的el-tree根据后台数据动态生成树形checkbox，点击提交获取绑定checked项以及实现显示默认checked项
<el-tree ref="tree" :data="menuList" show-checkbox node-key="id" accordion :default-checked-keys="selectedID" :props="permissionProps" @check="checkedList" > </el-tree>
2021-01-28 11:29:39
2006
1
原创 常用的 Git 命令和小技巧（1）
首先我们需要知道一些统一概念：工作区：改动（增删文件和内容）暂存区：输入命令： git add 改动的文件名 ，此次改动就放到了 暂存区本地仓库(简称：本地)：输入命令： git commit 此次修改的描述 ，此次改动就放到了 本地仓库，每个 commit，我叫它为一个 版本。远程仓库(简称：远程)：输入命令： git push 远程仓库 ，此次改动就放到了 远程仓库（GitHub 等)commit-id：输出命令： git log ，最上面那行 commit xxxxxx ，后面的字符串就是c
2021-01-28 10:54:07
289
原创 uni-app请求头中携带token
之前做一个前后端分离项目是，用axios进行交互，访问一些有权限的页面时，需要在请求头中携带token值，在uniapp用uni.request发送请求时我发现浏览器中请求头中并没有携带token，有些有权限的页面也无法加载出来。也找了很多解决方法，基本都是大同小异，发现和我的不太一样，于是就自己弄了一个首先：在登陆成功之后，需要把token保存到本地然后新建一个request.js文件我是这样配置的const BASE_URL = 'http://127.0.0.1:8088'//接口地址
2021-01-28 10:17:49
24095
12
原创 uni-app根据后台数据动态生成树形checkbox，点击提交获取绑定checked项以及实现显示默认checked项
上次做的那个是个非树状的，这次我看从后台传过来的数据是树形的数据，前面的那个方法显然已经不适用了先看做成的效果：方法如下：首先我们需要用到一个组件，tree树组件这个组件和element中的el-tree差不多，用法上有一点点区别下面就直接贴代码了<template> <ly-tree :tree-data="menuList" ref="tree" node-key="id" accordion showCheck
2021-01-28 09:58:55
1192
1
转载 实现 tabBar 单击切换初始化，双击进行页面数据刷新
实现 tabBar 单击切换初始化，双击进行页面数据刷新参考一位大佬的文章我们在使用 uni-app 开发前端时，如果应用是一个多 tab 应用，可以通过使用官方提供的原生 tabBar 来实现页面导航。那么如果我们要实现 tabBar 单击切换初始化，双击进行页面数据刷新，应该如何实现呢？官方在 tabBar 接口文档说没有过多说明，通过查找文档，在 页面生命周期 中发现了相关说明。具体代码如下：<script>export default { onTabItemT
2021-01-27 11:45:32
766
原创 Linux下web服务器的配置
WEB服务器的配置这个配置还是挺简单的，那就看着配一下（1） apt-get install mysql-server mysql-client提供一个MySQL的root用户的密码，New password for the MySQL “root” user:RootRepeat password for the MySQL “root” user:root（2） 安装Apache2apt-get install apache2到浏览器输入http：//192.168.0.23或者使用
2021-01-23 15:23:24
548
原创 uni-app根据后台数据、动态生成checkbox，点击提交获取绑定checked项以及实现显示默认checked项
直接贴代码吧<view class="user"> 为 <text class="username">{{user.userName}}</text> 分配角色 </view> <view class="uni-list"> <checkbox-group @change="checkboxChange"> <label class="uni-list-cell uni-list-ce
2021-01-22 18:32:42
1485
原创 Linux配置Mail服务器
Linux配置MailMail服务器直接开始吧（1） 切换到root（2） 安装相关的软件1、 安装sendmail : apt-get install sendmail2、 安装pop服务 : apt-get install courier-pop3、 安装mailx : apt-get install bsd-mailx4、 安装dns服务: apt-get install bind9（3） 配置DNS服务器1、vim /etc/resolv.conf保存并退出。2 、编
2021-01-22 15:53:19
1080
原创 Linux下配置DNS服务器
Linux下配置DNS服务器域名系统（缩写：DNS）是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库，能够使人更方便地访问互联网。Linux 下配置试试（1） 切换到root下，安装bind9apt-get install bind9（2） 测试是否安装成功（3） 添加服务器vim /etc/resolv.conf3.1） 如果不选择桥接ifconfig eth0 192.168.153.? netmask 255.255.255.0ifconfig eth0
2021-01-22 15:41:41
1163
1
原创 Linux下配置DHCP服务器
Linux下配置DHCP服务器DHCP（动态主机配置协议）是一个局域网的网络协议。指的是由服务器控制一段IP地址范围，客户机登录服务器时就可以自动获得服务器分配的IP地址和子网掩码。默认情况下，DHCP作为Windows Server的一个服务组件不会被系统自动安装，还需要管理员手动安装并进行必要的配置就是自动获取IP地址嘛，那就开始（1） 切换的root下，然后安装DHCP服务apt-get install dhcp3-server（2） 修改监听网卡vim /etc/default/isc-
2021-01-22 14:19:39
338
原创 使用css3实现图片旋转
用CSS语法实现动态旋转css3新增的语法中有个动画属性，今天没事，拿来玩玩动画做成是这样的代码如下：大家可以参考着玩玩<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>旋转
2021-01-20 17:45:18
714
原创 vue 中常用的正则校验（含时间，数字，邮箱，电话，IP等）
var checkEmail = (rule, value, cb) => { // 验证邮箱 const regEmail = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/ if (regEmail.test(value)) { return cb() } cb(new Error('请
2021-01-15 16:59:41
5028
原创 vue中单独只校验一个表单
vue中单独只校验一个表单最近做了个忘记密码页面，需要发送验证码之后才能进行重置密码操作，上图：但是点击发送后底下的表单也校验了，所以现在需要设置点击这个按钮只校验这一个表单方案如下： 因为下面还有一个提交按钮，两个绑定的事件是不同的，上代码： this.$refs.resetFormRef.validateField('userEmail',async (valid) => { if (valid) return false...
2021-01-14 18:17:06
1559
1
原创 使用element UI中的el-table实现批量选中删除
el-table实现批量选中删除最近的vue项目中有个业务，表格数据用的是el-table展示，需要批量删除选中的数据，直接上代码吧<el-table :data="UserList" ref="multipleTable" stripe border @sel
2021-01-13 17:20:25
6014
4
原创 element UI中的el-tree的父子节点添加动态图标
el-tree的父子节点添加动态icon最近做的项目，需要给el-tree菜单，展开后的父子节点带有它们自己的icon，因为这个菜单数据是从后台获取的，每一个节点都有属于它们的icon解决方案如下：<el-tree :data="datalist" :props="defaultProps" ref="dataRef" accordion style="font-size: 14px"
2021-01-13 16:54:35
2029
1
原创 vue项目中使用element UI中的el-tree刷新后保持节点展开状态
el-tree刷新后保持节点展开状态最近在搞一个前后端分离的项目，有一个菜单页面，使用的是element UI中的el-tree，但是在刷新后父节点关闭了展开状态，这让我很苦恼啊，找了很多资料，没有找到适合我这个情况的，于是采用了一种用sessionStorage存储点击了哪个就让哪个展开的方法，代码如下首先，需要将点击的一级节点的某一个属性值保存到sessionStorage中，我采用的是id（因为菜单列表是动态获取的）然后在点击链接跳转到另一个页面后，在取出id值重要的是在el-tree使
2021-01-13 16:39:45
4654
原创 小程序运行报错：[渲染层网络层错误] Failed to load local image resource ... the server responded with a status of 500
小程序运行报错：[渲染层网络层错误] Failed to load local image resource /pages/message/[object%20Object]the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)在数组中取出图片存放路径报的错查看 ***微信开发者工具***中的AppData发现错误地方：<image v-for="(item, index) in imgA
2020-11-23 21:18:13
49096
7
原创 Linux下的FTP服务器的设置
Linux下的FTP服务器的设置前几天我们老师让在Linux下配置一下ftp服务器，我就简单的搭了一个，与各位分享一下<1>切换到root下，安装vsftpd<2>修改vsftpd.conf配置文件修改果如下 在该文件中加上相关配置<3>匿名用户登录<4>重启服务器<5>在home下创建ftp文件夹<...
2019-12-02 20:29:02
220
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人