【WPF】基于WPF的上位机开发模板

已于 2023-04-23 20:22:15 修改
阅读量2.3k 收藏 12
点赞数 3
分类专栏： WPF上位机开发 文章标签： wpf
于 2023-01-14 13:18:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38045338/article/details/128683317
版权

基于WPF的上位机开发模板

>>返回总目录<<

一. 背景

在嵌入式开发中，经常会写一些脚本来提高工作效率，在工作中发现，周围同事写的很多脚本都不是可视化的，执行的时候只有一个简单的黑框，对于一个新的使用者来说不是很友好，也不利于脚本工具的传播。如果能为脚本工具添加一个可视化的界面，在界面上添加一些按钮/列表/弹框等信息，将会降低脚本工具的学习和使用成本，提高工具的友好性。
基于C#语言的WPF(Windows Presentation Foundation)便是一个很好的界面开发工具，它可以进行可视化编程，需要通过Visual Studio进行开发，是广泛使用的上位机开发工具。对于一个初学者来说，我们不需要了解特别高深的知识，只要知道一些简单基本的操作就可以，比如怎么设置界面窗口的长宽，怎么在界面添加一个按钮，在哪里添加按钮的执行逻辑等等。

二. 基于WPF的通用界面模板

博主在这里整理了一个简单的WPF模板，主要实现功能，通过二级窗口添加输入信息在列表中，然后点击生成按钮对输入信息进行处理，比如在用户手册中筛选信息，最后把筛选出来的信息显示在界面上。该模板具有一定的通用性，可以在其基础上做一些简单的修改，以适应自己特定的业务场景。界面如下图：
在这里插入图片描述
界面主要分为5个部分：
(1) 上部左侧是型号选择区；
(2) 上部右侧是输入信息操作区，点击Add按钮弹出二级窗口，在二级窗口中选择输入信息添加到输入信息显示区；
(3) 中间左侧是输入信息显示区；
(4) 中间右侧是生成的结果信息显示的地方；
(5) 下部Generate按钮是根据输入信息生成相应的输出信息，并将输出信息显示在结果显示区，Clear按钮可以将所有生成的信息从界面清除。

三. WPF与python的协同开发

我们在写工具脚本时，通常会使用python语言，因为python具有非常丰富的库文件，能够非常方便的处理excel/word/pdf/txt等等各种文件，而WPF没有这样的优势，因此我们可以把python语言和WPF结合起来进行开发。比如可以用python程序打包成一个exe，然后在Generate按钮的处理函数中直接调用该exe执行，同时把WPF界面上输入的参数传入，exe执行后把输出的信息保存在一个txt文件中，最后通过WPF把生成信息显示在界面上。
关于如何在C#中调用exe创建新进程及如何传参可以参考：【C#】调用exe创建进程及传参方法。

四. WPF模板代码路径

WPF程序包路径如下，可以基于此根据特定的实现功能进行修改。
WPF模板工程代码路径(不需要积分)：https://download.csdn.net/download/m0_38045338/87384293

