一只小木头.-CSDN博客

原创 vue使用canvas导出图片

1.实现效果2.安装引用Canvascnpm install html2canvas --save在需要使用vue的组件使用映入canvas模块import html2canvas from "html2canvas"3.生成图片在需要生成图片的html区域标签内添加ref标记来获取标签对应的dom组件<div class="container" ref="imageDom"></div>转换的函数 generateImg(){ html2

2021-12-01 20:22:38 2647 1

原创 Element-ui树形控件添加虚线

1.实现效果2.实现代码树形控件虚线的添加主要通过控制css来实现，并且在树形控件的缩进数只能为0，令class=“mytree” <div class="mytree">  <el-tree :data="tree_data" :props="defaultProps" @node-click="handle

2021-11-22 21:14:57 3412 2

原创 Element-ui实现树形控件节点添加图标

1.效果图2.树形表格绑定数据加标签想要在树形控件的树节点加上图片或者element-ui的图标，可以在树形表格绑定数据中加上标签icon children: [ { icon:'el-icon-top-right', label: ['beam名称',''], children: [ { label:['name','RS49'],

2021-11-22 21:13:06 3660

原创 Vue通过Element-ui树形控件实现树形表格

在vue中通过element树形控件来实现树形表格的效果通过缩进来实现近似树形表格的效果实现效果图安装依赖$ npm install element-plus --saveElement官网自定义树形控件分析图中控件分布，每个参数都有固定的width，通过width让数值达到对齐的效果代码主要通过renderContent函数来自定义树形控件<template> <div class="mytree"> <el-tree

2021-11-22 21:10:12 4489

原创 vue 树形表格导出excel

需求可以结合element表格直接导出excel，也可以用于树形表格或者树形结构的数据导出excel安装依赖npm install file-saver xlsx --savenpm install script-loader --save需要文件由于我用的vite构建的项目，无法使用require导入文件，因此使用的是import导入js文件在src文件夹下建立一个文件夹，命名为vendor,并建立两个js文件，分别命名为Blob,Export2ExcelBlob:作用为处理二进制

2021-11-16 15:17:31 2685 2

原创 Vue+element实现分页查询

1 使用环境VueElement 新版用element的组件el-pagination来实现表格分页操作2 代码el-pagination属性 <el-pagination v-model:current-page="page.index" :page-size="page.size" layout="total,prev, pager, next" :total="page.total" @current-change="

2021-10-25 20:55:46 1460 1

原创 Vue实现导出xml

1.环境要求安装x2js模块在项目终端运行以下命令cnpm install x2js --save在main.js配置文件中引入模块，并且全局挂载// 引入模块import x2js from 'x2js'const app = createApp(App)// 全局挂载 x2jsapp.config.globalProperties.$x2js = new x2js()2.将json文件导出为xml//点击按钮触发该按钮 exportXml(){ //需要导出的jso

2021-10-20 17:06:55 3143 18

原创 MVC模式

MVC模式1. 概念如何设计程序的结构，“架构模式”，属于编程的方法论MVC就是架构设计模式的一种。目的：MVC模式的目的是实现一种动态的程序设计，使后续对程序的修改和扩展简化，并且使程序某一部分的重复利用成为可能。除此之外，此模式透过对复杂度的简化，使程序结构更加直观。MVC是三个单词的首字母缩写，它们是Model（模型）、View（视图）和Controller（控制）。这个模式从结构上将程序分为三层1）最上面的一层，是直接面向最终用户的"视图层"（View）。它是提供给用户的操作界面，

2021-10-19 21:48:41 4739 1

原创 Windows下安装vue开发环境

windows下安装vue开发环境1、安装npm官网node进行下载Node.js 是一个开源与跨平台的JavaScript 运行时环境。2、检测nodejs安装当执行完上步安装包安装后，需要进行安装是否成功，win+r打开运行，输入cmd后进入命令行界面。分别输入node -v和npm -v命令进行node的版本号和npm的版本号的查看。安装完后的目录如下图所示3、配置npm安装全局模块路径与缓存路径NPM是随同NodeJS一起安装的包管理工具一般，在进行npm install

2021-10-19 21:42:23 607

原创解决probuf在redhut上编译不过的问题

描述问题标题编译过程没有出问题，当项目连接生成的protobuf库出的问题报错的原因来判断原因是因为protobuf3里面用到的多线程的库pthread 尝试在targetlink上面增加-lpthread，编译还是一样的问题问题是因为没有link pthread库造成的错误在cmakelist配置文件中追加set(THREADS_PREFER_PTHREAD_FLAG ON)find_package(Threads REQUIRED)target_link_libraries(mai

2021-10-19 21:35:08 381

原创 Window10系统下SOCI连接SQLite3

文章目录1.1安装cmake1.2安装sqlite1.3 SOCI库添加sqlite后端1.4 将SOCI库添加到项目中Window10系统下SOCI连接SQLite31.1安装cmake先下载一个cmakehttps://cmake.org/download/安装，并添加环境变量1.2安装sqlite官网：https://sqlite.org/download.html分别解压两个文件，第一个文件解压后得到sqlite3.dll、sqlite3.def并在文件夹内用命令提示符命令编译R

2021-06-11 17:02:53 540

原创 Qt实现复选下拉框 C++

文章目录一、QListWidget+QListWidgetItem二、activate（int）总结一、QListWidget+QListWidgetItem实现QComboBox下拉框复选 ui->role_listWidget = new QListWidget();// 创建ListWidget QListWidgetItem* pItem = new QListWidgetItem();// 增加listwidget的item pItem->set

2021-06-11 16:39:28 1629 4

转载解决Oracle安装无法定位包的问题

解决Oracle安装无法定位包的问题1.在官网下载安装包1.1下载zip官网超链接https://www.oracle.com/database/technologies/oracle-database-software-downloads.html安装的为12c版本[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H51Fxw4p-1602658623943)(/home/liangmu/图片/oracle安装截图.png)]1.2解压unzip -d /tmp

2020-10-14 14:59:24 818

一只小木头的博客