yzwdzkn-CSDN博客

原创 VUE好看的404网页

vue2.0代码部分<template> <div> <div class="container container-star"> <div v-for="(item, index) in 30" :key="index" class="star-1"></div> <div v-for="(item, index) in 30" :key="index" class="star-2"></d

2021-12-06 14:00:32 1107 6

elementui tree回显节点半选解决方案昨天又遇到了elementui的组件的坑…问题分析前端开发告诉我说【tree组件因为存了后台存储了全部的节点，页面回显时，因为父节点的关系，把子节点也全部勾上了，现在没法处理，必须要改接口加上半选节点的参数保存起来，再在回显时调用接口获取到半选的节点】。不得不说，这的确是一个解决方案，但并不是一个好的解决方案。该接口固然能实现这个需求，但是要知道接口的改动会带来一系列意想不到的变化，比如数据库，缓存，接口参数和返回值，而且在已经集成好的接口上拓展新的变

2021-03-17 15:31:18 710

原创 egg使用SwaggerUi做接口调试

输入安装 egg-swagger-docnpm i egg-swagger-doc --save // 自动生成接口描述配置配置 egg-swagger-doc在/config/config.default.js里面配置config.swaggerdoc = { dirScanner: './app/controller', // 配置自动扫描的控制器路径。 // 接口文档的标题，描述或其它。 apiInfo: { title: 'NAPI', // 接口文档的

2021-01-27 18:17:42 803

原创 nginx 部署前后端分离项目

前端使用VUE，后端使用nodejs前端代码打包，会在该文件夹下面生成一个dist的文件夹npm run buildnodejs 后端代码打包到服务器上然后用pm2 运行然后去官网下载nginx，然后解压进入/conf/nginx.confroot ：dist文件夹存放路径index：访问dist文件夹的index.html或者index.htmtry_files ：vue项目内部重定向，可以通过输入url直接跳转,不加就会出现404前端vue nginx配置 location /

2021-01-27 11:50:42 408 1

原创解决nginx部署vue项目只能访问默认页面问题

在通过nginx启动vue以后我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面，如果直接访问就会出现404可以看到nginx并不识别vue的其他页面，这跟conf文件的配置有关location / { root C:/web/dist; index index.html index.htm; }这是我们基础的配置，按照字义解读就是只访问了/dist文件下的 index.html、index.htm页面，而其他页面在

2021-01-27 11:34:08 4398 2

原创 MAC 安装Homebrew

安装（没有梯子）/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"卸载/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/uninstall)"安装（有梯子）/usr/bin/ruby -e "$(curl -fsSL https://raw.githu

2020-09-16 09:31:52 118

原创 VUE + Xterm + websocket 写一个终端

vue 代码1.首先：npm 两个包npm install --save xterm-addon-fitnpm install --save xterm2.vue代码如下有两个按钮：一个是 Run，一个是 CloseRun按钮：打开Xterm 终端界面打开Xterm终端界面代码：方法 destroy销毁终端, 不推荐使用。推荐使用dispose()this.term.open(document.getElementById("xterm"))Close按钮：关闭vue中websoc

2020-09-03 16:50:14 1814

原创后端接收前端导入或者导出的请求

let bl = require('../bl/user.js')//导出 async download_user(){ try { let result = await model.User.findAll({ attributes: ['username','address','telephone','email'] }) le

2020-08-04 16:49:40 400

原创 vue 中上传文件下载文件按钮

2020-08-04 16:40:45 880

原创如何使用nodejs发邮件

