qq_59062726的博客

原创 WPF TreeView 条目右键命令 ContextMenu按钮绑定命令

把主ViewModel 通过Tag传递到 右键菜单可以访问到的地方。

原创 WPF MVVM下 ItemsControl条目命令绑定传参

要点，直接绑定命令会找不到，直接写命令绑定是在ItemsControl的每个项中绑定的，就像按钮的Content绑定一样，绑定的是每个项的属性，但想要的效果实际上是在主ViewModel中，需要使用 RelativeSource 找到父级DataContext，即为主ViewModel。或者使用 ElementName 绑定。

转载 二进制文件

二进制文件是直接以二进制的值进行存储；而纯文本文件则在二进制的基础上，进行了字符编码，因此，我们看到的诸如 .txt 以及程序文件都是字符形式。二进制文件就是直接基于二进制形成的文件，文件中内容就是...010101...之类(也可表示成16进制)，如下图所示。因为二进制文件直接使用二进制进行表示，要比文本文件更加节省存储空间。

原创 C# 判断文件是否是不可查看的二进制文件

【代码】C# 判断文件是否是不可查看的二进制文件。

原创 Vue + WebApi 实现上传下载功能

Net 后端Api：可以使用IFormFileCollection 接口类型对接前端的FormData类型。通过FileStream 类传输文件。因为_webHostEnvironment.WebRootPath对应wwwroot，所以文件会保存在wwwroot目录下。其实应该有对应的表格。上传的文件信息会保存在数据库里，这里图方便就没写。

原创 输入网址为什么可以直接访问到静态资源

核心在于Web服务器的路径映射和静态文件服务功能。// 默认提供 wwwroot 目录下的文件。浏览器请求 → DNS解析 → 服务器接收 → 路径映射 → 返回静态文件。// 将URL路径转换为物理文件路径。：Web服务器将URL路径映射到服务器的文件系统路径。// 默认文件（如index.html）// 检查是否为静态文件请求。// 限制可访问的文件类型。// 自定义静态文件目录。// 启用静态文件服务。# 静态资源目录映射。// 简化的静态文件服务逻辑。// 安全的静态文件服务配置。

原创 EF Core 导航属性赋值的一种方式

有一个导航属性Classify。EF Core框架真大。先贴出来，后面学习。

原创 虚拟机Windows Server IIS部署WebApi Nginx部署Vue

要先准备好WebApi 项目，Vue项目，本地测试好。然后通过虚拟机模仿真的服务器，本文也会把虚拟机称作服务器。

原创 Nginx部署Vue项目，网页界面返回404 Not Found

Windows Sever服务器 使用Nginx部署Vue项目，其中Nginx端口设置81，http://localhost:81可以访问，但是http://localhost:81/TechnicalArticle却返回404 Not Found问题原因：Vue 项目在部署后，通常只有一个入口文件index.html。Vue Router 在history模式下，像这样的路径。当你直接在浏览器地址栏输入并回车时，浏览器会向 Nginx 请求这个路径的资源。

原创 HTTP Error 5OO.0- ASPNET Core lIS hosting failure (in-process)

生产环境下注意信息安全，不建议这么做。搞了很久，先贴在这里，后面研究一下。修改应用程序池的标识为绿色。

原创 IIS网站的配置端口要和WebAP程序配置的端口相同吗

IIS端口 vs 应用程序端口：IIS端口：对外服务的端口，浏览器直接访问应用程序端口：内部通信端口，由IIS访问关系：IIS作为反向代理，负责在两个端口间转发请求为什么不需要相同：架构分离：反向代理模式的标准实践安全考虑：应用程序不直接暴露给外部灵活部署：支持多应用、负载均衡等高级场景便于管理：独立维护IIS和应用程序理解这个关系后，您就会明白为什么IIS配置5009端口，而应用程序可以运行在5000或其他端口是正常且推荐的做法。

原创 IIS部署好WebApi后访问地址提示找不到 localhost 的网页

发布后webapi环境默认为。

原创 网站部署知识

在B/S端开发上，本人属于小白，尤其是在网站部署上面，积累了一些疑问，大多比较冷门基础，相关解答较少，就使用AI学习了部分疑问，碍于经验有限，文章中出现错误的话，希望各位读者积极指出，一同进步。

原创 前后端分离项目部署完成后 前后端交互过程

后端：Visual Studio 、 .Net 6 、 WebApi前端：Visual Studio Code 、 Vue:"^2.6.14" 、 vue/cli-service: "^3.0.3"、后端部署到IIS + 前端部署到Nginxtext用户操作↓浏览器发起请求↓CDN加速/负载均衡↓前端Nginx服务器↓ 静态资源直接返回↓ API请求转发后端负载均衡器↓IIS服务器↓↓Kestrel + .NET 6应用↓业务逻辑 + 数据库操作↓。

