【WPF嵌套vue3】3.创建wpf项目,并引入各类公共库

原创 已于 2023-09-20 17:28:45 修改 · 587 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#wpf

于 2023-09-20 12:19:48 首次发布
本文介绍了如何在VS2022中创建WPF项目，处理空白应用创建问题，安装必要的Nuget包如Newtonsoft.Json、log4net等，并提及了Prism框架和CEFSharp浏览器插件的集成过程。

WPF程序

做完了前面的vue,现在还需要创建个wpf程序。
我wpf使用的版本是VS2022
项目的结构目前如下:

后面的代码就只捡着重点的说一说

在vs中新建项目，创建空白应用

在这里插入图片描述
这个空白解决方案很奇怪，我电脑上有时候能找到，有时候找不到这个选项
这是因为VS的功能缺少了一部分,解决办法如下:（添加VS的扩展功能，其他项目模板）
添加VS的扩展功能，其他项目模板
之后创建空白解决方案即可。

依次创建相关类库，最终效果如下

设置WPF.NetCore.Startup为启动项目
在这里插入图片描述

Nuget包引入

现在需要导入相关的Nuget包，所有的Nuget除非特殊情况外,均下载到WPF.NetCore.Common中
然后其他模块引用WPF.NetCore.Common进行使用，Nuget引入包:

  • Newtonsoft.Json (json处理) @13.0.3
  • log4n
