C#学习系列之练手上位机基础知识和实用框架-1

---

前言

提示：学习来源哔哩哔哩，自己创建完整的第一个小项目

工作使用的C#是在前人基础上进行修改、增加功能，练手较为局限。为了提高自己的编码水平，在网上找到一些视频资源进行学习。

---

小项目的界面设计

1.登录界面

登录界面的设计主要是在.xaml文件中进行编写，使用到如下的控件类型：

• TextBlock：主要运用于文本显示
• TextBox：主要运用于文本的输入，上图中的用户名输入
• PasswordBox：主要运用于密码的输入
• CheckBox：对应上图的记住学习信息
• Button：主要作用为按钮，例如上图的登录

选择以上控件，就可以对以上控件进行对应事件的绑定，来触发后续的操作，并可以通过重写来赋予它更多样式和使用方式。
以输入用户名为例：

在 

对于上述代码中的图标使用，可以参考

https://blog.csdn.net/arriettyandray/article/details/125470484

2.上位机数据显示界面

上位机应用基础框架界面

从登录界面跳转到主界面，需要注意！
提示：App.xaml.cs中需要对应编写代码

public partial class App : Application
    {
        protected override void OnStartup(StartupEventArgs e)
        {
            base.OnStartup(e);

            if(new LoginWindow().ShowDialog()==true)
            {
                new MainWindow().ShowDialog();
            }
            Application.Current.Shutdown();
        }
    }

编写完登录界面后，会发现主界面与登录界面的很多编写大同小异。

界面后的模块程序

登录界面的用户名输入与密码输入

界面程序：

<TextBox  Grid.Row="3" Height="40" Style="{StaticResource UserNameTextBoxStyle}"
                         Text="{Binding UserModel.UserName,UpdateSourceTrigger=PropertyChanged}"/>

                <PasswordBox Grid.Row="4" Height="40" Margin="0,8" Style="{StaticResource PasswordBoxStyle}"
                             base:PasswordBoxHelper.Attach="true"
                             base:PasswordBoxHelper.Password="{Binding UserModel.Password,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
                             FontSize="14"/>

后台程序：

public UserModel UserModel { get; set; } = new UserModel();
        public LoginViewModel()
        {
            UserModel.UserName = "admin";
            UserModel.Password = "123456";
        }

这里面还涉及到数据库的简单运用，可参考

https://blog.csdn.net/arriettyandray/article/details/125397869

学习心得

• MVVM模式的使用
• 事件绑定
• 数据库
• 规整界面的设计
• 图标使用

总结

这还是仅仅一个小项目的练手，还需要多多练习。

https://www.bilibili.com/video/BV1g5411R7wK?p=47&spm_id_from=333.880.my_history.page.click

缺陷

对于最后通过选择不同的图标，将整个界面的绑定数据进行切换，改了很多天还是不能完成，还需要继续努力。但是对一些简单的事件绑定，已经有了自己的认识，可以修改原本的绑定，完成自己想要的绑定。