原创 Nginx对于Vue的工作

src/styles/main.scss → 编译 → dist/css/main.def456.css。src/components/App.vue → 编译 → dist/js/app.abc123.js。[ Nginx实例1 ] [ Nginx实例2 ] [ Nginx实例3 ] ← 静态文件服务。public/index.html → 处理 → dist/index.html。用户访问 https://www.your-app.com。# HTML文件不缓存或短期缓存。

原创 生产环境下，前端项目为什么要部署

维度开发环境生产环境部署的意义目标用户开发者真实用户让用户能用性能开发效率优先加载速度优先用户体验代码可读性优先执行效率优先运行性能访问本地访问全球访问产品可用性稳定性可随时重启7×24运行服务可靠性简单来说：前端部署就是把你的"草稿纸"（开发代码）变成"正式出版物"（生产应用），让全世界的用户都能获得优质体验的过程！没有部署，你的优秀代码就只是你电脑里的私人笔记。通过部署，它才能成为服务千万用户的产品。这就是前端部署的根本意义！

原创 前端Vue 后端ASP.NET Core WebApi 本地调试交互过程

后端：Visual Studio 、 .Net 6 、 WebApi前端：Visual Studio Code 、 Vue:"^2.6.14" 、 vue/cli-service: "^3.0.3"第一步：启动后端服务在Program.cs中// Program.cs - 这是你的后端入口app.Run();// ← 这里启动Kestrel服务器！实际发生.NET 6 启动内置的Kestrel Web服务器监听(HTTP) 和(HTTPS)你的WebAPI现在可以处理HTTP请求了。

原创 IP到IP间通讯