最低0.47元/天 解锁文章
WPF实战项目五：首页设计
yigu4011的博客
07-13 1153
2、编写IndexViewModel.cs，继承BindableBase，新增ObservableCollection TaskBars列表属性，初始化列表数据（7、在IndexViewModel.cs当中增加初始化待办事项、备忘录的测试数据，后续会通过api接口传到前台。6、新建MemoDto.cs、ToDoDto.cs类继承BaseDto.cs。4、设置MainView.xaml的字体为微软雅黑。
WPF实战项目十一（API篇）：待办事项功能api接口
yigu4011的博客
08-09 1702
6、ToDoController.cs里面依赖注入IUnitOfWork和IToDoService，并添加CURD的代码。3、新建待办事项接口IToDoService.cs，继承IBaseService。4、新建实现类ToDoService.cs，继承IToDoService.cs。5、program.cs里面注入服务。
按照Vue写WPF(1):属性绑定
qq_44695769的博客
07-21 603
作为一个使用Vue非常熟练的C#全干工程师。当我在接触WPF的时候，我就一直想用Vue的想法去重写WPF框架。经过一个星期的琢磨，终于琢磨出来了如何优雅的入参。期间看了上百篇博客，浏览了一堆的视频教程。期间遇到许多困难，WPF国内相关资料极少，英语也不知道怎么提问，GPT也没有给我想要的答案，难得我都要放弃了。因为我一直想像Vue那样优雅的入参，按照Vue的一切都是组件的想法去开发，因为这样极大的减少了开发的难度，降低了耦合，提高了组件的复用。幸好我成功了，所有的努力没有白费。
精通 WPF（六）
最新发布
龙哥盟
10-18 964
最近的部署技术使用起来更简单，提供了一种易于理解的方法来执行与早期技术相同的步骤。在解决方案中添加一个设置项目后，会打开一个页面，显示目标计算机上的文件系统。在这个文件系统编辑器页面上，我们可以指定我们想要安装的内容以及安装位置。页面分为两部分，左侧是用户计算机上要安装的文件夹树视图，右侧是它们的文件夹内容。默认情况下，左侧面板包含应用程序桌面和程序文件文件夹。如果我们希望使用其他预定义的位置，例如字体或公共文件文件夹，例如，那么我们可以右键单击这些面板的背景，并选择添加特殊文件夹选项。
WPF实战项目一：新建.NetCore平台下的WPF项目
yigu4011的博客
06-12 2083
删掉App.xaml中的代码：StartupUri="MainWindow.xaml" ，在MainWindow.xaml下添加一个按钮，显示颜色，证明UI框架引入成功。使用Nuget下载UI框架程序包：Prism.DryIoc 、MaterialDesignThemes。引入UI库MaterialDesignThemes，进入github。删除IIS Express，使用自带编辑器运行webapi项目成功。在App.xaml 引入prism，并重写方法。选择.netcore 6.0框架。
【WPF嵌套vue3】6. .netcore 6.0 WPF CefSharp加载本地的vue3项目，并互相调用方法
weixin_43627719的博客
11-23 1490
到这里 vue和wpf的交互就结束了，即完成展示，也完成了双方的数据交互，这个坑我就算是填完了，加载vue本质上就是加载html+js，和vue3可以交互，当然也就可以和vue2、javascript交互，当初我写的时候 vue3交互的方法内容比较少，也希望大家可以借鉴看一下本质就是 wpf嵌套浏览器，使用浏览器组件显示网页，并和网页上的js进行方法调用ps：我以前做过类似的程序，wpf嵌套一个功能网页，然后各种调用它的js方法(因为那个公司没有接口，我直接调用他们的js方法传参，并对外封装成接口)
WPF - VUE
gqk01的博客
08-12 455
这可能是出于安全性的考虑. 但在我们的系统为了实现View层密码框中的密码与后台其它层之间的密码属性之间的绑定, 可以采取如下思路: 将密码框的密码和某一个缓冲区进行同步, 缓冲区在和后台进行绑定. 其中密码框与缓冲区之间的同步可采用事件进行通知, 并将缓冲区打造成依赖属性, 然后缓冲区就支持绑定了, 并给后台提供正确的密码.面板的Row、Column，Canvas面板的Left、Right DockPanel面板的Dock都是附加属性。附加属性是特殊的依赖属性，用于非定义该属性的类 例如。........
【WPF嵌套vue3】1.Nodejs创建项目及简介
weixin_43627719的博客
09-19 345
技术上规划是这样的,做成一个exe程序，适配平台为Windows,并且兼容Win7系统。1.exe使用 .net core6.0，创建WPF应用，使用Prism框架2.内置的浏览器插件使用chrome内核插件,Cefsharp.Wpf.NetCore3.内置的各种页面使用 vue3+ElementUIPlus+TS+vite最近也阅读了部分源码，希望能有更多的朋友提出意见，项目目前的源代码地址暂定如下,随缘更新。。。
可能是目前最完整的前端框架Vue.js介绍
01-27
2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位...
实现WPF页面嵌套与跳转
weixin_44540475的博客
01-20 1115
对于页面嵌套跟跳转，在日常的项目当中是经常用的，也可以说是必须要用到的一项功能，其实页面嵌套跟跳转类型是相似的，但是代码的写法是有一定的差距的。那么页面跳转的代码量是非常的少的，也可以说是很简繁就能完成的事情，那么页面嵌套就是把一个页面嵌套在另一个页面的里面，那种意义也是有不一样的。 像这种就是页面嵌套了，页面嵌套的方法也很简单，只要你把两个需要嵌套的页面代码写好，那么也就两句代码就可以完成的事情了，下面就是嵌套的代码： private void btnSystemInformation_Click(ob
【愚公系列】2023年10月 WPF+上位机+工业互联 019-属性绑定(多重绑定)
热门推荐
时光隧道
09-22 4万+
属性多重绑定指的是在一个对象的多个属性之间建立关联，以便它们的值保持同步。换句话说，当一个属性的值发生改变时，其它与之绑定的属性的值也会随之自动改变。这种绑定可以在前端编程中被广泛使用，以简化代码逻辑和提高应用程序的可维护性。一些前端框架（如Angular、Vue.js等）内置了属性多重绑定功能，使得开发者能够更加轻松地实现数据的双向绑定。
【WPF嵌套vue3】2.vue3 简单js框架代码编写及运行
weixin_43627719的博客
09-19 538
2.ElementUI Plus没有使用中文(使用历史版本，非最新版本的Element plus有可能出现这个问题)1.app.vue 文件没有保存为UTF-8格式(默认创建项目保存的是ANSI格式)vite 我也是第一次使用，现在按照我以前用webpack的思路做一点配置及修改。贴一段历史版本我以前写的 ElementUI历史版本 中文乱码的解决代码。2.webpack默认命令是 npm run serve。1.vite中的默认运行命令是 npm run dev。
【WPF嵌套vue3】4. .netcore 6.0 WPF 使用prism
weixin_43627719的博客
09-20 423
虽然WPF只是作为一个盒子/容器使用，但是WPF我还是用上了Prism框架，来实现WPF项目的MVVM架构思想初次使用Prism，需要有一定的WPF开发经验，话不多说，开始吧。
VUE于WPF中MvvM模式异同
u014650759的专栏
12-11 3687
因为在学VUE和WPF，又由于它们都采用了Mvvm模式，所以这里做一个简单的对比记录，方便记忆 1.Vue意义上的ViewModel和View通常在一个页面，通过new Vue创建ViewModel，el指定页面View中的id并关联起来，data提供json数据以供绑定，methods提供函数以供绑定。代码如下： <body> <div id="vue_det">...
wpf vue cef 交互
somethingGoWay的专栏
03-23 778
<UserControl x:Class="LabInOnePC.View.UcSampleBankView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlforma...
在软件开发中，mvvm模式是不是wpf第一批使用的软件，vue后期使用的也是同一种mvvm模式概念吗，同一个mvvm原理？在mvvm格式下，vue的开发模式简单于wpf的数据绑定
weijia3624的专栏
03-01 834
相对而言，Vue.js在MVVM模式下的开发确实更为简洁，因为它将视图、行为和样式集中在一起管理，且Vue自身提供的响应式系统简化了数据绑定的复杂度，开发者无需手动维护数据同步，这使得在实现数据绑定方面比WPF更直观、便捷。所以可以说，Vue.js和WPF都使用了MVVM模式的基本概念，即分离视图（View）和业务逻辑（通过ViewModel），但它们在实现原理和技术手段上有所区别，以适应各自平台的特点。在WPF中，视图层是非常丰富的，可以创建复杂的UI设计。
Winform/WPF利用CefSharp集成vue开发
李正浩的博客
01-08 6945
原文发表在我的个人搭建的博客网站上：博客链接，下面是直接复制过来的 Winform/WPF集成vue开发 前言 有时候因为各种原因，可能在开发winform或wpf项目的时候需要嵌入web项目，而目前vue在web开发中还是非常流行的，今天有空琢磨了一下怎么在winform中集成vue进行开发，当然，winform能实现，wpf也是一样的。 目前希望达到的效果是，能够在winform中显示web界面，并且能够与vue中的各个组件进行交互，也就是调用vue中的函数，及vue函数调用C#中的方法。 项目创建 首
无法绑定到目标控件的属性“checked”。_Vue 3 表单输入绑定
weixin_39521068的博客
11-20 567
表单输入绑定实验介绍你可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。文本 (Text)话不多说，来看看例子吧：<template><divclass="template-m...
用wpf设计树状单选和多选功能_vue实现单选和多选功能
weixin_39972519的博客
12-22 228
本文实例为大家分享了vue实现单选和多选功能的具体代码，供大家参考，具体内容如下复制代码Documentul, li {list-style-type: none;}* {margin: 0;padding: 0;}.border-1px {position: relative;}.border-1px:after {display: block;position: absolute;left: ...
WPF中XAML与HTML互转技术详解
“UI绑定”暗示了原始XAML中可能存在的数据绑定表达式（如`{Binding Path=Title}`）也需要在转换过程中被识别并转化为适合Web环境的数据驱动机制（如使用JavaScript框架Vue.js或React进行绑定）；“文档处理”则指...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值