一只小木头.-优快云博客

原创 vue使用canvas导出图片

1.实现效果 2.安装引用Canvas cnpm 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 2861 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 3769 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 3949

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

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

2021-11-22 21:10:12 4794

原创 vue 树形表格导出excel

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

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

原创 Vue+element实现分页查询

1 使用环境 Vue Element 新版用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 1596 1

原创 Vue实现导出xml

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

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

原创 MVC模式

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

2021-10-19 21:48:41 4958 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 837

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

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

2021-10-19 21:35:08 522

原创 Window10系统下SOCI连接SQLite3

文章目录1.1安装cmake1.2安装sqlite1.3 SOCI库添加sqlite后端1.4 将SOCI库添加到项目中 Window10系统下SOCI连接SQLite3 1.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 753

原创 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 1788 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 962

一只小木头的博客