场景您路由器的WAN口IP是否可能与他人重复？传统家庭宽带真正的公网IPv4地址否。在互联网上是唯一的。CGNAT（套娃式NAT）共享地址空间的IP (如100.64.x.x是。必然在运营商网络内部与大量其他用户重复。所以，您的直觉再次是正确的。在CGNAT这种日益普及的模式下，“一个路由器一个IP”的规则虽然形式上依然成立，但这个IP的含义已经变了，它变成了一个在运营商内部可以大量复用的“共享IP”，从而实现了更深层次的地址复用。

原创 Vue 程序使用host 0.0.0.0 实现监听本机所有可用的网络接口

查看电脑网络接口（相关链接：）：由上到下：192.168.238.1（虚拟机1）192.168.111.1（虚拟机2） 192.168.137.233（WIFI ）上方三个IP是我电脑可使用的网络IP。

原创 电脑所有可用的网络接口

要让同事访问你的前端Vue网站，核心是让Vue开发服务器监听正确的地址，并配置好防火墙。

转载 前后端分离WEBAPI + VUE项目部署阿里云IIS详解

做了一个后台管理系统项目，是+element-ui，后端是ASP.NET WEPAPI+SQLSERVER数据库。这两个项目需要分别部署在阿里云服务器的两个端口号上。

原创 Vue ASP.Net Core WebApi 前后端传参

要么利用js方法给这两个属性赋值，使这类属性传递到后端可以被正确转换。报错信息，提示createTime不可转换为Datatime类型。依靠json传输，属性名称要一致，但是目前我发现大小写不敏感。再有类型要一致，要不就不传。

原创 Vue 与.Net Core WebApi交互时路由初探

我的接口中定义了两个方法，实现了同样的功能，但是对外提供的访问路由不同。第一个是：//api/article/GetArticleById 然后接收一个int类型的参数，第二个是：//api/article/12 12就是需要调用者直接提供的参数，12只是演示，当然也可以其他数字。

原创 Vue 配置带参数的路由和打开

【代码】Vue 配置带参数的路由和打开。

原创 Vue router-view和router-link分开写在不同的组件中实现导航栏切换界面

编写一个后台界面，要求左边有导航栏，后边根据左边的导航栏选择显示不同的组件。

原创 Error: error:0308010C:digital envelope routines::unsupported

很尴尬，npm run build也报这个错。

原创 网络代理原理

原创 Vue 组件定义模板，集合v-for生成界面

props: {blog: {},methods: {},

原创 Vue Web代码写好了怎么上线

1.利用npm run build vue-cli-service build构建静态资源，会生成dist目录；把开发代码转成生产代码，前端一般就是js css html 一些图片资源。2.dist目录放到服务器指定目录（有很多种方法）代码上线：就是把写好的代码放到服务器上去。学习自b站up主 蛋糕老师。

原创 Vue 中‘$‘符号含义

学习记录分析：在这个Vue.js方法中，符号是Vue实例的属性前缀，用于区分Vue内置的实例属性/方法与用户自定义的属性/方法。作用：访问模板中通过 属性注册的DOM元素或组件实例示例： 访问名为 "infoForm" 的表单组件作用：通常是自定义挂载到Vue原型上的API请求方法来源：在main.js中通过 添加作用：Element UI等UI库提供的通知/消息组件调用方式：通过Vue实例调用作用：Vue Router的路由实例，用于编程式导航常见的Vue 属性： 属

原创 WPF 具有跨线程功能的UI元素

其他文章展示的代码大同小异，思想就是一个HostVisual 对象A在主线程可视化树上，然后有一个子线程的UI对象B，然后A关联VisualTarget 对象的一个字段：_hostVisual ，B关联VisualTarget 对象的一个属性：RootVisual，实现B替换A的效果；一点个人浅见，未必周全，权当抛砖引玉。若有疏漏之处，还请大家一起指正讨论。

转载 WPF 线程模型和Dispatcher （补）

Dispatcher提供了BeginInvoke和Invoke两个方法，其中BeginInvoke的返回值是DispatcherOperation，Invoke函数的内部调用了BeginInvoke，也就是说，DispatcherOperation就是在这两个函数中被创建出来的。Dispatcher的构造函数是私有的，调用Dispacher.CurrentDispatcher会获得当前线程的Dispatcher，Dispatcher内部持有一个静态的所有Dispatcher的List。

转载 WPF 线程模型和Dispatcher

对于线程来说，它对Dispatcher是一无所知的，Dispatcher内部维护了一个静态的List<Dispatcher> _dispatchers, 每当使用CurrentDispatcher方法时，它会在这个_dispatchers中遍历，如果没有找到，则创建一个新的Dispatcher对象，加入到_dispatchers中去。1. 调用Invoke，对传入的参数DispatcherPriority进行判断，如果是Send，这是个特殊的优先级，直接切换线程上下文，执行任务并返回。

原创 net6.0 WebApi 中使用 Entity Framework Core + Sqlite

1.根据B站up主开源项目修改，原本使用的SqlSever数据库，因为不想下载SqlSever修改成Sqlite；//Update-Database作用 创建数据库的相关代码才会被执行，数据表才会生成。//Add-migration作用：根据实体类及配置生成操作数据库的迁移代码。这里仅展示了一个表。

原创 Vue3 新项目架构简单解析

Vue Router是Vue官方提供的模块切换插件，旨在帮助开发者实现单页面应用中的页面跳转功能。通过配置router，我们可以轻松地在Vue应用中实现不同模块之间的切换。为了方便后期查阅，接下来我们将详细记录router的使用过程和方法。

原创 ASP.NET Core MVC 路由逻辑初探

说一下是怎么控制界面显示的，边用边写，看别人的文章大多太学术，以下是我看了一些视频教程后，浅显的理解，希望可以帮助新手同学学习。新建的项目的结构：在Program.cs中，框架创建了默认路由：}");其中各个属性说明：name表示路由名称，默认值为default。pattern 为匹配模板，默认值为"{controller=Home}/{action=Index}/{id?}"。

原创 ASP.NET Core RazorPages/MVC/Blazor/Razor/WebApi概念记录说明

算是我的学习感悟，记录一下几个针对新手比较容易弄混的概念。针对那些想做C#一个网站的，但又不知道怎么开始学习Web技术的同行。只说一些比较新的技术，如WebForm等比较久远技术没有过多了解，先不说；

原创 WPF 使用的Geometry类

【代码】WPF 使用的Geometry类。

原创 WPF Telerik.Windows.Controls.Data.PropertyGrid 自定义属性编辑器

Display(Description = "点位", GroupName = "通用", Name = "轴&顺序", Order = 1)]SelectedItems属性可以根据实体情况进行更换；

原创 .Net中的 Web Api 和 Web Service简介

WebApi是一种永凯开发系统间接口、设备接口的API技术，基于Http协议，请求和返回结果默认是json格式（也可以规定用xml格式）。比WCF更简单更加通用，比WebService更加节省流量、更加简洁，因为WebService用的是xml格式。在Client中访问http网址，把请求通过一定的格式的打包，发送给服务器上，服务器也把对应回复打包成一定的格式返回给你；）的设计思想，后者国外商业应用更多。按一定的格式，调用远程服务器的方法，服务器给你返回你请求的数据；），另外一种就是基于。