- 博客(64)
- 资源 (20)
- 收藏
- 关注
RSS订阅原创 笔记——》企业官网上线教程
一般公司都会有一个官方门户网站，用来展示企业资质，竞争优势，合作客户等信息，如下：这是我公司的官网一隅那公司官网从页面设计到上线需要哪些流程呢，下面一一详解。（重点侧重于域名、备案等操作，有域名的可以直接看 第四步：开通对象存储 OSS）一：页面设计先在本地把页面设计好，目录结构可以参考以下：— static———— js———— img———— css— index.html— 404.html页面及代码准备完毕之后，先放在本地。二，域名申请我们想通过一个网站访问 设计好的页面
2022-03-07 15:04:42
1156
3
原创 前端——》通过nginx和Apache两种方式部署vue前端项目
一：通过nginx部署我们默认linux服务器上已经安装好nginx环境，我将vue编译的dist文件夹放到了 /root/build/x-frontend-manage目录下步骤一：编写nginx配置文件找到nginx的安装目录，注意不是nginx软件包的存放目录，如下图所示到conf目录下 执行vi nginx.confuser root; # 此处需要修改为rootworker_processes 1;pid logs/nginx.pid;events {
2022-02-10 16:09:17
2777
3
原创 前端——》antdv根据拼音过滤select选择器的选项
现状如上图所示，antdv的select选择器通常是根据汉字来匹配的，而且官方也提供了demo如下：<a-form-item label="公司名称"> <a-select :showSearch="true" :filterOption="filterOption"/> </a-form-item>methods:{ filterOption (value, option) { return option
2021-12-22 12:02:03
6965
原创 前端——》H5页面实现按钮呼吸特效
效果代码上图的按钮 实现了呼吸的一个特效，关键代码如下1，html 部分<img style="width: 100%;animation: submitBtn 1.5s ease infinite;" src="https://files.huizecdn.com/file1/M00/48/95/CgUA3GFve3uAC-kuAAA8CBX55SM702.png">2，css部分/* 呼吸效果 */ @keyframes submitBtn {
2021-11-18 10:50:24
1347
原创 前端——》将一个普通方法转为Promise实例
将一个普通方法转Promise实例后就可以通过.then来获取到方法的返回值了，这在ES6中非常常见。例子：原方法如下export function getInfo () { return '返回一个字符串'}// 原方法调用如下const str = getInfo()console.log(str)修改之后：export function getInfo () { return new Promise((resolve, reject) => { const s
2021-08-19 17:01:00
1699
原创 后端——》使用ThreadPoolExecutor线程池处理并发请求
使用场景本地有一个List，需要把list中的每一条数据传第三方公司的A、B、C、D、E、F共六个接口。那么如果一个数据传给A、再传给B、…最后传给E，那么会耗费很长时间。如果开6个线程，每个线程只访问A-E中的一个接口，那么时间就会缩短6倍。实现方式以及使用定义一个线程池import java.util.concurrent.*;public class CommonThreadPool { private static ExecutorService exec = new T
2021-07-14 17:18:04
1037
原创 后端——》在centos7上搭建jenkins自动化部署平台并应用
前言：jenkins是一套成熟的自动化部署平台，可以用它在服务器上实现自动化部署，部署的项目可以是咱们常见的springboot、springcloud后台，也可部署vue前端。代码提交git后，只需要在jenkins上点击一个部署按钮，就可以实现部署，非常方便。本文主要讲述了，如何在Linux服务上搭建jenkins平台并部署一个springboot项目jenkins的安装下载jenkins wget -O /etc/yum.repos.d/jenkins.repo https://pkg.
2021-07-07 10:48:27
2716
4
原创 前端——》ant-design-vue组件的使用之四（DatePicker 日期选择框和Calendar日历的使用）
日期选择器的赋值与取值效果实现方式如图所示日期选择框的实现代码如下所示html代码如下：<a-date-picker v-model="form.taskStartAt" :format="dateFormat" style="width: 100%" />js代码如下import moment from 'moment'import 'moment/locale/zh-cn'moment.locale('zh-cn')export default { data ()
2021-07-05 12:08:03
5590
4
原创 前端——》ant-design-vue组件的使用之三（a-table表格的行列合并）
效果代码表头列合并columns = { title: node.date, dataIndex: node.date, key: node.date, width: 260, children: [ { title: '上午', dataIndex: node.d
2021-07-01 16:51:29
3149
原创 前端——》ant-design-vue组件的使用之二（a-select复选框的搜索与样式优化）
效果如图所示，在antdv的表格中，有涉及到下拉多选的需求，并且将选中的结果在单元格内一行展示，鼠标滑动观之。代码表格单元格的代码<template slot="editMorning" slot-scope="node"> <a-select :dropdownMatchSelectWidth="true" :filter-option="filterOption" @change="onCellChange(node.AM, $event)" mode="mul
2021-07-01 16:42:50
3118
原创 前端——》ant-design-vue组件的使用之一（a-checkbox-group多选框的赋值与取值）
效果如图所示，这是一个弹窗，弹窗中是多选框。而且不仅包含了多选框，还包含了时间组件实现代码页面<template> <c-modal title="资质" centered :destroyOnClose="true" :visible="visible" :loading="loading" :confirmLoading="confirmLoading" @ok="handleSubmit" @cancel=
2021-07-01 15:56:40
7241
原创 后端——》Java程序推送微信订阅消息
使用场景1：在微信小程序中进行了某种操作后，推送消息告知用户的操作结果使用场景2：微信端办公流程提交给下一个人审批后，得到审批通过或是驳回修改的命令使用场景具体如下图，可用在签到、提醒、通知、警告、催办等方面：上面的实例图片就是通过后台 给微信推送的订阅消息。那具体的应该怎么实现呢，且看下文分解。实现步骤1 微信公众平台的配置1.1 选用公共模板库中的模板登录微信公众平台后台，点击功能》订阅消息（若之前没有使用过，则点击开通）点击公共模板库 的title，可以看到 有很多模板，.
2021-05-07 15:13:21
3618
4
原创 数据库——》记录一个mysql自动生成数据字典的程序
mysql自动生成word版数据字典1，安装python2，下载文件3，运行程序1，安装python官网下载地址：https://www.python.org/downloads/release/python-394/通常是选择64位的下载。下载完成选择自定义安装，主要是安装位置，别放C盘。记得勾选 add to path，这样就不用配置环境变量了2，下载文件cmd打开命令行输入：pip install PyMySQL执行完毕之后输入：pip install python-docx安装完成
2021-04-30 18:05:08
327
1
原创 前端——》记录一个自己封装的axios
js部分（request.js）import axios from 'axios';const service = axios.create({ baseURL: 'http://localhost:8088/v1/', withCredentials:true, timeout: 50000,});service.interceptors.request.use( config => { config.headers = { .
2021-04-20 11:07:40
182
原创 后端——》使用RestTemplate发送自定义header的get请求
在使用RestTemplate访问接口的时候使用普通的getForObject无法修改默认的请求头，这个时候就需要用另一种方式：restTemplate.exchange()例子如下： MediaType type = MediaType.TEXT_PLAIN; HttpHeaders headers = new HttpHeaders(); headers.setContentType(type); //在这里add
2021-04-13 16:58:23
823
原创 后端——》 使用redis分布式锁解决集群环境下定时任务重复执行的问题
集群环境下，非幂等操作的定时任务通常只能执行一次。但程序在分布在各个服务器上运行，这个时候就可以使用redis分布式锁来保证定时任务只能被执行一次。以下为demo：我在本地启动了两个程序，每个程序包含一个内容完全相同的定时任务 ，用来模拟在分布式环境。可以看见，以一分钟执行一轮的频率，可以看到 每轮定时任务只有一个程序 在执行。那具体的逻辑就是在定时任务中加入 判断是否执行业务逻辑的操作。这个判断的标准就是 通过redis+key来实现：在业务逻辑被执行之前通过setIfAbsent方.
2021-01-22 18:25:54
966
原创 前端——》easy-captcha验证码的使用
在网上看到一个很方便的验证码插件：easy-captcha。使用效果如下。使用步骤：1.导入依赖<!--图形验证码--> <dependency> <groupId>com.github.whvcse</groupId> <artifactId>easy-captcha</artifactId> <version>1.6.2</version> .
2020-12-14 17:14:10
2057
原创 后端——》elasticsearch搜索引擎的分词搜索和高亮显示的应用
ElasticSearch搜索引擎在web页面的应用实例简介使用1，修改logstash的配置2，修改springboot的配置文件3，代码文件总结简介在我的上一篇博文中，详细写到了ElasticSearch的日志服务的应用场景，本文讨论的是另一个场景：ElasticSearch作为搜索引擎在web项目中的使用。ElasticSearch作为搜索引擎最主要的作用是分词，即将一个段文字或一个词组分割成小粒度，并将这些经过分割再组合的小粒度的文字来匹配搜索结果，如有需要，还可以高亮显示。效果如下：我这
2020-12-02 18:21:30
1434
原创 后端——》springboot整合elk日志框架的超详细解析(elasticsearch+logstash+kibana)
win10下elk的安装、集成、使用简介安装elasticsearch的安装kibana的安装logstash的安装集成1，添加pom依赖：2，添加logback.xml配置文件：使用1，日志定位2，日志分析1：查看索引管理2：创建索引模式3：创建视图总结简介elk日志框架是elasticsearch、logstash、kibana的这三个技术的简称。elasticsearch是一个搜索引擎，logstash是日志管理平台，kibana是elasticsearch的gui。elk日志框架就是将日志按照我
2020-11-26 20:35:18
3599
4
原创 前端——》H5页面开屏分离特效
先看效果，视频演示地址：https://b23.tv/i8njpo，以下为图片效果。进入页面后会有一个弹窗，用户点击领取按钮（或是不点击按钮，页面3秒钟后也会分离）后，图片会上下分离滑动至屏幕外，领取按钮托马斯全旋360度后原地消失，同时页面蒙版消失，用户可以进行后续操作。上面的效果其实比较简单，一个弹窗，包含三个图片，点击中间图片（或是不点击 过三秒后），上下两个图片垂直滑动至屏幕外。要实现这个效果js是比较简单的，复杂的点在于css。这里两个需要注意的点是：1：滑动的..
2020-11-04 17:24:12
1175
原创 数据库—》Windows将mysql的表导入到MongoDB报错syntaxerror unexpected identifier的解决办法
在我将mysql的表通过csv格式导入到mongoDB时。执行了导入命令：mongoimport --db firstTest --collection channel --type csv --headerline --ignoreBlanks --file C:\Users\dearx\Desktop\channel.csv报错“Error: Line 1: Unexpected identifier”。如下图所示。网上的答案大多数是mongoimport命令不能在mongo.exe程
2020-10-21 11:35:07
2146
原创 后端——》coding+webhook实现springcloud配置中心的自动刷新
前言： 问题：1：问：什么是coding？1：答：跟github、码云一样，是一个代码托管平台。2：问：什么是webhook？2：答：webhook是一种通过callback回调，去请求某个接口或是改变page行为的方法。当用户在网站执行某个操作的时候，源网站可以发起一个HTTP请求到webhook配置的URL。配置之后，用户可以通过在一个站点触发事件，之后再调用另一个站点的行为。可以是任何操作。3：问：什么是springcloud配置中心（Spring Cloud Co...
2020-09-11 16:17:25
656
2
原创 后端——》在windows和linux上部署springboot项目到docker上
本文目录在win10下安装docker（非重点）： docker的常用命令 在docker上部署项目并且处理遇到的坑1：在win10下安装dockerdocker允许在win10专业版上安装，但是很多电脑都是出厂预装的win10家庭版，这个需要破解安装，网上教程很多，如果安装出问题，此处推荐一篇博客（侵删）https://blog.youkuaiyun.com/li_chunlong/article/details/105531124。2：docker的最最最最常用命令1、docker ...
2020-08-12 16:47:49
603
原创 前端——》gulp打包的执行原理及其部分插件详解
gulp是一个非常流行的前端自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单说，gulp就是用来打包项目的。先看一下 我的前端项目结构，应该跟大多数人的项目结构都相同：如上图所示：src目录：代码目录 bower_components目录：静态js目录 build目录：src目录的编译目录，可删除，编译后会重新生成 node_modules目录：node环境的固定目录本文讨论中的最主要的目录：打包文件：gulpfile.js打包文件的主要内容：var g...
2020-08-06 16:32:24
975
原创 前端——》搭建后台管理系统的小程序版本
目录目录效果预览登录微信登录账号密码登录主页主页之搜索主页之详情主页之导出主页之渠道量统计渠道及通道管理通道编辑渠道编辑订单管理订单管理之订单编辑订单管理之区域限量订单管理之区域配置城市选择代码预览代码结构预览要点讲解登录侧边栏条件筛选目录效果预览登录微信登录账号密码登录主页主页之搜索主页之详情主页之导出主页之渠道量统计渠道及通道管理通道编辑渠道编辑订单管理订单管理之订单编辑订单管理之区域限量订单管理之区域配置城市选择代码预览代码结构预览
2020-07-13 18:55:12
2792
6
原创 前端——》微信小程序城市多选分组组件的优化
此组件并非本人原创，原作者链接为：https://blog.youkuaiyun.com/NAMECZ/article/details/80254178#comments_12281606优化内容：1：组件数据加载空白2：组件报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.3：组件样式调整...
2020-05-22 21:14:06
1083
原创 前端——》Echarts折线图在layui中的应用
最近想把项目中的入库数据做一个折线展示，用到了百度的echarts表，还挺好用的，在此做个简单的记录。官方实例：https://www.echartsjs.com/examples/zh/index.htmlecharts.min.js下载地址：https://www.echartsjs.com/zh/builder.html1，效果图。效果图中展示了一周的数据变化：x轴是时间，y轴...
2020-04-14 16:01:34
4844
原创 笔记—》mysql语句随手记
-- 查询3天前的数据SELECT DATE_ADD(DATE_SUB(CURDATE(),INTERVAL 3 DAY),INTERVAL 0 HOUR)--查询近七天的数据，若数据为空，以0填充select v1.insurance_time ,ifnull(v2.incount,0) from ( SELECT DATE_ADD(DATE_SUB(CURDATE...
2020-04-13 16:42:09
256
原创 前端——》手机H5页面九宫格抽奖（含概率及奖品配置）
页面效果：页面有6次抽奖机会，每次抽完奖会弹出领奖小弹窗（可选择不要），并在下方的已获列表中展示已获得的奖品列表第一步，核心js：注释都在代码上核心代码一：lottery.js这个lottery.js是核心的js，里面包含了加载页面九宫格相关图片和文字的事件、抽奖事件、抽奖停转事件、奖品领取事件等等。奖品图片、跳转链接、中奖概率皆从后台接口返回的js中取。暴露了四...
2020-03-25 13:34:20
2897
原创 前端——》vue中自定义switch开关样式美化修改
分隔线以上为表单中的switch开关分割线以下为表格中的switch开关实现步骤：一：先建一个vue页面，取名switch<template> <div> <span class="weui-switch" :class="{'weui-switch-on' : isChecked}" :value="val...
2020-01-06 18:19:45
2092
原创 前端——》vue中element分组+搜索+模糊匹配多选下拉框
先上效果图：这个功能实现起来其实不是很难，主要有几处细节需要注意1，vue中js模块的导出2，linq的使用3，一级分组和二级分组的业务逻辑处理主要实现步骤如下：一：准备linq1，安装linq。npm install linq2，在main.js中引用import linq from 'linq';Vue.prototype.Enumera...
2020-01-06 17:53:10
7042
3
原创 后端——》记录一个根据模板导出txt文件的demo
本文没什么比较特别的技术点。硬要说有的话，可能是以下三点，最主要的是抽象1，抽象2，反射3，IO操作1，新建一个文件生成对象，主要用来取临时文件路径public class GenteraterRetunData { private String localFilePath; public GenteraterRetunData(String localFi...
2019-12-20 12:02:13
454
原创 前端——》vue访问后台接口时的一些坑
情况是这样的。后台springboot的接口是用shiro权限进行管理的。我想在登录的时候24小时内记住密码自动登录。shiro是提供了rememberMe的记住密码管理器来帮助我们实现自动登录。先说第一个坑。跨域，这没什么好说的，这也不算特坑，按照如下配置即可。import org.springframework.context.annotation.Configuration;...
2019-12-12 15:07:52
6478
2
原创 后端——》shiro系统权限认证完整demo及讲解
shiro是一款很强大的安全管理、权限认证框架。可以做登录权限管理，接口权限管理。如下，可以通过页面权限按钮控制用户是否拥有查询、新增、编辑的权限，完成后功能如下：在管理登录后给普通用户设置权限，可以是菜单权限，也可以是菜单列表查询权限和列表按钮权限。其中菜单的权限可以只通过代码逻辑控制，而列表查询和按钮接口的权限就可以交给shiro来管理。直接上实现步骤吧。大的步骤一：前期需要...
2019-12-05 18:35:39
1495
2
原创 笔记——》前端相关
1，input输入框校验。只能输入正整数onkeyup="this.value=this.value.replace(/\D|^0/g,'')" onafterpaste="this.value=this.value.replace(/\D|^0/g,'')"eg:<input name="mysqlParamValue" id="mysqlParamValue" placeh...
2019-11-12 15:02:05
161
原创 后端——》JWT结合swagger进行接口安全认证
JWT（json web token）。1，jwt(全称json web token)。主要是用来生成token的，token是一串加密过的字符串。 流程是这样的用户使用用户名密码请求服务器 服务器进行验证用户信息，并生成一个token存在数据库中 服务器通过验证并把token发送给用户 客户端存储token，一般存在local Storage。并在每次请求时附加这个t...
2019-10-18 15:27:52
1413
原创 笔记——》总结一下负载均衡和nginx的使用问题并写个demo
最近在做负载均衡相关的东西。遇到了一些问题，做一些总结如下。1，为什么需要负载均衡？先说为什么需要负载均衡，因为传统的 web网站都是客户端（无数个）+服务器（一个）。如果服务器宕机了，那么就收不到客户端的请求了，那问题就大了。所以我们此时多增加几个服务器，每个服务器上部署一样的业务代码，假如服务器A在部署或者宕机了，那么客户端还可以请求服务器B和服务器C。那么此时有个问题，我们分给客户端...
2019-10-14 19:17:23
264
转载 前端——》前端页面有趣的特效
----------------------------一：有趣的线条---------------------------------------------------------------------------------------------<!--代码放置于</body>上方--><script>!function()...
2019-09-23 19:00:36
1313
原创 后端——》Java-自定义注解类记录用户操作日志到数据库
看完本文可能会对你有帮助的点：1，如何记录用户操作日志。2，更加深入了解Spring的面向切面编程。3，更加了解自定义注解类。具体实现步骤大致四步：1，创建日志记录实体和数据表。2，自定义注解类。3，创建切面类用于写日志记录的具体操作逻辑4，在业务方法上添加自定义注解实现功能效果图（本人是基于Springboot+JPA+Layui做的）具体实现如下：...
2019-09-20 14:01:31
2812
13
elasticsearch-6.8.1+kibana-6.8.1+ logstash-6.3.0
2020-11-26
miniprogram-master.zip
2020-05-22
角色菜单权限表关系及其建表语句.txt
2019-12-05
linux下的Jdk8的tar.gz压缩包.zip
2019-08-12
mobile-select-area的使用所必须的js和css.zip
2019-07-08
pageoffice专用（wordparser+posetup）
2019-03-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人