woniudaidai
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
C# WPF上位机开发（计算器界面设计）
嵌入式-老费，一个分享专业嵌入式知识的blog
12-02 1721
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 c# wpf最大的优势就是开发业务软件比较快、效率比较高。一般来说，它的界面和逻辑部分可以同时开发。界面的部分用xaml编写即可，代码的部分可以先用c#来完成。说到界面，大部分的gui编辑工具都是基于grid+stack的思想来进行设计的。这么说也许有点复杂，简单一点说就有点类似于装修房子的概要设计和详细设计这两层意思。 概要设计，主要就是先弄清楚房子里面哪里是厨房，
wpf做的运动控制器上位机
10-12
wpf做的运动控制器上位机
WPF 超炫界面模板
03-19
ModernUI.1.0.4.win8极简化界面设计.用户可以基于ModernUI来构造一个非常通用的、插件化的WPF开发框架，有兴趣的朋友可以下载使用！
WPF 上位机 Modbus 入门必备的信息 C# 开发对接
最新发布
cao919的专栏Net
06-17 305
串口RS485(一主多从):不同的报文格式:ModbusAscii(ASCII字符方式进行发送)、ModbusRTU(Remote Terminal Unit)Modbus协议是MODICON(莫迪康)(现施耐德品牌)在1979年开发的，是全球第一个真正用于现场的总线协议;-支持多种电气接口(RS232、RS422、RS485、RJ45) byte[];-标准开放、公开发表、无版税要求、无许可证费(没有费用)- 格式简单、紧凑、通俗易懂，容易上手(好用)key 你懂得 PJ。关于Modbus协议。
WPF 粒子样例
09-14
很少又类似的资源，网上找来的，分享给大家，使用WPF做的粒子效果，一个简单的动态粒子，供学习参考。
「C#WPF语言设计的上位机，实时报警与趋势图显示，数据库自动保存，伺服与IO控制」
JsbmlciISF的博客
05-20 893
该系统采用了MVVMLight框架，实现了实时显示报警信息、实时趋势图显示以及生产数据的自动保存到数据库等功能，并且实现了伺服控制和手动IO控制功能。本文将从系统架构、实时监控、数据保存和控制实现等方面进行详细的阐述，希望能为类似项目的开发提供一定的参考。通过采集PLC传感器数据，并以图表的形式展示出来，操作人员可以直观地了解到生产数据的变化趋势，为生产过程的优化和改进提供参考。本系统实现了对伺服控制的支持。通过与PLC的通讯，向PLC发送相应的控制指令，实现对伺服驱动器的控制。5.2 手动IO控制。
快速设计一个简单的WPF串口上位机
05-25
本文档具体介绍了快速设计一个简单WPF串口上位机界面的实现过程和代码
WPF上位机数据采集与监控系统零基础实战
01-20
课程从上位机应用基础架构出发，全程代码实战，涉及内容包括串口通信、基础组件开发、用户控件动画、全局静态数据绑定等等。从无到有，完整实操，项目整体以MVVM思想模式设计开发，代码功能使用分层结构，逻辑与View解耦。通过此课程可以让大家了解到基本的串口通信方式，以及如何利用WPF的特性开发上位机应用，对WPF配合上位机开发有更深入的了解与认识，为WPF技术平台下的上位机应用开发打下坚实基础
基于WPF的c#上位机制作
finhaz的博客
10-26 7631
研究了下wpf下设计上位机，希望把界面做的更美观，不过目前暂时停止开发与维护了，因此，wpf做的上位机仅限于界面设计，相关的源代码公开到github和gitee上面，希望给大家提供思路。这里的思路主要是界面设计方面的思路。
WPF上位机通用框架实战
06-25
课程从上位机应用基础架构出发，全程代码实战，涉及内容包括串口通信、基础组件开发、用户控件动画、全局静态数据绑定等等。从无到有，完整实操，项目整体以MVVM思想模式设计开发，代码功能使用分层结构，逻辑与View解耦。通过此课程可以让大家了解到基本的串口通信方式，以及如何利用WPF的特性开发上位机应用，对WPF配合上位机开发有更深入的了解与认识，为WPF技术平台下的上位机应用开发打下坚实基础
C# WPF上位机开发（开篇）
嵌入式-老费，一个分享专业嵌入式知识的blog
11-26 1459
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 之前很少用到c#语言，大部分时间都用c/c++，主要是它可以兼顾上位机qt开发以及嵌入式开发。所以，用c/c++是比较合理的。但是坦率来说，人才市场上面，能同时把c/c++用的比较好的同学，真的是很难找的。但这方面，c#就有很大的灵活性。它用起来比较简单，使用起来也方便。不仅如此，用c#开发上位机的话，本身灵活性也够，使用wpf可以实现前后端的分离，渲染的部分交给渲染，数据的部分交给
WPF上位机学习实践.zip
12-25
总结来说，WPF上位机开发结合MVVM模式，能帮助开发者高效构建功能丰富、界面友好的桌面应用。通过深入理解WPF的核心特性和MVVM模式，开发者可以更好地设计和实现复杂的业务逻辑，提供优质的用户体验。
WPF上位机框架-根文件.zip
01-19
综上所述，这个“WPF上位机框架-根文件.zip”提供了一个完整的开发环境，包含了从UI设计到远程调试的所有必要组件。开发者可以利用这个框架快速搭建功能完善的上位机应用，同时享受到WPF带来的强大图形渲染能力和...
WPF工业上位机 MVVM 实时趋势 历史趋势 报表
05-29
总结，构建WPF工业上位机应用，结合MVVM模式，能有效地组织代码结构，提高开发效率。实时趋势和历史趋势的实现依赖于数据绑定和实时数据更新机制，而报表功能则依赖于报表控件和数据处理能力。在设计过程中，还需...
C# WPF上位机开发（第一个应用）
嵌入式-老费，一个分享专业嵌入式知识的blog
11-27 2037
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 万事开头难，很多事情都是难在第一步。走出了这第一步，回过头看以前走的每一步，发现其实也不难。用c# wpf编写界面就是这样。传统的c# form，和delphi、vb、java swing这些开发模式其实差不多，主要就是通过所见即所得方法，借助于编辑软件自动生成图形界面的代码。而c# wpf则是更进了一步，它学习了web开发的先进概念，将图形化和业务逻辑实现了分离。
采用C#WPF语言设计的上位机，与西门子plc通讯，采用MVVMLight框架
evbukrq的博客
08-20 894
该上位机设计了实时数据监测功能，它能够实时地监测并显示生产过程中的各项参数，例如温度、湿度、压力、流量等，通过实时趋势图的方式，直观地反映生产过程的变化趋势。总之，这款采用C#WPF语言设计的上位机，采用MVVMLight框架，能够实现实时数据监测、生产数据自动保存、伺服控制和手动IO控制等功能，不仅在工业生产过程中有着广泛应用，同时能够为工程师们在开发过程中提供高效可靠的支持，是一款值得推荐的工业控制系统。伺服控制可以控制生产设备的速度、位置、力度等参数，从而实现对生产过程的有效控制；
C# WPF界面软件设计参考 工控机上位机界面 美观炫酷的现代化风格界面设计实际案例分享 界面设计代码
liyu3519的博客
04-16 5197
C# WPF界面设计参考 工控机上位机界面 美观炫酷的现代化风格界面设计实际案例分享 界面设计代码
【愚公系列】2023年10月 WPF+上位机+工业互联 005-常用框架页面布局案例
热门推荐
时光隧道
09-08 4万+
后台框架模板是一种基于特定技术栈及架构思路开发的、可用于快速搭建后台系统的模板。它提供了一系列预定义的功能、UI样式和组件，可以作为开发者快速搭建后台系统的起点。通常情况下，后台框架模板会包含以下组件：用户管理、权限管理、数据管理、统计分析、日志处理等。常见的后台框架模板包括Laravel Admin、Ant Design Pro、vue-element-admin等。WPF是一种Microsoft .NET框架的应用程序开发技术，它提供了一种基于 XAML 语言的创新性的用户界面体验。
【愚公系列】2023年10月 WPF+上位机+工业互联 002-WPF布局控件
时光隧道
09-07 4万+
WPF布局是指在Windows Presentation Foundation（WPF）中定义和管理用户界面元素的方式。WPF提供了不同类型的布局容器，如Grid、StackPanel、WrapPanel和DockPanel等，使得开发人员能够轻松地创建灵活和可扩展的用户界面。WPF布局可通过XAML标记语言或代码实现。它提供了一种分离界面和逻辑的方式，使得开发人员能够更容易地管理用户界面的外观和行为。控件功能Canvas。
基于wpf mvvm框架实现上位机代码
05-28
以下是一个简单的基于 WPF MVVM 框架的上位机示例代码，实现了一个简单的计数器功能： MainWindow.xaml： ``` <Window x:Class="WPFMVVMExample.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="WPF MVVM Example" Height="200" Width="300"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <TextBlock Text="{Binding Count}" FontSize="48" HorizontalAlignment="Center" VerticalAlignment="Center"/> <Button Content="Increase" Command="{Binding IncreaseCountCommand}" Grid.Row="1" HorizontalAlignment="Center"/> </Grid> </Window> ``` MainWindow.xaml.cs： ``` using System.Windows; namespace WPFMVVMExample { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DataContext = new MainViewModel(); } } } ``` MainViewModel.cs： ``` using System.ComponentModel; using System.Windows.Input; namespace WPFMVVMExample { public class MainViewModel : INotifyPropertyChanged { private int _count; public int Count { get { return _count; } set { _count = value; OnPropertyChanged("Count"); } } public ICommand IncreaseCountCommand { get; private set; } public MainViewModel() { Count = 0; IncreaseCountCommand = new RelayCommand(IncreaseCount); } private void IncreaseCount() { Count++; } public event PropertyChangedEventHandler PropertyChanged; private void OnPropertyChanged(string propertyName) { if (PropertyChanged != null) { PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); } } } } ``` RelayCommand.cs： ``` using System; using System.Windows.Input; namespace WPFMVVMExample { public class RelayCommand : ICommand { private readonly Action _execute; private readonly Func<bool> _canExecute; public RelayCommand(Action execute) : this(execute, null) { } public RelayCommand(Action execute, Func<bool> canExecute) { if (execute == null) throw new ArgumentNullException("execute"); _execute = execute; _canExecute = canExecute; } public bool CanExecute(object parameter) { return _canExecute == null ? true : _canExecute(); } public void Execute(object parameter) { _execute(); } public event EventHandler CanExecuteChanged { add { CommandManager.RequerySuggested += value; } remove { CommandManager.RequerySuggested -= value; } } } } ``` 这个示例代码实现了一个简单的计数器功能，通过按钮点击可以增加计数器的值。在 ViewModel 中定义了一个 Count 属性和 IncreaseCountCommand 命令，Count 属性绑定到 TextBlock 控件的 Text 属性上，IncreaseCountCommand 命令绑定到 Button 控件的 Command 属性上。使用了 RelayCommand 类实现了 ICommand 接口，处理按钮点击事件。在 MainWindow.xaml.cs 中设置了 DataContext 为 MainViewModel 的实例，实现了界面和 ViewModel 的绑定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

woniudaidai

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值