- 博客(45)
- 资源 (3)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Element ui上传excel到并修改字段名
添加上传按钮，用到element的upload组件，定位到原来这个环节将取出的表内容生成了json。首先找到httpRequest方法的这个位置。问题变成怎么将中文字段名改为对应字段名。
2024-03-11 11:59:48
452
原创 reduce累加器的应用
reduce函数通常比map函数性能更好，因为reduce可以在单次迭代中完成累加操作，而map需要创建一个新的数组。因此，建议使用reduce函数来累加计数器以获得更好的性能表现。有如下json数据，需要统计Status的值为0和1的数量。方法一:用reduce方法。方法二:用map方法。
2023-12-22 19:20:00
561
原创 node-sequelize操作mysql数据库（5）--查询并添加
sequelize实现基本的增删改查功能在文档中介绍的计较详细。在实际应用时经常会将两个或多个功能综合应用，这次介绍的查询并添加中就有一点需要注意。实现功能：表A表B数据结构完全一致，从表A中查询的一条数据，放入表B中。 getAndCreate:async(ctx)=>{ let findNum = await MysqlA.findOne({ where:{ num:'007' } }) await MysqlB.create(findNum)
2021-01-22 16:26:30
427
原创 node-sequelize操作mysql数据库（4）--关联模型
Sequelize 支持标准关联关系: 一对一, 一对多 和 多对多.官方提供了四种关联类型,并将它们组合起来以创建关联：HasOneBelongsToHasManyBelongsToMany这里举例说明最简单的HasOne和BelongsToconst User = sequelize.define('user', { userName: { type: DataTypes.STRING, allowNull: false }, age: { typ
2021-01-19 22:33:27
258
原创 node-sequelize操作mysql数据库（3）--分页查询
分页查询当前页：currentPage，每页数据量pageSIze，从哪里开始（偏移量）：offset。公式：offset: (currentPage-1)*pageSize //数据分页查询 getPaging:async(ctx)=>{ let currentPage = parseInt(ctx.query.currentPage) || 1 //默认为1 let pageSize = parseInt(ctx.query.pageSize) || 10 le
2021-01-19 22:21:15
605
原创 node-sequelize操作mysql数据库（2）--实时数据与历史数据
上次已经将表建立成功，接下来我们来实现实时数据和历史数据两个小功能。先定义实时数据的表模型const newData= sequelize.define('newData', { userName: { type: DataTypes.STRING, allowNull: false }, age: { type: DataTypes.INTEGER }, num: { type: DataTypes.STRING, allowNull: fa
2021-01-19 22:17:47
321
原创 node-sequelize操作mysql数据库（1）--起步、连接、建模
用sequelize连接数据库很简单，详情可查看sequelize中文文档1.下载并引入sequelize以及所用数据库驱动程序cnpm install --save sequelizecnpm install --save mysql22.然后新建app.js测试连接const Sequelize = require('sequelize')// 数据库名称 账户 密码const sequelize = new Sequeli
2021-01-19 21:41:58
332
原创 vue cli可视化面板运行serve报错：Error: Package exports for ‘D:\*******(路径)\node_modules\colorette‘ do not defi
用vue-cli创建了一个新项目，运行serve时报错：Error: Package exports for ‘D:*******(路径)\node_modules\colorette’ do not define a valid ‘.’ target 。前一段时间还能正常创建，今天突然不行了。在网上搜索后发现今年8月份就有这个问题了，但并没有找到直接的解决方案。鉴于之前一直创建都没问题，现在突然不行。看上去很像某个依赖该升级了。首先查看了本机node版本为v-13.1.0，然后升级到当前最新版本v-1
2020-10-05 16:16:33
2520
2
原创 Element ui表格导出Excel的全部数据
Element ui表格导出Excel的全部数据之前导出Excel表格只能将当前页导出到Excel，如果表格有分页则十分不方便。这是一个相对简单地实现方法。一、第一步先安装3个依赖包 npm install -S file-saver npm install -S xlsx npm install -D script-loader二、在项目中新建一个文件夹（名字自取，这里命名excel），然后在文件夹中放入Blob.js 和 Export2Excel.js 两个文件。链接地址：https:/
2020-06-18 14:40:24
5425
12
原创 Element ui表格导出Excel
Element ui表格导出Excel首先安装依赖项：npm install -S file-saver xlsx或者是以下命令，这两个命令一样。npm install --save xlsx file-saverfile-saver：保存文件xlsx：电子表格解析器首先我们有一个表格，并给表格一个id。<el-table :data="meterList" style="width: 100%" border id="listname"> <el-t
2020-06-18 14:33:42
346
2
原创 Element ui全部数据前端排序
Element ui全部数据前端排序1.首先给el-table绑定sort-change监听<el-table ref="filterTable" :data="historyList.slice((pageNum-1)*pageSize,pageNum*pageSize)" @sort-change="sortChange">2.给需要排序的列设置sortable属性<el-table-column label="数据时间" prop="time" sortable='cust
2020-06-18 14:31:28
2035
2
原创 vue中的echarts自适应窗口
vue中的echarts自适应窗口一开始沿用之前element表格高度自适应的思路用:style='chartStyle'，发现并不能实现根据浏览器窗口动态调整echarts的大小的功能。在网上查资料发现echarts自带resize（）方法，这让问题变得简单多了。1.首先正常写一个echarts容器<div id="lineChart" style='width:100%;height: 75vh'></div>2.定义一个方法resizeHandler() { th
2020-05-23 09:55:45
421
原创 vue引入echarts并动态渲染
vue引入echarts并完成动态渲染只需以下几步就可以在vue项目中完成echarts的渲染。1.引入安装echarts运行依赖，并引入项目。import echarts from 'echarts'2.创建一个echarts的盒子容器<div id="lineChart" style='width:100%;height: 75vh'></div>注意长宽的定义，为了后续完成响应式自适应窗口大小（下一篇文章会讲到）。3.准备数据和参数配置项export de
2020-05-22 17:58:38
3820
1
原创 mysql更改最大连接数
mysql更改最大连接数建议通过命令行修改1.登录mysql> mysql -u root -p;2.查看当前最大连接数mysql> show variables like 'max_connections';3.设置最大连接数mysql> SET GLOBAL max_connections = 4096;4.查看是否设置成功mysql> show variables like 'max_connections';5.退出mysql>exit;
2020-05-20 10:38:00
227
原创 vscode 快捷键Ctrl+`打不开终端和Tab不缩进的问题
安装上vscode后发现两个问题，一个是Ctrl+`打不开终端。另一个是Tab不缩进。都很简单，但让我找了半天原因。第一个是因为我电脑上安装了搜狗浏览器，在浏览器中这个快捷键被占用了，浏览器将其称之为老板键按一下网页就消失了，再按一下网页就恢复了。老板键换成别的按键后终端就能成功打开了。第二是因为我在测试别的快捷键时按到了Ctrl+M,这时最下面一行会出现‘按Tab移动焦点’。再按一次Ctr...
2020-05-05 16:54:26
3866
4
原创 Element ui表格隔行变色
官方文档给出一个stripe属性可以创建带斑马纹的表格<el-table :stripe="true"> </el-table> //可以这样写<el-table stripe"> </el-table> //可以直接这样写这样创建出来的表格也有隔行效果但是不明显。官方文档还给出了带状态的表格，通过row-class-name 属性来创建...
2020-04-28 09:12:38
11482
13
原创 Element ui表格高度自适应
element-ui表格高度自适应1.动态绑定table的高度值:height<el-table :data="List" :height='tableHeight' stripe border highlight-current-row>2.获取浏览器高度，并监听浏览器resize变化mounted () { getHeight() //增加监听事件，窗口变化时...
2020-04-27 17:14:03
7264
3
原创 Element ui轮播图自适应+Cannot read property ‘height’ of undefined报错处理
在element-ui中轮播图carousel组件容器的高度是固定写死的，想要达到自适应的效果 需要用:height 将高度动态绑定。特此声明：此方法是我在网上搜的并在其基础上做了一定改进，原文在此原文讲解的比较详细。所以我没有再做过多的赘述。并在最后加上了我遇到问题以及处理方法。1.template html代码<div class="boxdiv" > <...
2020-04-27 11:12:24
1979
原创 vue项目上线后出现404报错
vue项目部署上线后，出现not found 404报错今天遇到一个小问题，本来dist放在根目录下没问题，后来由于需求换了个地方，页面就变成了not found。原因：打包后的dist没有放到服务器的根目录下。解决方案：vue-cli官方文件给出的方法如下默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用...
2020-04-26 15:48:18
2211
原创 element表格分页
首先用到分页控件Pagination。<el-pagination @size-change="handleSizeChange" //pageSize 改变时会触发方法 @current-change="handleCurrentChange" //currentPage 改变时会触发方法 :current-page="pageNum" //当前页数，支持 ....
2020-04-17 11:02:39
389
原创 element表格中的数据处理
我们请求到的数据经常不是我们想要显示的最终结果，例如：我们想要显示的是XX年XX月XX日，但是返回的数据却是一串数字代替，或者我们想要显示“开“”关”，但是返回却是0,1。这种情况我们就需要对数据经行处理。用到表格的数据转换 formatter属性。<el-table-column label="开关状态" prop="data.tatus" :formatter=FunctionTatu...
2020-04-17 10:58:27
1479
2
转载 实用网站
原文传送门文章目录搞学习找书籍冷知识 / 黑科技写代码资源搜索小工具导航页（工具集）看视频学设计搞文档找图片搞学习CSDN： https://www.csdn.net/TED（最优质的演讲）：https://www.ted.com/谷粉学术： https://gfsoso.99lb.net/scholar.html大学资源网：http://www.dxzy163.com/简答题：h...
2020-03-18 17:12:07
1258
原创 vue过滤器格式化日志
vue过滤器格式化时间有一个写好了的标准格式化方法，可以用过滤器直接调用/** * 对日期进行格式化， * @param date 要格式化的日期 * @param format 进行格式化的模式字符串 * 支持的模式字母有： * y:年, * M:年中的月份(1-12), * d:月份中的天(1-31), * h:小时(0...
2020-03-08 22:24:34
284
原创 关于proxy的一个奇怪现象
关于proxy的一个奇怪现象其实也不算是proxy的问题，我在上篇文章中提到的getonenet 程序，在新建的测试程序中能正常返回json数据，但是一到了我搭建好的平台上就不行了。虽然请求成功，但是却给我个错误返回值。Object {errno: 5108, error: "invalid parameter: api-key or Authorization should choose ...
2020-03-07 22:11:01
634
1
原创 webpack的反向代理配置
vue解决跨域配置webpage的反向代理在新版vue-cli中，没有直接配置webpage的相关文件。需要新建一个vue.config.js,官网信息此文件配置的内容会覆盖掉默认配置。具体如下：.jsmodule.exports={ devServer:{ proxy: { //将来只要是路径以/music开头，就会被代理到target。 //比如...
2020-03-07 17:28:35
816
原创 vue cli开启新项目
Element-ui开启新项目在cmd中输入vue ui进入界面。安装插件vue-cli-plugin-element。把默认导入改为按需导入。运行依赖中安装axios和echarts开发插件中安装less和less loader...
2020-03-07 09:30:12
149
原创 scope作用域插槽在table中用法
element-ui中slot-scope=“scope”在table应用中我们经常看到如下用法 <el-table :data="userlist" style="width: 100%" border >//:data 在此绑定数据源 <el-table-column type="index" label="编号"></el-table-col...
2020-03-05 16:24:18
1974
原创 Markdown语法与Typora快捷键书写
Markdown语法与Typora快捷键书写文章目录Markdown语法与Typora快捷键书写1、标题2、字体3、列表3.1无序列表3.2有序列表3.3列表嵌套3.4任务列表4、区块5、代码6、链接高级链接7、图片8、表格9、引用（备注）10、上标下标11、高亮12、注释13、分割线14、表情文字15、内联公式16、生成目录1、标题# 一级标题## 二级标题### 三级标题#### ...
2020-03-01 19:53:44
677
原创 为测试接口调用搭建的后台环境
文件名：index.js打开cmd 在当前目录输入nodemon index.js启动3000端口接口调用async/await接口调用fetch接口调用axiosconst express=require('express');const app=express();const bodyParser=require('body-parser');//处理静态资源app.use...
2020-02-28 23:12:28
389
原创 async/await 处理多个异步操作
/* async/await处理多个异步任务*/axios.defaults.baseURL = 'http://localhost:3000';async function queryData() { var info = await axios.get('async1');//先从async1中拿到info数据 var ret = await axios.get('...
2020-02-28 23:08:20
3453
C#基于OneNet的必备packages
2019-04-15
mysql中create命令的括号怎么处理？
2019-08-02
c# 将mysql的两个字段不完全的表合并。
2019-07-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人