JWT（JSONWebToken）是一种用于在网络应用之间传递信息的开放标准（RFC7519）。它使用JSON对象在安全可靠的方式下传递信息，通常用于身份验证和信息交换。 在WebAPI中，JWT通常用于对用户进行身份验证和授权。当用户登录成功后，服务器会生成一个Token并返回给客户端，客户端在接下来的请求中携带该Token来进行身份验证。 使用： 安装包：JWT 1.添加一个WebApi项目 appsettings.json设置 "JWT":{ "SecretKey":"123456789ffffffffffffffffffffffffffffffffffff",//私钥 "Issuer...

1.Linux上安装Docken 服务器系统版本以及内核版本:cat/etc/redhat-release 查看服务器内核版本:uname-r 安装依赖包:yuminstall-yyum-utilsdevice-mapper-persistent-datalvm2 设置阿里云镜像源:yum-config-manager--add-repohttps://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo 安装Docker:yuminstall-ydocker-ce 社区版（CommunityEdition，缩写为CE） 企业版（E...

官网：一个Vue3UI框架|ElementPlus(element-plus.org) 1.安装：运行cmd，转到我的项目的目录下\vuedemo，执行命令:npminstallelement-plus--save 2.整体导入Element-plus,修改mian.js文件 import{createApp}from'vue' //导入Pinia的createPinia方法,用于创建Pinia实例(状态管理库) import{createPinia}from'pinia' //从pinia-plugin-persistedstate模块中导入piniaPluginPersistedsta...

1.安装node.js: Node.js—RunJavaScriptEverywhere(nodejs.org) 2.查看安装版本命令：node-v  、  npm-v， npm是Node.js包管理器,用来安装各种库、框架和工具。 3.查看当前的镜像源： npmgetregistry  4.设置当前镜像源：npmconfig setregistryhttps://registry.npm.taobao.org或 npmconfigsetregistryhttps://registry.npmmirror...

首先插件添加：LiveServer、VueOfficial、VueVSCodeSnippets、别名路径跳转 官网：Vite|下一代的前端工具链(vitejs.dev) 1.创建一个文件夹VueApp，运行cmd转到该目录下，执行命令：npmcreatevite@latest 2.然后转到vuedemo目录下命令：cdvuedemo， 3.执行命令：npminstall。文件夹内会新添加node_modules文件夹和package-lock.json文件。 npm会根据项目根目录下的package.json文件中的dependencies和devDependencies字段来安装所需的包。...

官网：VueRouter|Vue.js的官方路由(vuejs.org) 安装命令：npminstallvue-router@4 1.添加两个页面\vuedemo\src\views\index.vue、\vuedemo\src\views\content.vue 2.添加\vuedemo\src\router\index.js文件用来定义路由规则 import{createRouter,createWebHashHistory,createWebHistory}from"vue-router" //定义路由 constroutes=[ { path:"/",//http://localho...

什么是MVVM?看一张图。 View负责数据的输入与输出；ViewModel负责业务逻辑；Model则表示程序中具体要处理的数据。所以，Model将作为属性存在于ViewModel中，而Model最终是要显示在Ul界面（View）上的，怎么办呢？将ViewModel赋值给View的DataContext（数据上下文）属性，View就可以引用ViewModel中的那些Model了。 DataContext属性位于FrameworkElement类中，所以继承FrameworkElement类的控件都具有DataContext属性，包括Window类。 一般我们定义一个类，在窗体类的构造函数中赋...

转化器 IValueConverter接口 Binding类还有一个Converter属性，其实，它是一个IValueConverter接口。它的主要作用是：前后端建立绑定时，定义一套自定义逻辑，让前端显示的数据与后端获取的数据建立一定的对应关系。 比如Person对象有一个年龄（Age）属性，我们在前端显示某个人的年龄时，可以根据不同的年龄，显示不同的背景颜色。这个时候，实际上是根据这个输入的整型数据返回一个不同颜色的画刷。 // //摘要: //Providesawaytoapplycustomlogictoabinding. publicinterfaceIValueConverter...

样式的类型叫Style，它继承于DispatcherObject，它最重要的几个属性如下： TargetType属性：这是一个类类型，也就是一个反射，这个属性指明了当前样式要作用于哪种类型的控件上。因为WPF中有许多的控件，我们定义一个样式时，必须要指明这个样式的“适用范围”。 BasedOn属性：样式也有继承的概念，所以，BasedOn指明了当前样式继承于哪个样式 Triggers属性：这是一个集合属性，表示触发器的定义，当满足某些条件时，触发哪些行为，以使控件达到一定的“节目效果”。比如当鼠标移上去时，控件的背景颜色变成红色。这些的效果就可以通过定义控件的触发器来设置。 Setters属性...

触发器是指当满足预设的条件时去执行一些事务的工具，比如我们希望鼠标移到某个按钮上方时，这个按钮的颜色、大小发生一些改变。这个时候，条件是鼠标移到按钮上，执行的事务是改变按钮的颜色和大小。 WPF提供了5种触发器，以满足不同场合下的使用要求。触发器主要运用的场景在Style、ControlTemplate、DataTemplate三个地方。 触发器名称 说明 Trigger 监测依赖属性的变化、触发器生效 MultiTrigger 通过多个条件的设置、达到满足条件、触发器生效 DataTrigger 通过数据的变化、触发器生效 MultiDataTrigger 多个数据条件...

WPF的模板基类叫FrameworkTemplate，它是一个抽象类，它有三个子类，分别是ControlTemplate(控件模板)、ItemsPanelTemplate（元素面板模板）和DataTemplate（数据模板） ControlTemplate控件模板用于定义控件的外观，也就是Control基类的Template属性，而绝大多数控件都继承于Control基类，意味着我们都可以去重新定义它们的视觉外观。 DataTemplate数据模板即数据的外衣。用于从一个对象中提取数据，并在内容控件或列表控件的各个项中显示数据。比如ContentControl基类中的ContentTemplat...

WPF的依赖属性系统，它是指WPF提供的一组服务，专门用来扩展WPF的属性功能，而受到这些服务支持的属性就称为依赖属性。 WPF的依赖属性系统对于开发者而言，几乎是感知不到的，它通过DependencyProperty类型的一些静态方法成员，提供一系列注册依赖属性或附加属性的功能，让我们可以向依赖属性系统注册属于我们自己写的依赖属性。 为了对比CLR普通属性与WPF的依赖属性的区别，直观的认知两者的概念，我们先来看看普通属性的定义 普通属性 privateintlength=0; publicintLength { get{returnlength;} set{length=value;} ...

我们在学习布局控件时，其实也已经使用过附加属性了。下面我们来看一些例子 <Grid> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <ButtonGrid.Row="0"Content="按钮1"/> <ButtonGrid.Row="1"Content="按钮2"/> </Grid> 上面的代码中，按钮1被放到Grid的第一行中，按钮2被放到Grid的第二行中。通过Grid.Row附...

先看一段代码： <Windowx:Class="HelloWorld.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/20...

RotateTransform旋转 RotateTransform表示旋转一个对象的角度。首先我们来看一下它的定义 publicsealedclassRotateTransform:Transform { publicstaticreadonlyDependencyPropertyAngleProperty; publicstaticreadonlyDependencyPropertyCenterXProperty; publicstaticreadonlyDependencyPropertyCenterYProperty; publicRotateTransform(); publi...

在进行WPF界面设计时，我们需要在很多地方设置颜色属性，比如元素的背景色、前景色以及边框的颜色，还有形状的内部填充和笔画，这些颜色的设置在WPF中都以画刷（Brush）的形式实现。比如最常用的画刷就是SolidColorBrush，它表示一种纯色。 publicabstractclassBrush:Animatable,IFormattable,IResource { publicstaticreadonlyDependencyPropertyOpacityProperty; publicstaticreadonlyDependencyPropertyTransformProperty; p...

什么是Prism： 1.WPFPrism是一个用于构建模块化、可扩展和可重用的WPF应用程序的框架。它基于MVVM模式，提供了一种简单且灵活的方式来管理复杂的WPF应用程序。 2.Prism框架提供了一些核心概念，包括模块化开发、依赖注入、命令模式、导航和事件聚合等。它还提供了一些实用工具和类来简化开发过程，例如模块加载器、事件聚合器、导航器等。 3.Prism框架的主要目标是帮助开发人员构建易于维护和扩展的WPF应用程序，同时提高代码的可重用性和可测试性。 Github：https://github.com/PrismLibrary/Prism Prism包括哪些功能模块：  &n...

ModuleAttribute(按需延迟加载) ModuleAttribute是Prism框架中用于标识模块的属性。通过使用ModuleAttribute，可以将模块与特定的模块目录进行关联，从而使Prism应用程序能够动态加载和初始化模块。 在使用WPFModuleAttribute时，需要将该属性应用于模块类，并指定模块的模块目录路径。例如： ModuleName:获取或设置模块的名称 OnDemand:获取或设置指示是否应按需加载模块的值。 StartupLoaded:获取或设置一个值，该值指示是否应在启动时加载模块 [Module(ModuleName="MyModule",OnDe...

 Popup是一个用于显示临时性内容的控件，它可以在应用程序的其他内容之上显示一个弹出窗口。它通常用于实现下拉菜单、工具提示、通知消息等功能。 主要属性为： Child：获取或设置Popup控件的内容。IsOpen：获取或设置一个值，该值指示Popup是否可见Placement:获取或设置Popup控件打开时的控件方向，并指定Popup控件在与屏幕边界重叠时的控件行为PlacementTarget：获取或设置当打开Popup控件时该控件相对于其放置的元素。PopupAnimation：获取或设置Popup控件的打开和关闭动画。StaysOpen：获取或设置一个值，该值指示当Popup...

在Web开发的时候，编写css样式的时候通常是统一写在.css样式文件中。在WPF中也可以使用这样的思想。 样式引用： 1.新建一个项目用于统一存放样式WPF.UI 添加一个资源字典Button.xaml或者CheckBox.xaml等等.... <ResourceDictionaryxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <!--图标按钮样式--> <Sty...