排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术
排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
abp vnext 工作单元(UnitOfWork)与事务

工作单元是一个比较重要的基础设施组件,它负责管理整个业务流程当中涉及到的数据库事务,一旦某个环节出现异常自动进行回滚处理。工作单元嘛,听名字就知道是把一系列操作当作一个整体一个单元,这样可以统一控制它的提交与回滚在 ABP vNext 框架当中,工作单元被独立出来作为一个单独的模块(Volo.Abp.Uow)。你可...
.net core+seq实现日志中心

[TOC]
为什么需要日志中心日志是编写程序常用的功能。在我们排查问题的时候日志是非常有用的。我们的每个服务都在不停的生产日志。但是实施微服务后,如果按照传统的写本地文件的日志方案,就会面临跟修改配置一样的麻烦。不同的日志分散在各个服务器、容器内,这种情况下查日志简直无法忍受。日志中心就是为了...
vue, vue3 Tinymce 图片上传 。复制粘贴图片

[TOC]上传图片,首先要启用图片插件在plugins参数中把image加进去
在工具栏显示图片工具按钮,在toolbar参数中把image加进去
toolbar我这里是在使用的时候单独传递进去的,相当于就是在使用的时候个性化配置toolbar,在使用的时候如果不传递toolbar就是使用的默认的配置
注意不同的使用方法,可能配置plugins和...
把微软默认的依赖注入组件中注入的内容填充到autofac中。把IServiceCollection注入到autofac的容器中。手动创建依赖注入容器。微软默认注入容器和auto容器进行关联

Populate方法" class="reference-link">其实核心代码就是autofac实例的Populate方法关键代码如下,核心就是Populate方法:
IServiceCollection services = new ServiceCollection();
// 一些注入.....
var builder = new ContainerBuilder();
// 把微软默认的依赖注入组件中注入的内容填充到autofac中
bu...
vue3使用canvas进行绘图的时候,动态实现绘制文字居中。实现绘制文字的时候设置间距。有文字间距的情况下动态实现居中

