- 博客(97)
- 收藏
- 关注
RSS订阅原创 Nginx反向代理到访问者机器上(后端调试）
因一名后端开发，不想使用postman等工具进行接口调试，因为web系统需要经过N多步骤的前置动作，不能保证参数的有效性，因此，需要直接点击web系统，触发本地后端代码。但是，总不可能动不动就让前端给自己起一个项目吧，于是就用nginx进行部署前端项目，代理转发的形式，将接口转发到后端机器上。因此有了关于这个配置的折腾。
2024-04-11 17:38:57
264
原创 基于Docker+shell生成动态的nginx配置文件
nginx中大量相似的配置，仅仅前端项目的文件名，端口不同，因此考虑用shell生成注意，因为我的nginx.conf文件不用改动，仅仅需要生成 default.conf文件，因此，以下文件为default.conf文件。shell文件内容，根据自己需要进行增删。
2024-03-23 15:08:33
557
原创 mysql建表&索引语句
函数都使用N个参数，并分别返回最大和最小值。值为null就会导致不准确，null是最小的，可以加上。函数从日期减去指定的时间间隔。mysql建表&索引语句.md。
2024-03-19 11:25:43
294
原创 Centos升级docker后启动容器报错“unknown or invalid runtime name”
确认是否已经安装了新的运行时环境，例如“containerd”或“cri-o”等，以取代原来的runc。如果是，则应该相应地更改Docker的运行时环境。如果重新安装Docker后仍然出现问题，则可以尝试使用旧版本的Docker，这通常可以通过将docker的版本降低到之前的版本来实现。如果你已经确认新的运行时环境已经安装在你的系统中，那么需要更改Docker的配置，以便Docker可以使用新的运行时环境。如果未更改Docker运行时环境，可以尝试重新安装Docker，以便恢复缺失的runc运行时环境。
2023-06-05 10:18:53
1898
3
原创 纯原生JS实现导出Excel文件
各种js库用起来冗余，并且只想简单的导出excel文件选择table标签是为了后期能定制化内容*纯前端 原生导出excelconst {// 表格标题 const headerEle = ` <tr> ${ headerList?. join('');${*纯前端 原生导出excelconst {// 表格标题 const headerEle = ` <tr> ${ headerList?. join('');
2023-05-04 17:37:20
1846
1
原创 工具分享-Ajax Interceptor
给大家分享个好东西Ajax Intercepto帮助开发，测试人员Mock数据，更快，更安全解决的痛点：1. 直接改数据库，涉及到多表关联，牵一发动全身的尴尬2. 效率低，无法体现实时性
2022-11-15 17:40:05
2213
原创 SVN 用到的几个命令(笔记)
SVN 用到的几个命令参考地址该地址内容较为全面1. 检出目录svn checkout svn://localhost/test --depth=immediates --username leijiang --depth=immediatestips:我这里用到的 --depth参数值为immediates表示只更新目录及其子目录，而不加载所有文件，还有其他几种参数值，可自行百度2. 添加新文件，并提交在这之前你需要先将需要上传的文件放入该目录下，然后再运行如下2个命令svn a
2022-04-29 14:35:58
1117
原创 SQL语法学习---第4天
前言该系列是自己学习sql语法的系列部分，记录了为期4天的笔记内容笔记内容供个人后续查阅资料用（虽然预计会吃灰）来了就安静看，悄悄来，悄悄走参考文章：菜鸟教程-SQL教程2022-04-24 日报总结学习SQL VIEW（视图）及余下部分目标RIGHFULSQL 视图（Views）视图是可视化的表。作用：视图隐藏了底层的表结构，简化了数据访问操作，客户端不再需要知道底层表的结构及其之间的关系。视图提供了一个统一访问数据的接口。（即可以允许用户通过视图访问数据
2022-04-24 15:08:13
823
1
原创 SQL语法学习---第3天
前言该系列是自己学习sql语法的系列部分，记录了为期4天的笔记内容笔记内容供个人后续查阅资料用（虽然预计会吃灰）来了就安静看，悄悄来，悄悄走参考文章：菜鸟教程-SQL教程2022-04-22 日报总结继续学习SQL JOIN（连接）部分目标RIGHT JOINFULL JOIN连接(JOIN)RIGHT JOIN 关键字GHT JOIN 关键字从右表（table2）返回所有的行，即使左表（table1）中没有匹配。如果左表中没有匹配，则结果为 NULL。**注释：*
2022-04-24 15:07:13
418
原创 SQL语法学习---第2天
前言该系列是自己学习sql语法的系列部分，记录了为期4天的笔记内容笔记内容供个人后续查阅资料用（虽然预计会吃灰）来了就安静看，悄悄来，悄悄走参考文章：菜鸟教程-SQL教程2022-04-21 日报总结目标完成SQL “改”练习，即UPDATE语句完成SQL “删”练习，即DELETE语句关于SQL初始化的表：用于后文做对比SQL “改”UPDATE 语句UPDATE table_nameSET column1=value1,column2=value2,...
2022-04-24 15:05:32
566
原创 SQL语法学习---第1天
前言该系列是自己学习sql语法的系列部分，记录了为期4天的笔记内容笔记内容供个人后续查阅资料用（虽然预计会吃灰）来了就安静看，悄悄来，悄悄走参考文章：菜鸟教程-SQL教程2022-04-20 日报总结目标Sql语句学习关于SQLSQL “查”selct distinct在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。DISTINCT 关键词用于返回唯一不同的值。SELECT DISTINCT column_name,column
2022-04-24 15:03:31
258
原创 Docker搭建 gitlab服务+gitlab-runner
2022-03-23 日报总结参考地址1参考地址2Docker搭建gitlab服务1.容器构建在这之前在本地创建了对应的目录：/Users/xxx/data/docker/gitlab/config/Users/xxx/data/docker/gitlab/logs/Users/xxx/data/docker/gitlab/datadocker run --detach \ --publish 8888:8888 --publish 24:22 \ --name gitlab
2022-03-28 15:29:37
1115
原创 Angular项目部署到Gitee Pages中（教程）
前言由于演示需要，需要将Angular项目部署到静态网页中，供他人浏览查看。此项目没有任何与后端交互功能，因此，带API交互的不知道能否成功部署；项目 Angualr版本为7第1步更改index.html 文件将 <base href="/" > 改为 <base href="" />第2步更改app-routing.module.ts 文件配置如下：RouterModule.forRoot(routes,{useHash:true}第3步编译打包
2021-10-21 14:03:39
250
原创 typroa+picGo+docsify编写开发文档-woui项目配套教程
前言Typroa:一款markdown文档编辑工具，能提供实时的预览；picGo ：图床工具，帮助我们将typroa中图片自动上传至我们指定的图床docsify ：开发文档框架，免去手动搭建开发文档项目一、Typroa 安装typroa官网根据自己的操作系统安装对应的安装包；二、picGo安装及ms图床token创建1.picGo 安装picGo下载地址根据自己的操作系统安装对应的安装包；2.picGo+ms后续为了不做重复性工作，这一步的剩余步骤参考这篇《解决pic
2021-10-11 13:29:12
283
原创 Angular 开发第三方组件+打包+npm发布（个人记录）
写在前面本文内容仅为个人记录，不一定适用所有读者；本人技术水平有限，很多知识并不懂，所以内容对有的大佬来说很肤浅；准备工作用到了docker，因为我自己本地电脑跑 build 会报错，实在解决不了；勿喷，谢谢；最终成果展示一. 环境及工具win10Angular 7.1.0dockerdocker 镜像 ：kodear/angular7vsCode正文开始1. 准备docker环境Tips: 如果你本地能跑起angular项目，并build不会报错的话，可以不需要
2021-09-29 10:57:05
1606
原创 Angular实现路由缓存-(简单到我还没开始研究)
前言 顾客就是上帝,为顾客解决需求，是我们打工人的责任。那么需求来了。顾客要求在上一个页面操作后，状态依然保存。注：可能本文内容不严谨但是确实做了如下效果后，路由缓存就实现了，真的是很无脑，相当于0代码。。。。。。效果目录正文一、创建route-strategy.service.ts文件import { Injectable } from '@angular/core';import { RouteReuseStrategy, Detach
2021-07-23 16:09:10
1305
原创 Angular使用自带拖动组件-实现拖动效果
前言 客户需求：某块内容能拖动改变顺序。网上也找过第三方组件，但是没用成功，可能是姿势不对于是就发现了angular 自带的拖动组件。注：本文记录简单的使用，并没有太多的理解。更多用法，看官网吧===>angular官网拖动结果演示目录一、xxx.module.ts 中相关操作二、xxx.components.ts 中相关操作三、xxx.components.html 中相关操作正文一、xxx.module.ts 中相关操作1. 关键代码...import { Dr
2021-07-23 13:33:33
2925
4
原创 基于Promise.all实现所有Api加载完成,loading关闭效果
前言1. 我使用的angular，内容同样适用于Vue,React2. 基于es6 的 promise 的特性思路将每个请求封装成promise对象，当请求到数据后都resolve出去，再调用Promsie.all方法将每个promise对象作为参数传入进去。这样每个api的promise对象状态都resolve“解决后”，就能在 Promise.all([p1,p2…p]).then中拿到所有api请求完成的状态，从而实现效果。效果请求中所有api请求完成3 .所有api请求时长之
2021-07-13 15:29:03
879
原创 Angular下的一种发布订阅模式
前言 发布订阅模式，给任意关系的组件之间（传值，通知对方执行方法）提供了极大的便利（父子，孙子，兄弟）， 它不用考虑组件之间的调用关系，因此非常方便。正文1. 定义share-msg.service.ts文件import { Injectable } from '@angular/core';import { Observable, Subject } from 'rxjs';@Injectable({ providedIn: 'root'})export class ShareM
2021-07-13 14:54:43
1168
原创 Angular路由传参和参数接收
一、A文件传递参数import { Router } from '@angular/router';...private router: Router... navgateToResourcePage(){ //参数必须是queryParams 其他都不可以 let extraDataObj={ queryParams:{ barcode:"233333" } }; this.router.navigate(['main/resource_page'],extraDa
2021-07-12 09:46:06
1061
原创 Angular中引入viewerjs实现图片查看器
目录一、 前言二、 正文2.1 下载viewerjs2.2 引入到Angular项目中2.3 封装成组件2.4 其它地方调用一、前言项目中需要对图片进行缩放，旋转，拖动操作，无奈自身技术有限，加上原生方法太多，于是找到组件viewerjs，可惜的是，它不支持angular直接导入。先来看一下成功之后的效果：由于公司项目，怕泄露太多信息，所以截图成这样了。它下面的操作按钮是一张雪碧图。正文2.1 下载viewerjs下载这个库的方式有很多，可以去官网下载，也可以像我一样懒一点直接
2021-07-02 17:47:14
1338
1
原创 Angular实现带图片(echarts)的excel下载
前言公司项目需要将数据导出成excel，同时还要附带echarts生成的图表，在大佬的指点下实现了，这一需求，感谢那些帮助过我的人！在这之前：我假设你使用的angular开发，图表使用的是echart。展示的代码仅供参考，具体要以你实际项目需求为准，因为我并不能将我所有代码全部贴出来。如果文中有什么错误的地方还请批评指正成果展示ps:我的马赛克跟没打一样。正文一、环境介绍开发环境操作系统 windows框架：Angular7IDE：vsCode关键依赖库stream@
2021-07-01 17:50:23
518
原创 很干(货)很干(货)的日期计算 - 日期间隔计算 -（月数、周数、天数）
前言项目中需要判断两个日期之间间隔的（月数、周数、天数、），所以在此分享一下目录一、 两个时间相差月数二、 两个时间相差周数三、 两个时间相差天数四、 其他正文一、 两个时间相差月数1. 代码function disMonthF(dateList){ let disMonth=0 let disYear=dateList[1].getFullYear()-dateList[0].getFullYear(); let preDisMonth=disYear*12 let en
2021-06-09 16:46:14
561
原创 定时开机-开机自动运行程序-定时关机（windows 下）
前言电脑长时间未关机第二天来就会完全卡死。将有规律、重复性动作自动化。目录一、设置定时开机二、设置开机启动自定义应用三、设置定时关机一、设置定时开机定时开机这个，可能需要看“硬件”,我能成功主要是因为我的BIOS上有定时开机这个选项，即（定时唤醒）；所以，这里并没有什么技巧。同样的关于网上其他的“任务计划程序” ,电脑都没有开机还怎么计划程序，本身就有点小矛盾，所以我没有成功。所以下面这种，你需要自己找找自己的BIOS里是否有相关 定时唤醒 功能。[外链图片转存失败,源站
2021-06-08 09:39:43
2118
原创 解决picgo图片上传失败
前言昨天才刚搭建好的 typora+picGo+gitee的token 兴高采烈的写笔记，今天在typora中就图片上传失败了。我的的解决办法就是更换picGo的图床，从gitee 更换为SM.MS正文一、注册SM.MS账号过程太简单，邮箱都不用验证，图都不用贴了，直接地址去regist 就好，https://sm.ms/二、登录后生成token登录后点击框选部分进入这个面板页面，按照过程以及界面相关提示，生成token，然后把这个token复制到picGo 中然后可以在上传区
2021-05-14 15:06:43
4147
2
原创 docker搭建emqx服务
前言1. 什么是 MQTT？MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议关键词：通讯协议2.什么是EMQ(emqx的简称)? EMQ X Broker 是基于高并发的 Erlang/OTP 语言平台开发，支持百万级连接和分布式集群架构，发布订阅模式的开源 MQTT 消息服务器。关键词：消息服务器正文一、拉取 emqx/emqx镜像1.1
2021-05-14 14:56:14
7871
2
原创 loopback4入坑记录(五)- 准备mongodb可视化环境
前言目前使用的 DBeaver 社区版本没有mongoDB的连接，而创创建新的驱动要填写的URL模板，类名我也不知道如何填写mongodb的命令也不清楚，所以需要一个 web端来查看mongodb数据。于是有了3搜索资料知道了 admin-mongo这个东西，使用docker run出来。正文一、 拉取admin-mongo镜像并构建mongoAdminService 容器1.1 搜索并拉取镜像docker search admin-mongo拉取第一个docke pull adi
2021-05-13 17:23:56
576
原创 loopback4入坑记录(四)-example-shopping跑起记录
loopback4入坑记录(三)-example-shopping跑起记录一、解决先决条件使用docker 创建 mongoDB和Redis容器1. 关于mongoDB镜像和容器docker pull mongodocker run -itd --name mongoService -p 27017:27017 mongo2. 关于redis镜像和容器docker pull redisdocker run -itd --name redisService -p 6379:6379 re
2021-05-13 15:17:26
234
原创 loopback4入坑记录(三)-在关系数据库上运行
前言在 《loopback4入坑记录(二)》中成功创建了 Todo、TodoList、TodoListImage三个model，以及他们之间的关系。现在将参照官网 在数据库中持久化这些model，先看下我成功的结果，用数据库软件er图展示的，其他的表不用关心。正文开始1. 将 《loopback4入坑记录(一)》中创建的数据源删除rm src/datasources/db.datasource.*2.创建新的数据源lb4 datasource说明：这里我用的是mysql，我的这
2021-05-12 14:07:48
515
7
原创 loopback4入坑记录(二)-跑起官网TodoList教程
前言：这一步会学习用到关系(relation)，一对多（has many）关系,属于（belong to）关系还是基于 《loopback4入坑记录(二)**》中创建的基本项目之上由于当时vs的terminal拉的比较小，横向部分有的内容缺失（项目名称、输入的命令），但是不影响项目目录为appnew ,它在app就截没了。以至于后面 lb4 xxx命令未显示，请注意每一项选的内容可以从截图中看到第1步：添加TodoList模型 （model）lb4 model第2步：添加TodoL
2021-05-12 11:18:14
683
1
原创 loopback4入坑记录(一)-运行helloword+跑起官网todo教程
它是干嘛的（概念）”LoopBack是 屡获殊荣的，高度可扩展的，基于Express的开源Node.js和TypeScript框架。它使您能够快速创建由后端系统（例如数据库和SOAP或REST服务）组成的API和微服务。“-------------------------------来自经过谷歌翻译的官网原文官网-框架概念常用关键构建块目前经历的都是在命令行里敲的官网-关键构建块概念正文1-helloword1. 安装LoopBack 4 CLInpm i -g @loopbac
2021-05-11 18:01:15
856
原创 angular项目报错记录之-Data path “.builders[‘app-shell‘]“ should have required property ‘class
日期：2021/05/08错误： ”Data path “.builders[‘app-shell’]” should have required property ‘class’“解决：cnpm install @angular-devkit/[email protected] @angular-devkit/[email protected]错误： ”Less Loader has been initialized using an options object th
2021-05-10 10:50:28
726
1
原创 浏览器禁止使用返回键
history.pushState(null, null, document.URL);window.addEventListener('popstate', function () { history.pushState(null, null, document.URL);});
2021-05-06 17:55:40
319
原创 angular+ng-zorro+echarts入门总结（三）
入门总结（echarts篇）要放假了，赶紧总结一下，不然都忘光了正文1.安装、创建、运行hello wordhello word 走这个2.记录下零散的知识1. 更新图表中的数据有时候在 服务中更新了数据，但是发现重新给optiios 赋值，并不会改变echarts的内容，我猜测：因为echarts通过option绘制出canvas，所以本地服务中数据改变，但是没有告诉echarts说，你给我重新绘制一个canvas 吧，所以解决如下<div [class]='isFadeMode?
2021-04-30 17:07:06
600
6
原创 angular+ng-zorro+echarts入门总结（二）
入门总结（ng-zorro篇）要放假了，赶紧总结一下，不然都忘光了正文关于ng-zorro1.安装、创建、运行hello word前提：你已经安装并运行过angular项目创建一个新的ng项目ng new <app-name> 添加ng-zorrong add ng-zorro-antd 出现询问的时候，选择sidemenu，这样有个基础模板更方便看代码。运行ng s -o #运行服务，并在浏览器打开2.提前避免一些问题在根目录下创建 core/ng-zorr
2021-04-30 16:34:49
674
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人