- vue-element根据后端返回的值,在表格内生成二维码并且下载
爬坑的小白
vue.jsjavascriptchrome
1:安装qrcodenpmiqrcode2:引入qrcodeimportQRCodefrom'qrcode'3:页面下载4:方法//封装方法生产二维码asyncgetCode(data){console.log(data,';;;')try{constdataSting=data.toString()constqrCodeData=awaitQRCode.toDataURL(dataSting)r
- vue-element安装scss后报错
print_printf
报错信息:TypeError[ERR_INVALID_ARG_TYPE]:The"path"argumentmustbeoftypestring。报错原因:版本问题(已安装node-sass和sass-loader的情况下)解决方案:package.json文件中的node-sass和sass-loader版本改成:"node-sass":"^4.11.1""sass-loader":"^7.3.
- Spring Boot + vue-element 开发个人博客项目实战教程(二十、登录日志、用户、分类管理页面开发)
码上言
SpringBoot+vue开发个人博客项目实战教程springbootvue.js
⭐作者简介:码上言⭐代表教程:SpringBoot+vue-element开发个人博客项目实战教程⭐专栏内容:零基础学Java、个人博客系统学习讨论群:530826149项目部署视频https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b文章目录项目部署视频前言一、登录日志页面1、
- Spring Boot + vue-element 开发个人博客项目实战教程(八、用户中心功能实现)
码上言
SpringBoot+vue开发个人博客项目实战教程vue.jsspringbootjava
⭐作者简介:码上言⭐代表教程:SpringBoot+vue-element开发个人博客项目实战教程⭐专栏内容:零基础学Java、个人博客系统学习讨论群:530826149项目部署视频https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b文章目录项目部署视频前言一、引入Lombok
- 记录 vue-element登录请求遇到cors跨域错误及解决方法
bianlidou
vue-elementvue.jsflask前端
如下图发生了CORS错误,再看看服务端,是一个简单的flask应用可以看出前端的预请求,options是成功的,但是post请求的时候是失败的,AccesstoXMLHttpRequestat‘http://127.0.0.1:5000/user/login’fromorigin‘http://localhost:9527’hasbeenblockedbyCORSpolicy…解决方法:在服务端增
- 【仅记录】vue和activiti前后端分离的bpmn工作流搭建及部分问题解决方法
kikaori-茶
vue.js前端javascript
因为项目组需要一个工作流,所以我也是第一次使用bpmn-js工作流。做的前后端分离的版本,前端是vue-element框架,后端是activiti的。写这篇主要是为了记录(仅记录前端)自己从开始搭建看的教学贴&中间遇到的一些小问题的解决方法,如果后续还有别的问题也都会一并更新到这里,内容比较多。(先放一下自己搭建好的工作流绘制页面)bpmn官网:https://bpmn.io/toolkit/bp
- vue-element ui-axios-springboot环境:文件和表单上传后端
zsj_javaer
vuevue.jselementui
此文,主要讲解elementui的文件上传功能,以及文件+表单一起作为参数被后端接收的内容。!!!下面是代码vue-elementui-axios代码文件上传<!--:on-change=“chan
- Spring Boot + vue-element 开发个人博客项目开发(七、Postman测试接口)
火木火木
vue.jsspringbootpostman
前面的功能模块已经写完了,启动也能正常运行,不报错,单这些功能到底有没有用,能不能将数据保存到数据库中,我们不得而知,需要实施一定的方法去验证,要确保自己的代码能够泡桐,才可以交付给前端开发,使用的测试工具是Postman进行接口测试一、Postman介绍1.什么是PostmanPostman是一个接口测试工具,在进行接口测试时,Postman相当于一个客户端,它可以模拟用户发起的各种HTTP请求
- vue-element安装富文本编辑器vue-quill-editor教程
季夏梧桐
vue.js前端javascript
在vueui面板中安装vue-quill-editor依赖命令安装npm install vue-quill-editor --save#oryarn add vue-quill-editor使用方法在main.js导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' // i
- el-tree只有叶子节点才显示勾选框vue-element
刚刚好ā
样式vue.jselementuijavascriptvscode前端
实现效果:template中:引用element的el-tree,其中show-checkbox为显示勾选框,选择true,默认所有节点均有勾选框。在style中:.el-tree-node{.is-leaf+.el-checkbox.el-checkbox__inner{display:inline-block;}.el-checkbox.el-checkbox__inner{display:n
- SpringBoot+Vue+Vue-ElementUI实现登录功能(前后端分离)
小样yx
Java后端相关随笔vuejava
目录前言一、vue-Element实现登录页面二、后端实现三、对应实现视频推荐前言首先我们需要用命令创建一个vue项目,这里就不详细说,因为已经写过一篇文章,关于命令创建,最好都用命令创建和安装,链接如下:https://blog.csdn.net/weixin_39615182/article/details/115899991最终效果展示说明:输入账号密码,正确后,弹窗显示登录成功,跳转到首页
- Vue-element 种 resetFields()那些坑
小鱼儿_逆流而上
哈喽,小鱼儿又回来啦,哈哈哈哈哈哈哈哈哈哈哈,最近正在进行项目的初步调试阶段,在此过程中呢就发现,this.$refs['ruleForm'].resetFields()经常会报错!具体描述我的form在两个dialog中,分别是添加、修改,界面上都有两个按钮,添加/修改、取消,如下图所示:打开添加窗体报错显示.png添加、修改按钮显示.png界面加载之后,点击添加,再点修改是没问题的,就是**先
- vue前台导出zip文件_Vue 框架下实现导入导出 Excel、导出 PDF
weixin_39911475
vue前台导出zip文件
项目需求:开发一套基于Vue框架的工程档案管理系统,用于工程项目资料的填写、编辑和归档,经调研需支持如下功能:Excel报表的导入、导出PDF文件的导出打印表格经过技术选型,项目组一致决定通过表格组件SpreadJS来实现。以下是实现Excel报表的导入导出、PDF导出、打印表格的一些思路,供大家参考:环境介绍1.后台:SpringBoot2.x2.前台:vue、vue-element、webpa
- html实现pdf导出excel表格,一篇文章详解:Vue框架下轻松实现Excel、PDF导出
孙天任
项目需求:开发一套基于Vue框架的工程档案管理系统,用于工程项目资料的填写、编辑和归档,经调研需支持如下功能:Excel报表的导入、导出PDF文件的导出打印表格经过技术选型,项目组一致决定通过表格组件SpreadJS来实现。以下是实现Excel报表的导入导出、PDF导出、打印表格的一些思路,供大家参考:环境介绍后台:SpringBoot2.x前台:vue、vue-element、webpack、i
- vue 导入excel插件_Vue框架下实现导入导出Excel、导出PDF
攻气直女
vue导入excel插件
项目需求:开发一套基于Vue框架的工程档案管理系统,用于工程项目资料的填写、编辑和归档,经调研需支持如下功能:Excel报表的导入、导出PDF文件的导出打印表格经过技术选型,项目组一致决定通过表格组件SpreadJS来实现。以下是实现Excel报表的导入导出、PDF导出、打印表格的一些思路,供大家参考:环境介绍1.后台:SpringBoot2.x2.前台:vue、vue-element、webpa
- vue-element/umyui 监听表格列宽变化
今夜大风
前端vue.jselementuijavascript
需求:用户通过拖动表格列宽来实现保存用户自己的个性化设置解决:因为是要动态获取用户设置的列宽,所以需要去监听列宽变化才行,百度找了好几个都不太合适,然后发现element文档自带这个事件,所以浪费了一堆时间,所以文档还是得仔细瞅但是呢,我用的是umyui的ux-grid,而umy只是改造了element-ui等等库的表格组,所以umy中ux-grid这个事件返回的参数和element是有区别的,并
- Vue-Element UI 组件使用经验,动态二维码生成,node.js 之使用 util 工具类发送请求,uniapp忽略路径中#,前端总结大杂烩,附代码解析(持续更新)
椎名寒影
学习uivue.js
目录一、Vue-ElementUI1.表格el-table2.弹框3.按钮(预授权)4.组件template5.抽屉el-drawer6.动态生成二维码二、node.js1.node.js引入util.js工具类三、uniapp1.view标签2.onLoad(options)获取url路径上参数3.解决微信开发中H5路径中的"#"影响跳转一、Vue-ElementUI1.表格el-table@s
- Vue-element ui 按钮倒计时效果
badxcat
前端开发vueelementui
{{getCode}}exportdefault{name:'demo',data(){return{getCode:'获取验证码',isGeting:false,count:60,disable:false}},methods:{getVerifyCode(){varcountDown=setInterval(()=>{if(this.count.codeGeting{background:#c
- vue-element日历calendar组件个性化改造(备忘录圆点、点击事件)
管小姐的斐波那契
前端Vuevue.js
需求如图,总结如下1.根据后台返回的数据,判断有备忘录的给出标注,memoLevel为紧急程度1为紧急(红色),2一般(蓝色),3不重要(绿色),显示小圆点,2.如果同一天出现很多条备忘录,根据第一条紧急程度显示圆点颜色,3.点击每一天请求数据,显示当天的备忘录,4.页面初始化显示当月数据5.点击上个月、当天、下个月请求对应日期的数据废话不说,上代码html日程安排与计划查看全部{{data.da
- vue-element el-table 使用sortablejs拖拽排序
cnmone
JavaScriptvuesortablejselementuiel-tabletable排序vue
需求描述vue-element-admin开发过程中需要对el-table行进行排序(即每一行可以上下移动),然后将排序后的数据传给后台更新数据。该表格无分页。问题分析方法一:可以采用在每条数据中加两个上下移动的按钮,每次移动一行。该方法实现简单,不过要连续移动的时候需要多次调用接口,交互效果不太好。方法二:可以采用table的拖拽功能实现行的一次性拖拽。该方法可以实现拖拽后调用接口,任意移动多行
- vue 实现模糊搜索功能,vue-element ui改编input模糊查询
acoolgiser
vue.jsvue模糊搜索模糊查询
vue实现模糊搜索功能根据输入的内容进行查找数据,然后展示含有输入内容的数据{{item.name}}数据结构data(){return{issue_content:"",//输入框中的内容serch_result_issue:false,//控制搜索的问题显示隐藏serch_result:[{name:"忘记了密码怎么办?"},{name:"如何成为星签约者"},{name:"什么样的文章能够被
- Vue+elementUI
忘川茶社
vue
工具:idea想要详细了解Vue的话,视频链接:https://www.bilibili.com/video/BV18E411a7mC博客链接:https://blog.csdn.net/DDDDeng_/article/details/107475920使用ElementUI组件库来实战,应用到实际中。创建一个名为vue-element的工程命令:vueinitwebpackvue-elemen
- 前端-Vue-element-开发指南
amingMM
vue.js前端javascript
电商管理系统框架Vue-element电商管理系统电商管理系统框架1介绍了解项目实战的学习目标2电商项目基本业务概述3后台管理系统功能划分4项目开发模式技术选型5项目初始化可视化面板配置6配置码云SSH7托管云8安装mysql9API服务器Postman调试10分析登陆和token原理11登陆页面子分支12登陆退出项目结构13渲染Login组件路由重定向14绘制登录盒子15绘制默认头像16绘制登录
- 后台管理系统 Vue-Element 基础功能
Lyndon1107
前端vue
数组操作letarr=this.deviceIds.split(',');//拆分编号arr.splice(i,1)移除数组某个元素arr.join(',')//合并成字符串简介基于Vue+Webpack+ElementUI框架,实现后台管理系统基本布局使用npm安装vue和vue-cli,并使用webpack创建项目vue2.0版本中,
[email protected]的最新稳定版本默认使用webpack3
- Vue-element简易后台管理系统
Pomegranate丶
vue.jsjavascript前端
采用vue2+element构建网页主体,node作为本地服务器,mysql作为数据库,echarts做了一丁点可视化.项目路径一:配置路由以及服务器1.配置vue.config.js取消lint以及配置代理服务器解决跨域问题可以在服务器app.js引入cors模块解决跨域,就不用配置代理了.const{defineConfig}=require('@vue/cli-service')module
- VUE-ELEMENT实现动态菜单递归组件
多喝烫水_
javascriptvue.js前端
VUE-ELEMENT实现动态菜单递归组件刚入行前端的小伙伴们应该都是在公司框架之上进行开发的吧,菜单路由接口调用都给安排的好好的,需要做的只是创建一个vue,链接上路由,开发业务。当然啦,仅会写业务的前端格局还是不够打开的,前端更新如此之快系统风格让人眼花缭乱,说不定哪天产品就会觉得之前的框架怎么这么low,你来再重新搭一个!!!怎么用vue脚手架搭建一个使用elementUI库对于看到这里的小
- 新建vue-element项目
jvmyes
vue.jsarcgis前端
创建vue项目快速上手|Vue.jsnpmcreatevue@latestcdnpminstallnpmrundev构建生产包:npmrunbuild安装Chrome插件:https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd引入element-plus安装|ElementP
- vue-element(三)使用vuex 管理全局数据
陈凌川
一、安装及引用1.安装npminstallvuex--save2.在main.js中引用importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'importstorefrom'./store'Vue.use(ElementUI)Vue.config.productionTip=false/*eslint-disableno-n
- vue-element 实现分页表格全部数据的导出
TRACER~85
前端vueelementui
1.安装依赖尽量先设定好用国内淘宝镜像,不然很可能安装出问题。npminstall-Sfile-savernpminstall-Sxlsxnpminstall-Dscript-loader2.新建文件夹,放置Blob.js和export2Excel.js放在assets下面。Blob.js/*!@sourcehttp://purl.eligrey.com/github/Blob.js/blob/m
- vue-element(五)高亮编辑器(Monaco)组件
陈凌川
参考Vue项目中使用高亮编辑器(Monaco):https://blog.csdn.net/breavo_raw/article/details/88080451一、monaco安装和插件配置安装monaconpminstallmonaco-editor-S安装monaco-editor-webpack-pluginnpminstallmonaco-editor-webpack-plugin-S配
- Algorithm
香水浓
javaAlgorithm
冒泡排序
public static void sort(Integer[] param) {
for (int i = param.length - 1; i > 0; i--) {
for (int j = 0; j < i; j++) {
int current = param[j];
int next = param[j + 1];
- mongoDB 复杂查询表达式
开窍的石头
mongodb
1:count
Pg: db.user.find().count();
统计多少条数据
2:不等于$ne
Pg: db.user.find({_id:{$ne:3}},{name:1,sex:1,_id:0});
查询id不等于3的数据。
3:大于$gt $gte(大于等于)
&n
- Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space
0624chenhong
jvmjboss
转自
http://blog.csdn.net/zou274/article/details/5552630
解决办法:
window->preferences->java->installed jres->edit jre
把default vm arguments 的参数设为-Xms64m -Xmx512m
----------------
- 文件上传 下载 解析 相对路径
不懂事的小屁孩
文件上传
有点坑吧,弄这么一个简单的东西弄了一天多,身边还有大神指导着,网上各种百度着。
下面总结一下遇到的问题:
文件上传,在页面上传的时候,不要想着去操作绝对路径,浏览器会对客户端的信息进行保护,避免用户信息收到攻击。
在上传图片,或者文件时,使用form表单来操作。
前台通过form表单传输一个流到后台,而不是ajax传递参数到后台,代码如下:
<form action=&
- 怎么实现qq空间批量点赞
换个号韩国红果果
qq
纯粹为了好玩!!
逻辑很简单
1 打开浏览器console;输入以下代码。
先上添加赞的代码
var tools={};
//添加所有赞
function init(){
document.body.scrollTop=10000;
setTimeout(function(){document.body.scrollTop=0;},2000);//加
- 判断是否为中文
灵静志远
中文
方法一:
public class Zhidao {
public static void main(String args[]) {
String s = "sdf灭礌 kjl d{';\fdsjlk是";
int n=0;
for(int i=0; i<s.length(); i++) {
n = (int)s.charAt(i);
if((
- 一个电话面试后总结
a-john
面试
今天,接了一个电话面试,对于还是初学者的我来说,紧张了半天。
面试的问题分了层次,对于一类问题,由简到难。自己觉得回答不好的地方作了一下总结:
在谈到集合类的时候,举几个常用的集合类,想都没想,直接说了list,map。
然后对list和map分别举几个类型:
list方面:ArrayList,LinkedList。在谈到他们的区别时,愣住了
- MSSQL中Escape转义的使用
aijuans
MSSQL
IF OBJECT_ID('tempdb..#ABC') is not null
drop table tempdb..#ABC
create table #ABC
(
PATHNAME NVARCHAR(50)
)
insert into #ABC
SELECT N'/ABCDEFGHI'
UNION ALL SELECT N'/ABCDGAFGASASSDFA'
UNION ALL
- 一个简单的存储过程
asialee
mysql存储过程构造数据批量插入
今天要批量的生成一批测试数据,其中中间有部分数据是变化的,本来想写个程序来生成的,后来想到存储过程就可以搞定,所以随手写了一个,记录在此:
DELIMITER $$
DROP PROCEDURE IF EXISTS inse
- annot convert from HomeFragment_1 to Fragment
百合不是茶
android导包错误
创建了几个类继承Fragment, 需要将创建的类存储在ArrayList<Fragment>中; 出现不能将new 出来的对象放到队列中,原因很简单;
创建类时引入包是:import android.app.Fragment;
创建队列和对象时使用的包是:import android.support.v4.ap
- Weblogic10两种修改端口的方法
bijian1013
weblogic端口号配置管理config.xml
一.进入控制台进行修改 1.进入控制台: http://127.0.0.1:7001/console 2.展开左边树菜单 域结构->环境->服务器-->点击AdminServer(管理) &
- mysql 操作指令
征客丶
mysql
一、连接mysql
进入 mysql 的安装目录;
$ bin/mysql -p [host IP 如果是登录本地的mysql 可以不写 -p 直接 -u] -u [userName] -p
输入密码,回车,接连;
二、权限操作[如果你很了解mysql数据库后,你可以直接去修改系统表,然后用 mysql> flush privileges; 指令让权限生效]
1、赋权
mys
- 【Hive一】Hive入门
bit1129
hive
Hive安装与配置
Hive的运行需要依赖于Hadoop,因此需要首先安装Hadoop2.5.2,并且Hive的启动前需要首先启动Hadoop。
Hive安装和配置的步骤
1. 从如下地址下载Hive0.14.0
http://mirror.bit.edu.cn/apache/hive/
2.解压hive,在系统变
- ajax 三种提交请求的方法
BlueSkator
Ajaxjqery
1、ajax 提交请求
$.ajax({
type:"post",
url : "${ctx}/front/Hotel/getAllHotelByAjax.do",
dataType : "json",
success : function(result) {
try {
for(v
- mongodb开发环境下的搭建入门
braveCS
运维
linux下安装mongodb
1)官网下载mongodb-linux-x86_64-rhel62-3.0.4.gz
2)linux 解压
gzip -d mongodb-linux-x86_64-rhel62-3.0.4.gz;
mv mongodb-linux-x86_64-rhel62-3.0.4 mongodb-linux-x86_64-rhel62-
- 编程之美-最短摘要的生成
bylijinnan
java数据结构算法编程之美
import java.util.HashMap;
import java.util.Map;
import java.util.Map.Entry;
public class ShortestAbstract {
/**
* 编程之美 最短摘要的生成
* 扫描过程始终保持一个[pBegin,pEnd]的range,初始化确保[pBegin,pEnd]的ran
- json数据解析及typeof
chengxuyuancsdn
jstypeofjson解析
// json格式
var people='{"authors": [{"firstName": "AAA","lastName": "BBB"},'
+' {"firstName": "CCC&
- 流程系统设计的层次和目标
comsci
设计模式数据结构sql框架脚本
流程系统设计的层次和目标
 
- RMAN List和report 命令
daizj
oraclelistreportrman
LIST 命令
使用RMAN LIST 命令显示有关资料档案库中记录的备份集、代理副本和映像副本的
信息。使用此命令可列出:
• RMAN 资料档案库中状态不是AVAILABLE 的备份和副本
• 可用的且可以用于还原操作的数据文件备份和副本
• 备份集和副本,其中包含指定数据文件列表或指定表空间的备份
• 包含指定名称或范围的所有归档日志备份的备份集和副本
• 由标记、完成时间、可
- 二叉树:红黑树
dieslrae
二叉树
红黑树是一种自平衡的二叉树,它的查找,插入,删除操作时间复杂度皆为O(logN),不会出现普通二叉搜索树在最差情况时时间复杂度会变为O(N)的问题.
红黑树必须遵循红黑规则,规则如下
1、每个节点不是红就是黑。 2、根总是黑的 &
- C语言homework3,7个小题目的代码
dcj3sjt126com
c
1、打印100以内的所有奇数。
# include <stdio.h>
int main(void)
{
int i;
for (i=1; i<=100; i++)
{
if (i%2 != 0)
printf("%d ", i);
}
return 0;
}
2、从键盘上输入10个整数,
- 自定义按钮, 图片在上, 文字在下, 居中显示
dcj3sjt126com
自定义
#import <UIKit/UIKit.h>
@interface MyButton : UIButton
-(void)setFrame:(CGRect)frame ImageName:(NSString*)imageName Target:(id)target Action:(SEL)action Title:(NSString*)title Font:(CGFloa
- MySQL查询语句练习题,测试足够用了
flyvszhb
sqlmysql
http://blog.sina.com.cn/s/blog_767d65530101861c.html
1.创建student和score表
CREATE TABLE student (
id INT(10) NOT NULL UNIQUE PRIMARY KEY ,
name VARCHAR
- 转:MyBatis Generator 详解
happyqing
mybatis
MyBatis Generator 详解
http://blog.csdn.net/isea533/article/details/42102297
MyBatis Generator详解
http://git.oschina.net/free/Mybatis_Utils/blob/master/MybatisGeneator/MybatisGeneator.
- 让程序员少走弯路的14个忠告
jingjing0907
工作计划学习
无论是谁,在刚进入某个领域之时,有再大的雄心壮志也敌不过眼前的迷茫:不知道应该怎么做,不知道应该做什么。下面是一名软件开发人员所学到的经验,希望能对大家有所帮助
1.不要害怕在工作中学习。
只要有电脑,就可以通过电子阅读器阅读报纸和大多数书籍。如果你只是做好自己的本职工作以及分配的任务,那是学不到很多东西的。如果你盲目地要求更多的工作,也是不可能提升自己的。放
- nginx和NetScaler区别
流浪鱼
nginx
NetScaler是一个完整的包含操作系统和应用交付功能的产品,Nginx并不包含操作系统,在处理连接方面,需要依赖于操作系统,所以在并发连接数方面和防DoS攻击方面,Nginx不具备优势。
2.易用性方面差别也比较大。Nginx对管理员的水平要求比较高,参数比较多,不确定性给运营带来隐患。在NetScaler常见的配置如健康检查,HA等,在Nginx上的配置的实现相对复杂。
3.策略灵活度方
- 第11章 动画效果(下)
onestopweb
动画
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- FAQ - SAP BW BO roadmap
blueoxygen
BOBW
http://www.sdn.sap.com/irj/boc/business-objects-for-sap-faq
Besides, I care that how to integrate tightly.
By the way, for BW consultants, please just focus on Query Designer which i
- 关于java堆内存溢出的几种情况
tomcat_oracle
javajvmjdkthread
【情况一】:
java.lang.OutOfMemoryError: Java heap space:这种是java堆内存不够,一个原因是真不够,另一个原因是程序中有死循环; 如果是java堆内存不够的话,可以通过调整JVM下面的配置来解决: <jvm-arg>-Xms3062m</jvm-arg> <jvm-arg>-Xmx
- Manifest.permission_group权限组
阿尔萨斯
Permission
结构
继承关系
public static final class Manifest.permission_group extends Object
java.lang.Object
android. Manifest.permission_group 常量
ACCOUNTS 直接通过统计管理器访问管理的统计
COST_MONEY可以用来让用户花钱但不需要通过与他们直接牵涉的权限
D