比如我绘制两个字,drawText(‘李白’, 32,’Arial’, ‘#062466’, 516, 335),最后两个参数是x,y坐标。这样可以文字居中绘制,但是如果绘制的文字变成了三个字,比如drawText(‘黄飞鸿’, 32,’Arial’, ‘#062466’, 516, 335),文字就没有居中了,但是这里的文字是动态的,无法知道是2个字还是3个字,甚至可能...
vue3 图片上传,文件上传,视频上传。图片预览,视频预览。

直接调用接口上传参考:https://www.tnblog.net/notebook/article/details/8495[TOC]基础的图片上传,文件上传,视频上传界面就是这样的:
界面当中的部分代码如下<div class="img-waper">
<div class="add-btn" @click="addImgClick">
<input
...
vue自适应高度,vue让某个组件的高度等于一个屏幕在其他内容下剩余的高度。vue自适应一个屏幕剩余的高度。element el-table自适应高度。保持和整个浏览器一样的高度

其实原理非常简单,就是获取屏幕的高度然后减去其他内容占用的高度就行了。
核心代码如下<script setup lang="ts">
import {reactive, onMounted, toRefs, ref } from 'vue';
const state = reactive({
contentHeight:"350px",
});
onMounted(() => {
aut...
基础领域驱动DDD框架搭建,配合sqlsugar基础架构搭建。使用仓储。.net使用Autofac实现自动注入

[TOC]一:创建一个WebApi项目随便取名一个,比如TeacherCertificationAPI效果如下:
顺便在appsettings.json中配置一下连接字符串,以及是否输出sql的配置,配置好之后如下:
{
"Logging": {
"LogLevel": {
"Default": "Information",
"Mic...
element ui table 表格自定义边框样式,边框颜色。合并单元格,合并行。element ui table表格行转列

设计图:
[TOC]具体的代码和样式(表格没有加上合并行的)关于自定义边框样式都加了星号的
<template>
<div class="app-container">
<el-table :data="tableData" :header-cell-style="headerCellStyle" :row-style="rowStyle" :border="...
uni-app 小程序 左右切换 滑动菜单,左右滑块菜单,左右滑动tab菜单

[TOC]效果图:
代码结构如下<!-- 好像要从1开始才能默认在第一个菜单开始显示呢...,所以这里减一个1,数据源哪里是加了1的 -->
<scroll-view class="top-menu-view" scroll-x="true" :scroll-into-view="tabCurrent">
<div class="menu-topic-view"...
vscode vue,html,css 格式化代码的时候 每个属性都进行换行了,但是不想每个属性都换行应该怎么设置

每个属性都自动换行了,这个是vscode代码格式化设置的问题。解决方法如下。
一:按下Ctrl + ,(或者Cmd + ,在Mac上)打开设置。找到当前使用的格式化插件搜索:vetur.format.defaultFormatter.html表示html使用的格式化插件
可以看到我目前使用的vue html格式化插件是Prettier,当然如果你装了更多vue html的格...
使用边框颜色与边框阴影实现高亮效果

实现效果:
核心样式.good {
background: rgba(0, 180, 255, 0.5);
border: 1px solid #00b4ff;
box-shadow: 0px 0px 10px 1px #00b4ff inset; /* 内阴影,模拟边框高亮效果 */
}
所有的Html结构和样式<template>
<div class="baseData-container">
<div c...
.net HttpClient通用的请求封装

[TOC]封装的代码如下/// <summary>
/// 通用的请求类封装AJ
/// </summary>
public class NewRequestTools
{
/// <summary>
/// 当配置中获取的地址为空的时候使用的地址
/// </summary>
private string defaultBaseAddress = "https://smartedu-apis.xx.com...
.net多线程 , 并行执行Parallel,列表遍历,循环下的并行执行

Parallel允许线程并行执行。同时支持最大线程执行数量设置,可以设置最大并发数量。
[TOC]基础用法static void Main(string[] args)
{
ParallelOptions parallelOptions = new ParallelOptions();
// 表示最大同时支持三个并行方法,也就是同时开三个线程
parallelOptions.MaxDegreeOfParallelism...
vue3 provide与inject 。vue3 跨越组件传递参数,传参。父子组件传值,爷孙组件传参。跨层级传值,整个组件树中共享传值

在 Vue 3 中,provide 和 inject 是用于实现跨组件通信的 API,特别是当组件层次结构较深时很有用,不然如果层级太深了要一级一级的往下传比较麻烦,用provide 和inject,可以在整个组件树中共享。
[TOC]基础使用父组件父组件赋值之后可以在整个组件树中都获取到值,后代子组件都能获取到值
<script lang=&quo...
uniapp 微信小程序 上传图片,上传文件,上传视频等,上传组件封装

上传图片文件还可以参考:https://www.tnblog.net/aojiancc2/article/details/8233 这个里边有关于.net6实现图片上传后端的 然后后台图片文件存储是自己搭建图片服务minio[TOC]实现的效果上传图片之前的效果:
上传图片之后的效果:
封装的上传组件<!--
项目:图片上传插件
备注:接口的返回值是否符合插件...
uni-app 小程序,常用的弹窗模板。弹窗里边显示时间轴

弹窗的基础使用以及另外的一些模板可以参考:https://www.tnblog.net/aojiancc2/article/details/7064[TOC]基础模板一:弹窗里边一点方块与文字信息(使用的grid布局)效果图一:
弹窗里边的代码与样式一<template>
<view class="popup-container">
<view class="titleW...
vue , uni-app,微信小程序,app , 自定义搜索框, 好看的搜索框。自定义搜索按钮,搜索栏,左边输入框右边搜索按钮,搜索图标。element ui

[TOC]效果一这个是小程序端的用的
设计图:
view:
<view class="seach-box">
<view class="seach-box-wrap">
<view class="seach-box-icon">
<image :src="`${CssImgPath}/imgs/search.png`" class="seach-box-i...