- 博客(19)
- 收藏
- 关注
RSS订阅原创 ubantu 远程部署+使用 screen 保持web服务持续服务
ubantu 使用 screen 保持web服务持续服务前言在Linux 中部署好项目后 需要开启一个服务保持后端一直接收请求但是窗口是一直开着的 一旦关闭窗口 服务也跟随着关闭,如果需要远程部署那就需要重启项目 那自己电脑上的窗户也需要一直开着 保持会话远程部署windows 提交代码到linux服务器可使用 scp 命令 windows 开启cmd 管理窗口 直接可用scp -r C:\Users\kefan\Desktop\test kefan@192.168.85.128:
2021-10-08 17:14:04
239
原创 ant design pro vue 动态路由 流程详解
ant design pro vue 动态路由 前后端详解前言流程图前言官方提供了两种实现权限的方法 官网地址1:前端路由表写死(设置权限标识) 根据后端返回的权限标识生成路由表2:动态路由 路由表由后端返回 前端根据返回的 进行路由表的拼接两种方法 在 src/store/index.js 里切换// import permission from './modules/permission'// 第一种 根据路由表里permissions 权限标识筛选///import permi
2021-08-20 10:22:54
2797
15
原创 本地测试运行vue打包后dist文件
vue打包后,本地测试运行dist文件第一步:安装服务npm i -g serve第二步:进入打好包的dist文件夹cd dist第三步:运行serve结果:浏览器输入访问即可
2021-08-12 15:50:58
1839
原创 ubantu20.4 在本地部署flask+nginx+uwsgi+vue 前后分离项目
ubantu20.4 部署flask+nginx+uwsgi+vue 前后分离项目tips: ubantu20.4 内置了python3.+ 所以下面安装都用pip3来安装安装Nginx及其他所需软件之前先安装一些前提软件。首先，我们需要pip3与virtualenvsudo apt-get install python-setuptoolssudo apt install python3-pipsudo pip3 install virtualenv使用apt-get安装Nginx的话
2021-04-16 18:27:27
304
原创 vue中使用 clipboard.js 一键复制dom里的图片
vue中使用 clipboard.js 一键复制dom里的图片归档 :之前的方法是使用了一个浏览器废弃的属性 现在应该是不支持了 现在需要借助一下原生来实现准备一个js文件 clipboard.js 没有可以去官网下载还需要一个html文件 在vue中 使用iframe内嵌用来复制<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>复制&l
2020-12-03 10:57:35
4107
16
原创 vue中使用 vue-dplayer视频播放器
在VUE中使用 vue-dplayervue-dplayer是DPlayer的vue版 支持弹幕,字幕,截图等功能1.安装npm install vue-dplayer -S2.mian.js里import VueDPlayer from "vue-dplayer";import "vue-dplayer/dist/vue-dplayer.css";Vue.use(VueDPlayer);3.页面使用 完整代码<template> <div class="mai
2020-12-02 17:46:01
7517
6
原创 在vue中封装一个wangeditor组件
在Vue封装一个富文本组件 以后使用就方遍了 wangeditor文档第一步安装npm install wangeditor --save第二步封装组件 在@/components/Editor/WangEditor.vue<template> <div :class="prefixCls"> <div ref="editor" class="editor-wrapper"></div> </div></templ
2020-07-24 23:26:07
1650
2
原创 在vue中把Dom元素转成图片并下载到本地或者几张图片图片合成为一张
Dom元素转图片都是用canvas来实现的(常用于营销图的制作,自定义图片合成等需求) 推荐使用html2canvas来实现 html2canvas文档第一步安装npm install html2canvas --save第二步在需要使用的页面引入import html2canvas from "html2canvas"第三部构建----html <div class="canvas_box" id="mycanvas" ref="mycanvas"> //里面放
2020-07-24 22:57:29
2833
2
原创 js给对象的key赋值
在vue 使用 viser-vue图表时需要用到给对象的key赋值的情况怎么使用viser图表 见官网 https://viserjs.github.io/我们来说一下 const sourceData = [{ name: '销售额', 'Jan.': 18.9, 'Feb.': 28.8, 'Mar.': 39.3,
2020-07-23 23:38:49
3207
原创 在vue中导出数据为表格
在vue中导出数据为表格第一步准备5个东西1.安装三个依赖npm install -S file-savernpm install -S xlsxnpm install -D script-loader2.引入两个js文件 Blob.js和Export2Excel.js-----Blob.js/* eslint-disable *//* Blob.js*//*global self, unescape *//*jslint bitwise: true, regexp: true,
2020-07-23 23:13:04
271
原创 在vue中使用v-emoji-picker实现在input光标处插入表情
在vue中使用v-emoji-picker实现在input光标处插入表情第一步安装npm i v-emoji-picker --save第二步引入在要使用的页面引入 (文档上在main.js里引入,不能用 可能是我姿势不对/手动狗头)import VEmojiPicker from 'v-emoji-picker' components: { VEmojiPicker }-----html <div class="emoji_box"> <
2020-07-23 22:35:15
2189
8
原创 vue项目实现盒子滚动到底部加载更多的功能
vue项目实现div盒子滚动到底部加载更多的功能使用vue 的 scroll 事件 可以很快的实现----html <div class="scroll_box" ref="evabox" @scroll="Scroll"> <div v-for="(item,index) in imgList" :key="index"> {{item}} </div> </div>----me
2020-07-23 22:11:31
1619
1
原创 在vue 脚手架中实现阿里PC端人机验证前端
在vue 脚手架中实现阿里云PC网页的人机滑动验证这里附上官方文档 阿里pc网页滑动验证代码集成在public/index里添加<head> <!-- 国内使用 --> <script type="text/JAVAscript" charset="utf-8" src="https://g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script> <!-- 若您的主要用户来
2020-05-09 21:28:29
1635
原创 在vue脚手架中使用vue-clipboard2实现一键复制图片功能
在vue脚手架中使用vue-clipboard2实现一键复制功能(包含图片和文字)安装npm install --save vue-clipboard2在main.js里引入import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)3.页面引用html部分<div ref="foo" >//通过ref获取dom <img :src="url" alt="">//盒子内为你需要
2020-05-09 20:49:13
4515
14
原创 使用封装axios请求之network请求成功,控制台打印catch错误
问题描述:在使用ruoyi-ui写后台管理时,出现了请求成功,但是代码不走then,走的是catch的情况,在网上多方查找也没有找到解决方案,最终经过排查,最终发现导致此现象的原因,这里附上若依官网这里使用的是ruoyi自带的request.js(封装的axios)实现请求,出现了下面的情况控制台显示:(catch报错)network显示:(请求成功)最终排查原因在request.js...
2020-01-05 23:11:17
2167
原创 uniapp基础使用指南2
uniapp的基础使用2本篇为uniapp基础使用指南的续集,主要说说Dom操作和在uniapp里使用vuex上一篇链接 uniapp基础使用指南14.获取Dom元素 (详细文档 在API>界面>节点信息)const query = uni.createSelectorQuery().in(this);query.selectAll('.title').boundingCli...
2020-01-02 22:22:20
720
原创 uniapp基础使用指南
uniapp的基础使用uniapp使用vue的语法,微信小程序的组件和api会这两项可直接上手 看完本篇文章即可进行开发1.准备工作 安装HbuilderX和微信开发者工具(各个平台的的小程序开发工具,自行百度下载,这里以微信小程序为例)2. 打开HbuilderX 点击 文件>新建>项目出现下图 根据图上更改 3. 项目文件夹介绍...
2020-01-02 21:38:31
1072
原创 vue-cli快速创建项目
vue-cli 3.0+脚手架快速创建项目及解析使用vue开发大型项目时，需要考虑到目录结构、项目构建以及部署、热加载、代码单元化测试等事情，如果手动完成这些，效率非常低，一般情况下我们使用脚手架完成这样的工作。在vue.js的生态中，我们可以使用vue-cli来快速的构建项目。1.首先本地全局安装 vue-cli 可以组合键：Windows + R打开黑窗口执行,windows 10 也可...
2020-01-02 16:08:38
555
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人