昨天就开始想使用nodemailer来实现一个发送邮件的功能，不过发现了很多个坑，网上给的资料也很杂很乱，所以决定写一篇真正能用的来帮助大家减少弯路写了一个小demo)写了一个小demovar nodemailer = require('nodemailer')var transport = nodemailer.createTransport({ host:'smtp.qq.com',//主机 secureConnection:true,//使用ssl port:465,

2020-06-05 14:40:46 294

原创 win10上安装ubuntu虚拟机

前言（和我一样的小白快来看看~）安装包和镜像文件准备virtualboxubuntuvirtualbox安装并创建虚拟机为虚拟机安装ubuntu操作系统本文将在win10上安装ubuntu虚拟机的步骤一步步记录了下来~希望对大家有帮助方法大概是先装一个虚拟化软件（virtualbox）,然后在这个软件上新增一台虚拟电脑机，这样我们就等于有了一台没有装系统的电脑。然后再将我们已经下载好的iso结尾的镜像文件（ubuntu）作为启动盘，给这个虚拟电脑装上系统，就完事了~安装包和镜像文件准备virtual

2020-05-28 17:58:17 1969

原创图片上传

图片上传//后端代码async picture_upload(root,{arr},context){ return new Promise(async (resolve,reject)=>{ let path = await getPath('dev'); // let path = await getPath('pro'); let base64 = arr.replace(/^da

2020-05-11 17:54:48 148

原创 vue 登录界面记住密码

HTML部分<div class="ms-login"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="0px" class="demo-ruleForm"> <el-form-item prop="username"> ...

2020-05-07 14:33:46 548

原创时间经过js处理后时间被加上了时区解决办法

今天遇到的问题，时间用时间控件获取的应该只有日期的，但最后发现变成了 “yyyy-MM-dd 08:00:00”,之前一直以为只是不同时区的显示问题没在意，今天找了一圈找到了解决办法即将时间加上本地时区偏置的毫秒数var now = new Date() // 现在时间var nowtime = new Date(now).getTime() // 把现在时间转化为时间戳var nowOf...

2020-04-26 18:05:02 239

原创 vue中定时器设置和关闭页面时关闭定时器

methods中setTime(a,b) //设置定时器传入a，b两个参数也可以不传{ this.clearTimeSet=setInterval(() => { this.webSocketClientOnopen(a,b);//定义一个方法这里调用这方法传入setTime()中传入的a,b参数 }, 1000);//1000毫秒调用一次this.webSocke...

2020-04-26 17:50:18 2294

原创 Nodejs定时任务（node-schedule)

在实际开发项目中，会遇到很多定时任务的工作。比如：定时导出某些数据、定时发送消息或邮件给用户、定时备份什么类型的文件等等一般可以写个定时器，来完成相应的需求，在node.js中自已实现也非常容易，接下来要介绍的是node-schedule来完成定时任务下面就用示例来说明一下node-schedule的用法。安装npm install node-schedule --save 或者 yarn...

2020-04-26 17:41:50 889

原创 radius库的使用

radius模块地址：https://www.npmjs.com/package/radius1.radius模块中的实例var radius = require('radius');var dgram = require("dgram");var secret = 'radius_secret';var server = dgram.createSocket("udp4");se...

2020-02-21 16:27:17 782

原创 vue2.x 脚手架安装，搭建项目

1.使用 npm 安装脚手架工具npm i vue-cli -g2. 使用脚手架工具创建vue项目// 方式一vue init webpack vue-demo01// 方式二创建个简易模板项目vue init webpack-simple vue-demo023.到 vue-demo01 目录下安装依赖（默认脚手架传教项目的时候已经安装好了依赖）和运行项目npm insta...

2020-02-21 16:04:17 662

原创随机打乱数组

随机打乱数组let arr = [1, 2, 3, 4, 5]; function randFun(arr) { for(let i=0, len = arr.length; i < len; i++) { let index = parseInt(Math.random() * (len - 1)); let tem...

2020-02-06 14:38:47 161

原创 CentOS 7下载地址

阿里云站点：http://mirrors.aliyun.com/centos/7/isos/x86_64/进入以后下载CentOS-7-x86_64-DVD-1908.iso 这个版本介绍链接：https://www.jianshu.com/p/a63f47e096e8

2019-12-06 00:21:00 86

原创 sequelize 数据库操作

1.Create新增操作const wllmApply = require('../models').demoasync function register(params) { //params 参数对象列：{name:'zhangsan',age:12,sex:'男'} return await demo.create(params).then(result=...

2019-11-19 11:35:30 780

原创 centOs 7下安装 redis

1.下载redis安装包#wget http://download.redis.io/releases/redis-4.0.6.tar.gz2.解压压缩包#tar -zxvf redis-4.0.6.tar.gz3.yum安装gcc依赖#yum install gcc4.编译安装#cd redis-4.0.6/#make MALLOC=libc#cd src#ma...

2019-11-18 13:42:58 73

原创 window 安装mysql 5.7.23

1.解压mysql 到 D:\install\mysql-5.7.23解压之后如下图：此时加压后的文件中没有data目录和ini文件2.在D:\install\mysql-5.7.23目录下新建my.ini文件，复制如下内容[mysqld]#设置3306端port = 3306#设置mysql的安装目录basedir=D:\install\mysql-5.7.23#设置mysq...

2019-11-18 11:14:31 96

原创 centos7 mysql数据库安装和配置

1.下载安装mysql-server#wget http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm#rpm -ivh mysql-community-release-el7-5.noarch.rpm#yum install mysql-community-server2.安装成功后重启mysql服务#s...

2019-11-18 11:02:00 137

原创 JavaScript生成二维码

JavaScript生成二维码1.安装qr-image包 npm install qr-image 2.引入qr-image和fs(生成文件需要使用)包 var qr = require('qr-image'); const fs = require('fs');3.使用//demo.jsvar qr = require('qr-image');const fs = ...

2019-09-09 17:28:01 98

原创解决上传图片是fakepath问题

1.监听事件 function showImg(){ var myFReader = new FileReader(); var file = document.getElementById('input-file').files[0]; myFReader.readAsDataURL(file); myFReader.onloadend = function(...

2019-09-09 17:16:39 1038

原创复制按钮

1.在script标签中引入复制文件<script src="/public/admin/js/clipboard.min.js"></script>2.在script标签下写 <script> var clipboard $(function(){ clipboard = new Clipbo...

2019-09-09 17:04:06 678

原创 nodejs 点击按钮更换状态

1.controller 里的方法/** * 修改用户状态 */async HorselightStatus() { try { const { id, status } = this.ctx.request.body; const user = await this.ctx.service.horselight.findById(id); const url ...

2019-08-23 16:41:48 1549

原创 html点击上传图片，并显示

<div class="layui-form-item"> <label class="layui-form-label">图片地址</label> <div class="layui-input-block"> <input type="...

2019-08-20 20:04:16 25631 2

原创 nodejs用egg框架实现图片上传

1.创建app/public/admin/upload 文件夹用于存放上传的图片2.在app/service/tools.js（工具）下写一个文件上传的方法 /** * 获取文件上传目录 * @param {*} filename */ async getUploadFile(filename) { // 1、获取当前日期 20180920 let...

2019-08-20 19:34:15 2472

原创 egg使用模板引擎 ejs

1. 安装npm i egg-view-ejs --save2. 找到项目中的 config/plugin.js 文件'use strict'; /** @type Egg.EggPlugin */module.exports = {// had enabled by egg// static: {// enable: true,// } //ejsejs:{...

2019-08-15 10:41:20 139

原创 node.js 生成验证码

1.安装 svg-captcha 模块npm install svg-captcha --save2.使用router.get("/code",async (ctx)=>{ let captcha = svgCaptcha.create({ size:4, //验证码长度 fontSize:50, width:120, ...

2019-08-15 10:38:41 251

原创 egg 中间件编写

一、自定义中间件1.在app目录下新建 middleware 文件夹，在 middleware文件夹里面新建一个中间件的文件。我这里新建一个printdate.js 文件/*options: 中间件的配置项，框架会将 app.config[${middlewareName}] 传递进来。app: 当前应用 Application 的实例。配置中间件*/module.exports...

2019-08-15 10:32:46 465

原创 egg 配置session

一、 Session 简单介绍session 是另一种记录客户状态的机制，不同的是 Cookie 保存在客户端浏览器中，而 session 保存在服务器上。二、 Session 的工作流程当浏览器访问服务器并发送第一次请求时，服务器端会创建一个session对象，生成一个类似于 key,value 的键值对，然后将 key(cookie)返回到浏览器(客户)端，浏览器下次再访问时，携带...

2019-08-15 10:12:30 1567

原创 egg 定时任务

1.在app目录下新建schedule文件夹，所有的定时任务都统一存放在该文件夹下。在schedule文件夹下新建 spider.js 文件（文件名可以随意）spider.jslet index = 0;module.exports = app => { return { schedule: { interval: "3s",//app....

2019-08-15 10:11:01 415

原创 egg.js中使用egg-mysql操作mysql数据库

1、在 egg 项目中安装 egg-mysqlnpm i egg-mysql --save2、在 {app_root}/config/plugin.js 中启用 egg-mysql 插件:'use strict'; /** @type Egg.EggPlugin */module.exports = { //mysql mysql:{ enable:t...

2019-08-15 10:05:51 15624 3

原创 Egg 使用 Sequelize

1.安装sequelize依赖和mysql驱动cnpm i egg-sequelize mysql2 -save2.在config/plugin.js 下启用sequelize插件sequelize:{ enable:true, package:'egg-sequelize' }3.在 config/config.default.js 配置数据库config.seq...

2019-08-15 09:55:20 1910

原创 Sequelize 表关联

//一对一app.model.UserAccount.hasOne(app.model.UserInfo, { foreignKey: 'user_id' }); // 一个账号对应一个账号信息app.model.UserInfo.belongsTo(app.model.UserAccount, { foreignKey: 'user_id', targetKey: 'user_id' });...

2019-08-15 09:47:59 440

原创 js获取本周、上周、下周，本月、下月等时间

//获取上周起始时间结束时间、下周起始时间结束时间开始时间和本周起始时间结束时间;（西方）function getTime(n) { var now = new Date(); var year = now.getFullYear(); //因为月份是从0开始的,所以获取这个月的月份数要加1才行 var month = now.getMonth() + 1; ...

2019-08-15 09:46:12 637

原创 js 冒泡、选择、插入、快速排序

/** 生成数组 */function generateArr(sizi = 100000){ var set = new Set(); while(true){ let item = parseInt(Math.random() * 100000000000); if( item % 2 == 1 ){ set.add(...

2019-08-15 09:45:09 112

空空如也

空空如也