- 博客(1863)
- 资源 (17)
- 收藏
- 关注
RSS订阅原创 SignalR注册成Windows后台服务，并实现web前端断线重连
本文主要说明 SignalR 如何注册成 windows 后台服务，及前端如何在断线的情况下不断尝试重新连接
2023-02-12 13:51:14
1736
2
原创 解决npm下载包的时候发生的依赖冲突
今天在一台虚拟机上面运行老项目，报各种类型上图的错误提示，一开始还以为是less的问题，结果一个个装完还是报错，后面又说webpack, webpack cli有问题，头有点大了，google 一下，发现一个命令。讨论这个命令的文章，可以了解一下。运行以后终于出现了期待已久的。
2022-12-13 17:21:30
716
原创 封装 x-spreadsheet 带样式导入导出
接上两篇vue 下使用 exceljs + x-spreadsheet 带样式导入Excelvue 下使用 exceljs + x-spreadsheet 带样式导出Excel下面封装好一个组件调用组件的页面效果如图，目前“导出Json”还没有做
2022-12-07 16:48:59
3099
原创 vue 下使用 exceljs + x-spreadsheet 带样式导出Excel
接上一篇，这次加入的是从x-speadsheet导出Excel，并且带有x-speadsheet中的样式，重点关注 exportExcel 这个方法，我加入了 tinycolor 这个库用来翻译颜色值，值得注意的是， exceljs的颜色值是 argb 不是 rgba，一定不要弄混了a 是代表的透明度放在最前面
2022-12-04 14:45:17
1583
原创 vue 下使用 exceljs + x-spreadsheet 带样式导入Excel
【说明】导入的Excel 字体颜色和背景色只能识别【标准色】,别的如"主题颜色"，exceljs 解析出来不是颜色值。导入的样式包括字体，字号，列宽，合并单元格，【部分能识别】的背景色，文字颜色。导入到 x-data-spreadsheet 如下图。原Excel样式如下。
2022-11-20 18:11:10
4795
8
原创 element ui 的 el-tab 当使用 router-view 时 mounted 执行了多次
之前参考某文章把 router-view 放在 el-tab-pane 外面都不起作用，问题根本不是出在 el-tab-pane，而是v-for 里面有多个route-view , keep-alive 时 tab 并未销毁掉，而是缓存隐藏了起来。需要把 router-view 的 name 与路由的 index.js 名称对应起来。之前参照很多文章修改试图修正这个问题，结果都徒劳，终于让我找到。我做了如下修改，主页面 main.vue。
2022-11-19 16:04:17
2282
2
原创 WebApi 打个Attribute 统一处理异常
前一段时间看杨中科的视频，其中吐糟了mvc的管道机制，当然用在webui的渲染上这个还不如做个前后端分离，因为用管道和razor视图引擎去做这些看着就很繁琐，并且很重，整个架构都复杂化了，但是作为一些AOP的处理，管道却非常的好用，下面用一个Atrribute异常过滤器来统一的处理异常，那么每次有异常出现就不用写如上的代码去手动捕获了。以上就是一个异常处理的过滤器，下面的Contronlller只用打上一个标签就不用再去写trycatch了。我们处理异常的时候通常都要写形如以下的代码。...
2022-07-27 09:56:03
507
原创 Vue 动态连接线
尝试了两个连线库 jsplumb 和 leadline ，其实两个库都很强大，但是基于个人使用的习惯，决定还是用 leadline ，在Vue 下我使用它的一个包装库 leader-line-vue 下面是上图的连接线示例代码，连接线很轻松的就实现了一个渐变效果...
2022-07-11 22:04:59
6912
2
原创 RabbitMQ 消费者断线重连
虽然RabbitMQ.Client 库有心跳机制，有断线重连机制，但是在网络断掉的时候并不能重连，下面的代码就是解决这个问题，经本人测试有效，适合作为挂机程序
2022-05-27 14:21:12
6883
1
原创 css 灯泡发光动画，挺有意思
.light { animation: flicker 4000ms ease infinite;}@keyframes flicker { 0%, 100% { box-shadow: 0 0 1rem #fefa01, inset -0.25rem 0 0 0.5rem rgba(14, 10, 10, 0.1); } 30%, 70% { box-shadow: -1rem 0 8rem 1rem #fefa01, inset -0.25rem 0 0 0.5re.
2022-03-28 10:20:54
1649
原创 Vue 中使用消息总线让两个滚动条同步滚动
最近自己从零撸起的甘特图组件需要子组件的滚动条同步滚动这就涉及到子组件之间的互相通信，通过 消息总线可以达到我们的需求 ,首先建立一个标志位，拖动左边滚动条的时候，右边的滚动条事件不处理，反之拖动右边滚动条时，左边的滚动条事件不做处理，建立一个公共的变量用于两者的互斥store.jsimport Vue from 'vue'export let store = Vue.observable({ scrollFlag: true})export let mutations =..
2022-03-04 23:27:12
1410
原创 Vue 强制渲染组件
最近自己从零撸了一个甘特图组件，如图当切换 "月/时/日" 的时候，我希望下面的甘特图重新渲染，页面结果是这个样子<template> <div v-if='tasks' class="content"> <template v-for='(item, index) in tasks'> <div :key="index + '_task'" style="border-top: 1px solid #cecece;margi.
2022-03-03 11:47:09
781
原创 Vue + lodop 静默打印
静默打印是什么？简单来说就是不需要用户点击"打印"，自动去打印，但是使用浏览器web打印不可避免的要弹出以下画面面对这种问题也只能用"富客户端"技术来解决，在浏览器的沙盒安全模型中无法做到，那么只能使用插件的技术，这个我们就不自己花力气去做了，我找来了 lodop 这个免费的打印组件，功能还是挺强大的，下载下图的发行包解压后安装下图两个exe如果你的系统是64位的，可以安装install_lodop64.exe上图的LodopFuncs.js 是客户端要使用的核心库文件...
2022-02-28 11:17:55
4022
1
原创 Vue + DataV + SignalR 数字化大屏展示
个人觉得大屏展示其实很简单，噱头多过技术含量，下面使用了 DataV (不是阿里的那个DataV哈，具体链接在这里)开发了一个大屏展示，使用了css flex弹性布局，使用了DataV的一些比较酷炫的边框(SVG写的)，基本上功能没有全部完成，但是模子已经刻出来了，只是后端推送的内容没有全部写出来前端<template> <dv-full-screen-container class="screen-container"> <div class="ti
2022-02-15 17:28:21
2143
原创 Vue中使用froala富文本编辑器制作打印模板 + print.js 打印
参考上一篇知识开发的一个功能，制作一个打印模板的管理模块，如下(就是保存froala编辑后的html文本，其中包括Vue的Template，这样我们可以利用Vue的模板的优势来动态绑定一些数据源进行HTML的打印,基本上跟过去水晶报表做一个模板再绑定数据源的方法异曲同工)在 main.js 里引用 froala 组件// Import and use Vue Froala lib.import VueFroala from 'vue-froala-wysiwyg'// 引入 Fr..
2022-02-15 10:54:12
6463
2
原创 Vue2.0 组件实现动态模板(即Template)
从这篇文章得到启发先定义一个组件从外部接收Template，然后在组件里调用<template > <div ref="markedContent"></div></template><script>import Vue from 'vue/dist/vue.esm.js'export default { name: 'wf-marked-content', props: ['content'], mounte..
2022-01-11 22:53:57
8970
1
原创 Vue 批量引用文件
在使用 froala-editor 的时候发现要在main.js里面导入大量的插件文件(js和css)，比如下面要使用表格的功能，需要引用两个文件 （主要是不引用插件的话，工具栏上面连那个按钮都不会出现）require('froala-editor/css/plugins/table.css')require('froala-editor/js/plugins/table.min.js')如此一来用的插件多，导入的文件就要一个个手动引入，非常繁琐。于是google寻找能不能批量的导入一个文件夹下
2022-01-07 11:40:38
1024
原创 Vue + Element UI 实现了一个周选择器
如上图，下面贴代码<template> <div> <el-date-picker size="large" style ="width:120px" v-model="selectYear" format="yyyy 年" value-format="yyyy" type="year" :clearable = "false" placeholder="选择年">..
2021-12-31 10:52:33
3436
1
原创 拿来改造主义，Vue + Element UI + Less 做了一个拖拽条
其实Element UI 只用了文字提示的 el-tooltip 组件，不喜欢可以去掉，不记得是从哪拿到的原始代码，我给加了高亮渐变显示，图标，和拖拽时只能拖拽图标的位置，效果如上图，可以水平方向拖动，也可以垂直方向拖动。样式是less写的，css写嵌套样式太繁琐了。拿来主义，改造有理!下面贴代码<template> <div ref="splitPane" class="split-pane" :class="direction" :style="{ fl...
2021-12-31 10:32:09
1438
1
原创 VS2022 使用Standalone JavaScript Vue Template创建的Vue版本不是3.0
实践出真知，这话一点不假，之前在微信公众号上看的一篇文章，说是用这个模板创建Vue 3.0 + WebApi的项目，结果自己照着创建一个就是各种坑和问题，可能是新东西出来还不成熟吧！使用 Vue 3.0的Setup语法糖居然编译错误使用查看当前的Vue版本npm list vue结果查到版本是 2.6.4 不是 3.0！使用 如下命令升级Vuenpm install vue@3.0安装完成，运行，结果遇到如下错误Error: Cannot find module '@vue/.
2021-12-19 20:38:44
2408
原创 Vue3 使用 script-setup 语法糖
计划是这样,公司的项目一直在持续改动,安装包总是需要频繁生成新的,由此我想到了"持续集成"!有自动化工具不用,岂不可惜?这周的主要时间就用来学习CruiseControl.Net全面实现持续集成
2021-11-04 23:02:29
1053
原创 VueRouter 使用 mode: ‘history‘ 嵌套路由 打包路径错误的问题
VueRouter 默认是hash模式，但是url上会带上#字符，非常不好看，会影响一些场景下的url解析， history 模式下没有 #，但是history 模式下对打包就出现了路径不对的问题，通过修改 项目根目录下 \build\webpack.prod.conf.js 解决 output: { publicPath: '/', path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[.
2021-11-04 11:30:26
1275
原创 Vue 3.0 + Element Plus 踩坑
运行vue create xxxx 使用Vue Cli 4.5 创建 Vue3.0 项目1.项目打包以后，查看打包后的/dist/index.html，页面显示不出来，引用路径出现错误在项目根目录创建vue.config.js 文件，配置如下module.exports = { publicPath:'./'}2.运行vue add element-plus 安装 Element Plus，出现如下错误Can't resolve './fonts/element-...
2021-11-03 20:38:33
4223
1
原创 安装 Element UI 3.0 （即 Element UI Plus） 正确方法
首先官网推荐的安装方法没有生成dist文件，导致样式表等这些文件并没有生成npm install element-plus --save以上方法是有问题的，如果不幸执行了上面的命令，那么先执行卸载npm uninstall element-plus删除 main.js文件对element ui的引用，输入以下命令vue add element-plus...
2021-11-03 00:05:18
4650
1
原创 axios 前端Post 传字符串数组给 Web Api 接收
脑袋疼，折腾了个把小时，终于折腾清楚了，如下例所示，selectedIds是一个字符串数组 var that = this var selectedIds = this.selectedRows.map((o) => o.id) if (selectedIds.length === 0) { this.$message.error('请选择需要删除的行！') return } this.$confirm(.
2021-09-17 13:46:11
1427
1
原创 Vue CLI 使用 npm webpack 打包发布 + Asp.net Web Api 后端调试
npm 调试命令 npm run dev很简单，我们都知道。那么怎么调用并调试.net Web Api接口呢.先看看 node.js环境下前端如何配置吧一.首先我们说说如何在 npm run dev命令下，也就是开发模式下去调用 .net Web Api后端接口去联调。 1. 打开 config文件夹下的 index.js，如下图所示其中有个很关键的地方，那就是配置节proxyTable ，这其中 target就是后端Web Api的地址，至于这个地址...
2021-09-07 14:43:38
790
原创 把之前的项目改成了纯前端单页应用，彻底抛弃了iframe，附源码下载
在网上找了很久,得到的答案是"Entity Framework 中不能同时更新多条记录",历经这么多版本,居然还没有这种基本功能,我真的很无语了在网上
2021-07-28 09:54:33
412
原创 解决VS2017/2019无法在线升级
打开VS2019更新检测，最后出现无法下载，在这里找到个解决方案，大致分为几步来解决查看aka.ms的ip，这里可以查看https://ip.tool.chinaz.com/，我查出的地址是23.72.68.153把这个地址加到C:\Windows\System32\drivers\etc\hosts如：# Copyright (c) 1993-2009 Microsoft Corp.## This is a sample HOSTS file used by Micros...
2021-04-13 15:29:36
3648
2
原创 关闭后台SignalR改进版
接上一篇，在上一篇里面有个缺陷，等所有SignalR连接都关闭，后台线程才全部终止，这一篇修改一下，每个连接维护他自己的线程，关闭连接就关闭属于他自己的的那个线程using HenryMes.BLL;using Microsoft.AspNet.SignalR;using Microsoft.AspNet.SignalR.Hubs;using System.Threading;using System.Threading.Tasks;using HenryMes.Model;using S
2021-03-30 10:21:05
470
原创 使用 async await 取代 promise
async afterSelect(item) { var that = this; //更改状态 var result = await axios.post('/OrdersProduction/LoadTotalQty', JSON.stringify({ orderId: item.id })); if (result && result.data && ...
2021-02-25 14:18:33
416
原创 Vue 自定义控件里的 textbox / checkbox使用v-model
TextBox:<input v-bind:value='value' v-on:input="$emit('input', $event.target.value)"></input> props: { value: { type: Number }, }CheckBox:<input type="checkbox" @change="$emit('change',$event.tar.
2021-02-20 09:14:27
578
原创 JS 模拟表单提交导出Excel
参考https://blog.csdn.net/zhgl7688/article/details/50781791 download(url, data, method) { // 获得url和data if (url && data) { // data 是 string 或者 array/object data =.
2021-01-25 11:18:01
633
原创 Javascript 里实现 Sleep
sleep(time) { var startTime = new Date().getTime() + parseInt(time, 10); while (new Date().getTime() < startTime) { } }, //使用当前时间精确到毫秒生成批次号 for (let i = 0; i < this.selectedRowsTop.length; i+...
2021-01-11 09:14:39
329
1
原创 关闭iframe时同时关闭后台SignalR的定时推送(关闭websocket连接，关闭推送线程)
前台把iframe从内存中清理 var iframe = $('#' + iframeID).prop('contentWindow'); $('#' + iframeID).attr('src', 'about:blank'); try {
2020-10-19 10:19:43
1107
原创 FineReport v10.0 报表服务器的部署
前提：鄙人最近在研究报表开发工具，对比了两个商业报表产品 ActiveReport 和 FineReport ，感觉FineReport 的报表设计器更容易上手一点，主要原因是跟Excel太像了，使用起来有熟悉的感觉，而ActiveReport 的报表设计器是一个web在线版本，用起来没有那种爽快感，相对拖沓一点，但由于鄙人是用的.Net的，故ActiveReport 与.Net的集成度更高一点，FineReport 的集成方式主要是用iframe嵌入网页，这一点比ActiveReport 要相对差...
2020-06-09 11:30:01
12608
原创 Vue 中 watch 只监听一个对象的子属性或子对象，建议不要使用deep
有一个数据源对象如下，我只想监听它的 BusinessModel.model.order_type 这个值 BusinessModel: { width: "100px", show: false, title: "新增", model: {...
2019-11-29 15:52:31
2257
原创 VUE传统方式开发下的 Element UI + RequreJS单页应用
后端开发人员很少接触node.js，因为要花很多精力去学，不易上手，这里用RequreJS来简单代替WebPack吧，用它来记录JS库的路径，依赖关系，按需动态加载，这样一个前端工程化的架构也就初步形成了。首先说一说RequreJS的基本用法，使用RequreJS需要两个文件，一个是JS库本身，一个是它的配置文件，下图我是这样放置的RequreJS的配置文件我就叫require.da...
2019-11-20 10:47:36
1035
.net 8 + Azure 登录 + Ant Design Blazor
2024-04-18
Advanced.Installer.v13.1注册机
2016-09-19
MySQLBackupFTP及注册工具
2016-09-19
AlwaysUp8.5及注册机
2015-09-25
数据库数据互导及文档生成工具（IT人员必备）
2015-01-19
类似SCSF中EventBroker解耦事件调用方和接受方，打破"+="带来的耦合
2014-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人