自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(73)
  • 资源 (1)
  • 收藏
  • 关注

原创 react 函数组件对数组的修改和视图的更新

在之前的版本中一般使用类组件this.setState修改数据更新视图,在最新的版本中,react推荐使用函数组件,函数组件里面是没有this的,所以需要使用Hookimport { Button } from "antd"import { useState } from "react"export default function Role() { const [list, setList] = useState([ { id: 1,

2022-03-29 14:43:34 3249

原创 docker 配置php+nginx+mysql+redis+phpmyadmin环境(多个站点)

使用docker配置环境下载镜像docker pull php:7.4-fpm-alpinedocker pull nginx:alpinedocker pull mysql:5.7docker pull redis:alpine创建一个bridge模式的networkdocker network create test启动容器# -d 后台运行 # -p 端口映射 # --name 设置容器名 # --network 设置网段 # -v 持久化存储# MYSQL_RO

2022-02-16 17:27:55 1911

原创 linux7.6 yum安装配置nmp环境 并添加站点

安装nginx# 安装yum install -y nginx# 设置开机自启systemctl enable nginx# 启动nginxsystemctl start nginx# 查看状态systemctl status nginx# 查看安装目录rpm -ql nginx# 查看进程ps aux|grep nginxnginx的主要配置文件:nginx.conf当前演示nginx配置文件目录:/etc/nginx/安装mysql# 安装mysqlyum

2022-02-11 12:13:43 2186

原创 vue3 +vite 动态菜单和路由懒加载

当前项目是根据vue-element-admin使用vue3重构的后台管理系统从后台获取动态菜单并且路由懒加载后台返回的数据结构 "code": 0, "msg": "成功", "data": [ { "path": "/administrator", "meta": { "title": "后台管理", "icon": "icon-a-zu4", "roles": [ "admin"

2022-01-14 14:59:26 2562 4

原创 topthink/think-orm 操作数据库自增或者自减

$num = 1//自增$result = Db::name('user')->where('name',$name)->inc('num',$num)->update()//自减$result = Db::name('user')->where('name',$name)->dec('num',$num)->update()

2022-01-03 14:34:05 365

原创 element-plus刷新后菜单不选中不高亮的问题

在使用element-plus的el-menu组件时发现刷新页面后,菜单不会默认选中也不会高亮。很多答案都没有说明真正的原因在哪里,代码又多看起来颇为费力,实际上只要设置el-menu组件的default-active属性<template> <el-menu :unique-opened="true" :collapse-transition="true" :default-active="defaultMenu" class="el-menu-

2022-01-02 19:19:39 1690

原创 Element Plus 团队正在将原有组件内的 Font Icon 向 SVG Icon 迁移,请多多留意更新日志, 及时获取到更新信息,Font Icon 将会在第一个正式发布被废弃,请尽快迁移。

Element Plus将Font Icon废弃了以后只能使用Svg Icon中<el-icon><Setting /></el-icon>这种写法但是在渲染菜单时该怎么解决这个问题可以使用动态组件渲染菜单<component is='setting' class="icon-type" /><script>import { defineComponent } from 'vue'import { Setting } from '@

2021-11-08 15:13:41 169

原创 Invalid prop: type check failed for prop “uniqueOpened“. Expected Boolean, got String with value “tr

这个警告倒是没有影响什么,只是看着不舒服,还是想改过来//原代码<el-menu unique-opened="true"></el-emnu>//修改后<el-menu :unique-opened="true"></el-emnu>

2021-11-08 14:39:56 345 1

原创 vue3.x 使用 globalProperties 全局变量

Vue3.x 用 Composition API 中是没有this的,所以不能直接使用 this 调用 globalProperties 全局变量Composition API 使用方法:// main.jsimport { createApp } from 'vue'import App from './App.vue'import storage from './plugins/storage'const app = createApp(App);app.config.globalPro

2021-10-29 17:48:13 2180

原创 vue引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/index.css“ from “src\

查看官网文档得知css的引入路径改了import 'element-plus/lib/theme-chalk/index.css'改成了以下路径import 'element-plus/dist/index.css'

2021-10-28 10:31:08 7287

原创 vite 创建vue项目使用 scss

安装以下依赖就可以使用scss了npm install sass -Dnpm install scss -D不需要安装sass-loader和node-sass

2021-10-27 16:12:39 1420 4

原创 在setup里面跳转页面

在Composition API中不能直接使用this.$router使用路由,需要先import引入vue-routerimport { useRouter } from 'vue-router'export default { name: 'App', setup () { router.push({ path: '/login' }) }}

2021-10-19 10:42:24 732

原创 tp5.1中使用join left时的左表的关联对象不唯一

在tp5.1使用join left时的左表的关联对象不唯一时就回出现1:n的情况,这样join left的后的结果,记录数量会多于右表的数量解决办法:这种情况需要保证左表符合条件的记录是空或者是唯一的,可以通过group来实现!$result = Db::table('user') ->alias('t1') ->join('log t2','t1.user_id=t2.uid','left') ->group('uid') //->order('uid desc')

2021-03-19 16:09:42 917

原创 在H5中使用vant中的ImagePreview组件报错

因为不是脚手架安装的vantUI,用法有些不同,有些组件需要在前面加vantImagePreview的用法:vant.ImagePreview(['https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2853553659,1775735885&fm=26&gp=0.jpg']);

2020-12-29 15:12:28 1228

原创 layuiAdmin的iframe版 使用下拉框回显数据

因为文档中没有明确介绍要怎么做,然后自己也没有反应过来导致一个这么小的问题卡了这么久真相令人哭泣, success: function (layero, index) { //编辑数据回显 var body = layer.getChildFrame('body', index); body.contents().find("select[name='id']").val(data.id); //下拉框的数据回显}...

2020-12-29 15:12:12 311 1

原创 查看当前宝塔面板的登录地址和默认账号密码

查看当前面板的登录地址和账号密码bt default

2020-12-29 15:11:55 19574

原创 Vue根据点击不同的文字改变图片

Vue根据点击不同的文字替换图片html代码<!-- 在还没有点击文字的时候,这个时候图片的位置是空的,如果需要我们可以在发起请求后直接先赋值上去 me.imgUrl = SKU[0].img;//先将默认的图片赋值上去 --><div class="SKU-title-img"> <img :src="imgUrl" class="title-...

2020-12-29 15:11:35 1143

原创 vue点击切换样式

Vue点击切换样式html代码<div class="color-name"> <span :class="activeColor == colorIndex ? 'active':''" v-for="(color,colorIndex) in SKUList.color" :key="colorIndex" @click="colorImg(col...

2020-12-29 15:11:15 1892

原创 设置css优先级最高

只要加上!important就行.active { background-color: #fff8fa; color: #ea530b; border: 1px solid #ccc !important; }

2020-12-29 15:10:59 3297

原创 小程序image图片变形

有次写商城,发现图片总是会变形,找了很久都不知道是什么问题后来发现小程序的image标签是有默认的宽高的<image> 组件默认宽度 300px、高度 225px;小程序的image标签是有mode模式的,图片缩放模式这个模式有缩放模式,有裁剪模式,具体可以看文档我这里的话就是没有去掉图片的默认宽高<image src="" mode="widthFix">&...

2020-12-29 15:10:28 1407

原创 弹性布局 justify-content:space-between 不起作用

如果justify-content:space-between;不起作用有可能是因为没有设置with设置了with就可以了

2020-12-29 15:10:05 12320 5

原创 设置css阴影和取消css阴影

之前用mui布局样式,但是一直都会有这个阴影,在浏览器调试也调试没用这是设置阴影 /* 长 宽 模糊度 颜色*/box-shadow: 0 1px 6px #ccc; 取消的话直接设置为0就行了,不建议直接去mui.css里面删掉,如果改掉mui里面的样式全部的样式都会变这是取消阴影 /* 长 宽 模糊度 颜色*/box-shadow: 0 0px 0px #ccc;...

2020-12-29 15:09:44 8415

原创 jquery点击事件不生效的问题

在同时使用vue.js和jquery.js的过程中,发现jquery的点击事件在有些地方不生效没有任何反应,反反复复看代码并没有什么异常也没有报错,后来发现是父级div使用了v-if='state',加载页面时state为false,后来点击切换为true后来把父级div的v-if显示隐藏使用jquery来操作,点击事件可以生效$('#state').show(); //显示$("#state").hide(); //隐藏...

2020-12-29 15:09:11 2494

原创 layui预览图片功能

layer.photos有两种用法获取json文件中的数据查看相册这种方法直接按文档中的提示来做就好了layer.photos文档点击预览图片可以直接按文档中一样操作因为我当前是用了vue.js所以点击事件是无效的使用vue的@click事件获取到图片地址,然后将图片地址用json形式赋值给photos这样就可以实现图片预览的功能preview(img){ layer.photos({ photos: {"data": [{"src": img}]} ,closeBtn:

2020-12-29 15:08:49 2782

原创 tp5.1 报错Fatal error: require(): Failed opening required

Warning: require(D:\Virtualmachine\TP5\V-admin/thinkphp/base.php): failed to open stream: No such file or directory in D:\Virtualmachine\TP5\V-admin\think on line 16Fatal error: require(): Failed opening required 'D:\Virtualmachine\TP5\V-admin/thinkphp/

2020-12-29 15:08:23 7577 1

原创 vue设置tabbar的显示隐藏

在路由文件中设置const routes = [{ path: '/', name: 'Index', component: Index, meta: { showTab: true//如果需要显示就加上这个 } }, { path: '/Detail', name: 'Detail', component: Detail }, { path...

2020-12-29 15:07:53 2048

原创 linux 报错 Could not resolve host: mirrorlist.centos.org; Unknown error

原因:无法连接网络解决办法:1.

2020-11-18 16:18:54 374

原创 natapp在windows下实现内网穿透

natapp官网:https://natapp.cn/在natapp注册一个账号,一个用户可以免费拥有2跳不同协议的隧道,免费版的域名端口随机,且不定时强制更换,适合测试使用点击免费隧道,创建一个web隧道协议的创建成功后下载客户端:https://natapp.cn/#download根据操作系统下载对应的客户端当前下载windows 64位,解压后要正常运行还需要新建一个config.ini,config中的内容[default]# 对应一条隧道的authtoken值,在后

2020-11-17 12:17:48 728

原创 EwoMail 登录时显示域不允许

搭建好EwoMail邮局之后,添加了账号后发现邮局登录时弹窗域不允许解决办法:在/etc/hosts这个文件里加入以下内容127.0.0.1 VM_0_17_centos VM_0_17_centos127.0.0.1 localhost.localdomain localhost127.0.0.1 localhost4.localdomain4 localhost4127.0.0.1 localhost localhost.localdomain localhost4 localhost4.

2020-11-16 17:45:46 5869 6

原创 egret白鹭使用exml关联id获取不到对象

在使用exml关联id的时候死活获取不到对象,实在是找不到哪里的问题,怎么打印出来都是undefined,真的是哭了class SceneBegin extends eui.Component implements eui.UIComponent { public beginBtn:eui.Button; public constructor() { super(); this.touchEnabled = true; } protected partAdded(partName:

2020-10-14 16:57:20 361 2

原创 TypeScript使用vsCode自动编译成js

写TypeScript的时候我们需要先将代码手动编译成javaScript才可以在浏览器运行,当前博客介绍在vsCode中让TypeScript代码可以让编辑器自动编译成javaScript1.首先在vsCode中将打开终端切换终端到需要的目录下2.生成一个tsconfig.json文件3. 将tsconfig.json文件中的outDir注释打开,路径改成自己的4. 新建一个ts文件,当前还没有自动更新5. 终端 -》运行任务6. 选择typeScript7. 选择监视当前目录下

2020-10-09 11:57:48 835

原创 PHPstorm 线下实时代码同步到服务器

我们在开发的时候,代码要部署到线上,部署代码后如果有更新的话,比较麻烦,如果只有一两处更新还好一些,如果有很多地方需要更新就挺痛苦的,今天就讲其中一种方法可以实时同步代码到服务器,使用PHPstorm链接ssh在PHPstorm中创建一个项目选择倒数第二个就可以3. 填写项目名称和本地代码路径,配置选择custom4. 选择Always5. 如果没有配置过就添加一个连接,或者连接其他的6. 填写项目名 选择连接 添加ssh7. 连接ssh8. ssh连接成功9. 连接好

2020-09-23 14:20:40 312

原创 支付宝H5开发 The each() function is deprecated. This message will be suppressed on further calls

在开发支付宝H5支付的时候,遇到这个问题The each() function is deprecated. This message will be suppressed on further calls其实就是因为PHP7.2将each()方法废除了,项目中有用到each()就会报这个错,切换PHP版本7.2以下就行...

2020-09-11 19:13:01 445

原创 Installation failed, reverting ./composer.json to its original content.

今天在使用composer下载think-api的时候一直报错Installation failed, reverting ./composer.json to its original content.刚开始以为是要改下载源改了阿里的源composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/还是不行,找了挺久后来发现可能是php版本的问题,之前用的是7.0的然后我改成7.3的再用compo

2020-08-31 18:27:50 347

原创 mysql left join多张表连表查询并分页

SELECT t1.*,t2.refund_id,t3.reason FROM hq_order AS t1 LEFT JOIN hq_refund AS t2 ON t1.order_id=t2.order_id LEFT JOIN hq_refund_log AS t3 ON t2.refund_id=t3.refund_id WHERE t1.order_status=4 LIMIT 0,10mysql语句介绍:连接hq_order、hq_refund、hq_refund_log三张表查询hq

2020-08-17 15:55:26 1471

原创 mysql left join连表条件查询指定字段

SELECT t1.*,t2.order_status FROM hq_refund AS t1 LEFT JOIN hq_order AS t2 ON t1.order_id=t1.order_id WHERE t1.order_id='2020080915969502173022139'mysql语句介绍:查询hq_refund和hq_order表hq_refund别名为t1,hq_order别名为t2查询t1的所有内容,查询t1的order_status字段hq_refund的order

2020-08-14 17:27:43 2708

原创 php curl爬取页面

简单的爬取页面//初始化$curl = curl_init("http://baidu.com");//创建curl资源curl_exec($curl);//关闭curl并释放资源curl_close($curl);调用webService获取天气//调用webService获取天气header("Content-Type:text/html; charset=ut...

2020-04-11 15:31:58 206

原创 js操作history

pushState在当前history的中添加一条记录window.history.pushState(null, null, '1.html');replaceState替换当前中history的记录window.history.replaceState(null, null, '1.html');跳转history.go(1) //前进一个页面history.g...

2020-03-27 16:02:48 463

原创 移动梦网接入短信

官网地址:http://www.monyun.cn/注册一个账号我是用api的接入方式,官方推荐用SDK,但是用SDK的方式接入需要给PHP装pthreads这个扩展,要用多线程,试过挺多次,一直没有装成功过文档地址:http://con.monyun.cn:9960/developer_Center/index.html?htmlURL1=API&htmlURL2=APIone...

2020-03-23 11:31:10 412

原创 阿里云IP归属地接口

用tp5写的接口我用的是这个:https://market.aliyun.com/products/57002002/cmapi00035184.html?spm=5176.10695662.1996646101.searchclickresult.549c173dYGx2YO#sku=yuncode2918400001public function chat() { //t...

2020-03-18 16:37:58 125

phpSpreadsheet.zip

excel导入导出demo,打开直接php运行可用,export导出,import导入

2020-04-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除