gzyh_tech的博客

原创 vue“或“-多条件判断

背景想通过文章的状态status，判断并确定当前背景颜色代码如下<tag :type="Number(scope.row.status) === 2?'success':Number(scope.row.status) === 1?'warning':'info'"> {{scope.row.status|EnxStatus(scope.row.status)}}</tag> // 通过组件tag的type确定不同颜色，//:type="Numbe

原创 小程序使用three.js开发VR场景漫游

下载所需要文件，参考：GitHub - yannliao/threejs-example-for-miniprogram: 这是一个 three.js 在微信小程序里的使用示例引入js文件import * as THREE from '../../libs/three.weapp.js'import * as TWEEN from '../../libs/tween.umd.js'import { OrbitControls } from '../../jsm/controls/OrbitC.

原创 vue之Ueditor自定义单图上传返回格式

项目使用Ueditor单图上传，不想因为一个上传就去更改数据返回的格式，也不想用后端的源码，那自己改一下好了！我后台返回格式如下：{status:0,msg:'',data:{}}查看了半天源代码，眼睛都看花了。。。，主要更改在ueditor.all.js的24504行（'simpleupload'）单图上传功能/ plugins/simpleupload.js/** * @description * 简单上传:点击按钮,直接选择文件上传。 * 原 UEditor 作者使用了 form

原创 vue 之 用Element ui 写一个简单的后台界面

安装和引入Element uihttps://element.eleme.cn/#/zh-CN/界面分析整个界面分为三个板块：左侧的导航栏，右侧顶部的header以及内容界面（router-view）,参考：https://element.eleme.cn/#/zh-CN/component/container，那主要就是实现elementui的导航菜单点击跳转事件。为了界面清晰，左侧菜单和顶部单独写为组件Home.vue<template> &lt..

原创 pycharm运行错误记录

NameError: name '_mysql' is not defined

原创 mac学习vue之环境搭建

安装node.js&vsCode官网下载安装node.js安装vue环境

原创 【mysql学习笔记】新建表格，添加字段等

【新建表格】mysql>use test;//打开test数据库//创建userInfo表mysql>CREATE TABLE IF NOT EXISTS `userInfo`( `id` INT UNSIGNED AUTO_INCREMENT, `user_id` INT NOT NULL, `age` INT NOT NULL, `interest` VARCHAR(100) NOT NULL, `address` VARCHAR(100) NOT N

原创 【MySQL】聚合函数学习笔记

原创 【python学习笔记】之使用PyCharm连接mysql数据库

代码：import mysql.connectorconfig = { 'host': 'localhost', #地址 'port': '3306', #端口号 'user': 'root', #用户名 'password': 'ch****', #密码 'database': 'test' #数据库}con = mysql.connector.connect(**config)con.close()。#关闭连接...

原创 网页使用jquery.fancybox.js播放视频

【概述】jquery.fancybox.js与jquery搭配使用，可弹出图片/视频等。【实现播放视频】想实现点击图标，弹出窗口播放视频的效果：代码：这个data-type很重要，可定义为iframe或video<a href="https://player.youku.com/embed/XMTI4NTI3MDA1Ng==" data-type="iframe" class="overlay-link lightbox-image video-fancybox"&g

原创 腾讯云服务器挂载和格式化数据盘

【配置】云服务器，标准型SA2（centos 6.9 32）+ 云硬盘200G【步骤】1、登陆 管理后台——云硬盘 ，点击挂载磁盘2、待完成后，登陆linux实例，官方文档如下：以 root 用户登录 Linux 实例。 执行以下命令，查看连接到实例的磁盘名称。 fdisk -l 说明： 本文连接到实例的磁盘名称以/dev/vdb为例。 执行以下命令，格式化该磁盘。 mkfs.ext4 /dev/vdb 执行以下命令，将该磁盘挂载到/data挂...

原创 【Apache】Apache建立.htaccess伪静态设置之多个参数及中文编码

【目的】实现网站伪静态设置，带中文参数事实上Apache伪静态正则表达式并不能识中文，我的页面如(https://blog_cn.cn/index.html?type=某类型&page=1),携带两个参数。解决办法只有将中文转码后写入，（并且得两次转换）。【操作流程】开启Apache相关模块，Apache安装目录下打开/conf/httpd.conf 文件，查找AllowOverride None，替换为 AllowOverride All在网站根目录下建立.htaccess文件

原创 【js的dom操作】之js实现自定义提示框，提示文字、图片和短菜单

【想实现场景如下】自己的博客网站想实现以下功能：①弹出文字提示②弹出图片提示③弹出标题及图片提示④弹出简短的菜单。鼠标onmouseover时触发，只需引入js,无需其他附件，使用时new一个就ok了。标题+图片菜单提示图片提示【实现代码】主要是涉及js的基础操作（dom操作）等 //手机观看 var data={type:'text',data:'手机扫码浏览',bgColor:'#333'}; //var data={type:'men.

原创 【js的dom操作之】js实现图片预览功能，手机端电脑端通用

【本想做搬运工】前端用的layui，连个可连续预览图片的实现办法都没有，那么只得自己写代码了。【思路】实现的方式就是，传入一个图片路径数组和当前预览图片的id（或索引值），再预览加载图片，并可以切换预览图片。类型小程序的previewImage。那么，使用纯js写代码，就要设计到一些dom的操作了。【代码结构】想着方便，还是像layui一样，引入css样式代码和js代码就可以随意使用的好。那么就一个previewImg.css和一个previewImg.js。css代码：主要是遮罩、左右

原创 【php学习】图片、文字水印，仅供参考

一、php水印类<?phpclass Image_class { private $image; public $info; public $fontfile="../../system/admin/staff_cert/font/SIMSUN.TTF"; /** * @param $src:图片路径 * 加载图片到内存中 */ function __construct($src){ $info

原创 【微信小程序】php生成小程序（传参）二维码图片

【实现功能】实现扫描生成的二维码打开指定小程序的任意界面（可带参数）【代码】<?phperror_reporting(0);header('content-type:text/html;charset=utf-8');//配置APPID、APPSECRET$APPID = "";$APPSECRET = "";//获取access_token$access_toke...

原创 【js数组】之数组通过时间（日期）进行分类

【目的】我有这么一串数组，想把它按照日期来分类，方便通过日期来查询或分页[ { "tid":"163", "date":"2020-04-04", "client":"M人民中路分店", "status":"已接收", "state":"0", "address":"广东省广州市人民中路3...

原创 【node.js学习】使用node.js定时发送邮件任务

【使用场景】定时执行任务，发送消息通知等【安装依赖包node-schedule】npm install node-schedule【编写代码】node-schedule使用方法var schedule = require('node-schedule'); var j = schedule.scheduleJob('42 50 8 * *', function(){//...

原创 【php学习笔记】使用php发送email

【使用场景】使用php向目标邮箱发送邮件，可使用在任务通知等场景。（使用node.js发送邮件）【准备工作】下载使用phpmailer类 开启邮箱SMTP功能 编写发件代码【发件代码】<?phprequire 'PHPMailerAutoload.php';require_once('class.phpmailer.php');require_once("cl...

原创 【node.js学习】使用node.js发送邮件

【使用场景】使用node.js发送邮件，比如通知客户、提醒任务进度等。（使用PHP发送SMTP邮件）首先得安装node.js：安装node.js【安装依赖包nodemailer】npm init -ynpm install nodemailer【实现代码】可根据文档使用：nodemailer使用文档，创建app.js//引入moduleconst nodema...

原创 【腾讯云CentOS学习】基础目录切换，文件修改，以安装node.js为例

【目录切换】一、在控制台点击“登陆”主机，输入密码进入界面登陆成功后的页面二、我准备把node.js安装在/usr/local/src/目录下，执行如下命令切换到该目录下：cd /usr/local/src三、下载安装node.js：①执行下载命令：wget http://nodejs.org/dist/latest/node-v...

原创 【node.js+html】无聊在家写一个在线客服聊天系统

【系统概述】使用Node.js+socket.io建立socket连接 编写独立客户端页面 编写独立客服进入页面编写一个可以一（客服）对多（客户）的在线客户服务系统，实现同时接收多个咨询。【系统界面预览】客户端界面客服界面预览客服聊天界面【实现步骤】一、安装node.js可在node.js官网下载安装，安装后可在cmd输入命令 node -v,回车 及 npm -v,回车...

原创 【苹果开发者注册指引】2020注册ios开发者账号再也不难

【转变】2019年12月经苹果官方发布，为吸引更多中国大陆开发者加入苹果，开放了可通过软件缴费成为苹果开发者，各位再也不用为没有visa信用卡而烦恼了！【怎么用新方式缴费？】在appstore内搜索 Apple Developer，下载打开、点击账户菜单，有账号直接登录即可（这儿有坑“我使用注册过开发者的账号登陆后不能进入缴费，就重新创建了一个账号”），没账号注册一个（并暂不注册开发者）...

转载 【web全景】web全景实现方案（转载）

【原文地址】https://www.cnblogs.com/ifannie/p/9917490.html前言　　有一篇文章我说了H5实现全景图预览，全景视频播放的原理，有需要的小伙伴可以自行去看一下　　今天我就拿出我的实践干货出来，本人实测实测过需求　　老板：我需要可以上传全景图片，然后手机网站上都可以360度看全景图需求分析　　一个上传功能　　一个全景360度预览...

原创 【小程序--时间转换】关于new Date转换出错的问题

【问题】需求是计算两个时间的相差多少分钟？在微信开发工具上（如下代码）没有出错，真机调试也未见错误，可在预览或发布版本上就是不能正确计算，返回值为NaN！function shiJianCha(faultDate, completeTime) { var stime = Date.parse(new Date(faultDate)); var etime = Date.parse(n...

原创 【android学习笔记：Webview与Js交互】网页生成的excel/pdf等文件通过webview下载保存

【功能需求】在webview加载的网页中，使用jsPdf或jsExcel生成的文件，通过webview下载到手机保存。【实现思考】①能否使用webView.setDownloadListener实现？ 答案是：NO ，downloadListener需要文件下载链接，而通过前端生成的文件不存在文件链接。②获取生成文件中的数据再通过java生成相应的文件 也不现实，太麻烦啦，...

原创 【php简记】php遍历json数组出错：Object of class stdClass could not be converted to string

【错误遍历方法】需要解析的json数据：[{"data":"/storage/emulated/0/yhpco/camera/201905151565440637188xakfl.jpg","id":"0","title":"","type":""}]错误方法：for($i=0;$i<=sizeof($arrays);$i++){ ...

原创 【巡店软件系统开发】2-1 WEB软件宣传网站

【设计】①软件宣传页：功能设定：使用单页宣传，对软件系统进行详细介绍，并提供下载试用渠道。域名配置：尽量使用短域名，以com或cn为首选。服务器选择：使用阿里云服务器（规格：ecs.t5，内存4GB，LINUX系统，活动时连续购买三年价格低于2000元）【功能设定】宣传页架构...

原创 【巡店软件系统开发】1、软件架构及基础功能的设定

【前言】“起高了！” 。最近接到一个“高起点”项目，开发一个适合餐饮或餐厅服务方的巡店管理系统。“高起点”并不是说这个软件多么强大，而是对于我个人来说把所学的零碎知识去平凑在一起，组成一个较为完整的系统，这还是第一次，有挑战的一次。高中所学--“what doesn't kill you makes you stronger”。【软件系统设定】①客户端：android应用、IOS应用、...

原创 【前端】JS实现AES加密报错：Malformed UTF-8 data

【参考文章】①https://www.jb51.net/article/111560.htm②https://segmentfault.com/a/1190000017540855?utm_source=tag-newest【实现】下载上述①中需要的两个js文件放置项目中；发现程序报错：Malformed UTF-8 data参考②中方法更正：,//加密 ...

原创 【php小技巧】记录来访者ip保存到txt文件以及文件读取操作

【代码实现】//创建写入数据$vistor=array( 'time'=>date("Y-m-d H:i:s"), '$ip'=>get_real_ip());//读取保存数据到txt文件$res = file_get_contents("./log/log.json");var_dump($res);//读取解析成数组 $res_new = exp...

原创 【高德地图开发】实现多点标注marker和动态信息窗体（InfoWindow）

【目标】实现通过ajax动态获取数据后在地图上标注多个marker加载信息窗体，如下图所示：点击marker弹出相应信息窗体（InfoWindow）【实现代码】①定义全局marker,及一个infoWindow: var marker,infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});②写一个...

原创 【Apache】二级域名的配置方法

【一】找到Apache安装目录下的vhosts.conf文件【二】添加如下代码//一级域名 yh***co.com<VirtualHost *:80> DocumentRoot "D:\Apache\WWW\website" ServerName yh***co.com ServerAlias www.yh***co.com <Direct...

原创 【前端学习简记】layui不同版本的upload组件传递参数方式

【概】有个layui 1.09版本的前端项目需要更改，使用upload组件POST传递验证参数到后台，layui不同版本之间使用方法不同，也不方便更新到最新版，故记录此方法【不同版本的方法】1.09 版核心方法，就是通过input赋值传递,写在upload:before里var data={ verify:verify }setdata("#upload",data);...

原创 【企业微信】借助JS-SDK，使网页调用手机系统功能

【概述】企业微信网页开发，调用原生能力必不可少，so,如何使用JS-SDK实现？【官方文档】https://work.weixin.qq.com/api/doc#10029/【步骤】step1:完全按照手册如下操作即可step2:获取config中需要的配置数据（补充）参考服务端API配置https://work.weixin.qq.com/api/doc#90000/...

原创 【企业微信】借助官方api获取人员私密（手机号，地址）信息

【需求】企业微信是一个很好地企业管理工具平台，借助拥有10亿用户的微信支持，可实现高效的沟通交流与工作互动。在进行企业微信开发时，往往需要获取人员的私密信息（包括手机、地址、部门和职位等），故此记录下。【实现】①使用官方demo，https://github.com/sbzhu/weworkapi_php中封装了比较多的方法，直接使用即可，相信官方比大多数自我封装的要好点。②代码实现：...

原创 【ESC云服务器】https证书配置

【概述】ssl证书每年都得更换，麻烦的就在这儿，有时会搞忘了怎么配置，故写此文记下！【方法】①找到目录：D:\phpStudy\Apache\conf②新建文件（如果没有的话）：vhosts_ssl.conf③添加如下内容并保存：Listen 443SSLStrictSNIVHostCheck offSSLCipherSuite AESGCM:ALL:!DH:!EXPOR...

原创 【微信小程序】之公共方法的封装与使用

【概】方法的封装对程序来说至关重要，不仅能减小程序体积，而且可以减轻工作量，节约不少时间。【实例】1、权限的检查与请求（单个回调）代码：写在Util.js内，需要在module.exports添加方法，如：module.exports = { formatTime: formatTime, checkPermisson:checkPermisson, getPermiss...

原创 【CSS3笔记】之绘制类似小程序“小天气”首页动态圆形图

【“小天气”动态图与实现效果图】小天气：效果图对比： 【分析】实际上就是三个旋转的椭圆放在右上角，中心点和大小稍微设置不一样而已。【核心代码】css:.container { position: relative; margin: auto; width: 100px; float:right; margin-right: -30px;...

原创 【android学习笔记】之入坑Bitmap.createBitmap：y+height must &lt;=source height

【概】目的使用bitmap截取屏幕上部分内容，顺利入坑：y+height must &lt;=source height【注】开始还没明白意思，log出y始终&lt;bitmap.getHeight()；          百度了以下才明了：//源码public static Bitmap createBitmap(Bitmap source, int x, int y, int ...