简单的物流项目实战，WPF的MVVM设计模式(五)

﹏ヽ暗。殇╰゛Y 2023-08-17 16:58 126阅读 0赞

![723924-20190810165324732-1061790625.png][]

开始界面

<Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Button Grid.Row="0"
                    Content="注册"
                    Height="60"
                    Width="300"
                    Name="SignUpButton"
                    Click="SignUpButton_Click"
                    />
            <Button Grid.Row="1"
                    Content="登录"
                    Height="60"
                    Width="300"
                    Name="SignInButton"
                    Click="SignInButton_Click"/>
            
        </Grid>

注册界面

![723924-20190810165437736-308984493.png][]

<Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Ellipse Height="150" Width="150">
                <Ellipse.Fill>
                    <ImageBrush ImageSource="F:\5\WMS\WMS\wallhaven-ym7237.png"/>
                </Ellipse.Fill>
            </Ellipse>
            <StackPanel Grid.Row="1">
                <TextBox Name="UserAccount" 
                         Text="{Binding UserAccount}" 
                         Width="350"
                         Height="25"
                         Margin="0 10 0 10"/>
                <TextBox Name="Password" 
                         Text="{Binding Password}" 
                         Width="350"
                         Height="25"
                         Margin="0 10 0 10"/>
                <Button Name="SignUpButton" Command="{Binding InsertCommand}" 
                        Width="100" 
                        Height="30"
                        Content="注册"/>
            </StackPanel>
        </Grid>

登录界面

![723924-20190810165541084-573367466.png][]

<Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Ellipse Height="150" Width="150">
                <Ellipse.Fill>
                    <ImageBrush ImageSource="F:\5\WMS\WMS\wallhaven-ym7237.png"/>
                </Ellipse.Fill>
            </Ellipse>
            <StackPanel Grid.Row="1">
                <TextBox Name="UserAccount" 
                         Text="{Binding Username}" 
                         Width="350"
                         Height="25"
                         Margin="0 10 0 10"/>
                <TextBox Name="Password" 
                         Text="{Binding Userpassword}" 
                         Width="350"
                         Height="25"
                         Margin="0 10 0 10"/>
                <Button Name="SignUpButton" Command="{Binding GetCommand}" 
                        Width="100" 
                        Height="30"
                        Content="登录"/>
            </StackPanel>
        </Grid>

下单界面

![723924-20190810165838329-1941954217.png][]

<Grid>
            <StackPanel HorizontalAlignment="Center"
                        Width="600">
                <TextBlock Text="省份"/>
                <TextBox Name="TextBoxProvince" 
                         Text="{Binding Province}" 
                         Margin="0 10 0 10"
                         Height="23"/>
                <TextBlock Text="城市"/>
                <TextBox Name="TextBoxCity" 
                         Text="{Binding City}" 
                         Margin="0 10 0 10" 
                         Height="23"/>
                <TextBlock Text="区"/>
                <TextBox Name="TextBoxArea" 
                         Text="{Binding Area}" 
                         Margin="0 10 0 10" 
                         Height="23"/>
                <TextBlock Text="街道"/>
                <TextBox Name="TextBoxStreet" 
                         Text="{Binding Street}" 
                         Margin="0 10 0 10" 
                         Height="23"/>
                <TextBlock Text="用户名"/>
                <TextBox Name="TextBoxUserName" 
                         Text="{Binding Username}" 
                         Margin="0 10 0 10" 
                         Height="23"/>
                <TextBlock Text="手机号"/>
                <TextBox Name="TextBoxPhoneNumber" 
                         Text="{Binding Phonenumber}" 
                         Margin="0 10 0 10" 
                         Height="23"/>
                <TextBlock Text="创建时间"/>
                <TextBox Name="TextBoxCteateTime" 
                         Text="{Binding Createtime}" 
                         Margin="0 10 0 10" 
                         Height="23"/>
                <Button Content="保存"
                        Height="25"
                        Command="{Binding CreateExpressCommand}"/>
            </StackPanel>
        </Grid>

查看下单信息

![723924-20190810165924480-1698618421.png][]

<Grid>
            <StackPanel>
                <TextBlock Width="600" Height="25" Text="{Binding Province}"/>
                <TextBlock Width="600" Height="25" Text="{Binding City}"/>
                <TextBlock Width="600" Height="25" Text="{Binding Area}"/>
                <TextBlock Width="600" Height="25" Text="{Binding Street}"/>
                <TextBlock Width="600" Height="25" Text="{Binding Username}"/>
                <TextBlock Width="600" Height="25" Text="{Binding Phonenumber}"/>
                <TextBlock Width="600" Height="25" Text="{Binding Createtime}"/>
                <Button Content="读取" Command="{Binding GetExpressCommand}"
                        Width="300"/>
            </StackPanel>
        </Grid>

实际上到这里就已经完了，但是每个页面的后台都有代码，还没有完，嘻嘻嘻

![723924-20190810170623609-618393097.png][]

![723924-20190810170633519-1515240569.png][]

![723924-20190810170641870-935398399.png][]

![723924-20190810170717486-571277021.png][]

![723924-20190810170726596-2032989505.png][]

如下效果图

![723924-20190810172635535-383295468.gif][]

每个页面的后面都没有什么代码就一句代码作为Views和Models连接起来，达到了代码上的解耦，由于博主后面部分没有太多的讲解，时间真的太紧了，这两篇博客也是脱了好久，我猜这么菜的技术，应该没有人看吧，哈哈哈。不过没有什么所谓吧，如果觉得有用的话点个推荐吧，谢谢！

转载于:https://www.cnblogs.com/R00R/p/11332261.html

[723924-20190810165324732-1061790625.png]: /images/20230809/5fef6d37449f44d4829eb9aeffd8c5b2.png
[723924-20190810165437736-308984493.png]: /images/20230809/88fa806627a84c24805dcac768585559.png
[723924-20190810165541084-573367466.png]: /images/20230809/799025d6525f4849b0a320dcffb0346c.png
[723924-20190810165838329-1941954217.png]: /images/20230809/546fef6307a2449c89c5999574e62dd1.png
[723924-20190810165924480-1698618421.png]: /images/20230809/69d8ca20173c4c8e98dc5f6f8c18588d.png
[723924-20190810170623609-618393097.png]: /images/20230809/b01ba0b171dd4d91922407a16aa00b7a.png
[723924-20190810170633519-1515240569.png]: /images/20230809/5a5d9d152da94bdd99260f8083005189.png
[723924-20190810170641870-935398399.png]: /images/20230809/038a1816a105437c99b20e2afda9d3c6.png
[723924-20190810170717486-571277021.png]: /images/20230809/3995160ce9104550a7209f1cbe0ba9de.png
[723924-20190810170726596-2032989505.png]: /images/20230809/8d7d3b103e7945b4b1f279e97ebf6a1c.png
[723924-20190810172635535-383295468.gif]: /images/20230809/114f35b73e12407abbb62f27fec7e84d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中的MVVM设计模式

1、传统的MVP设计模式：是面向DOM进行开发的。 model：数据层/模型层 view：视图层 presenter：逻辑层/控制器，是view和model的中转

﹏ヽ暗。殇╰゛Y/ 2023年09月28日 20:32/ 0 赞/ 33 阅读

相关简单的物流项目实战，WPF的MVVM设计模式(四)

接下来写ViewModels 创建运单的ViewModel类 ![723924-20190810163925718-1118346615.png][] publi

小灰灰/ 2023年08月17日 16:58/ 0 赞/ 38 阅读

相关简单的物流项目实战，WPF的MVVM设计模式(五)

![723924-20190810165324732-1061790625.png][] 开始界面 <Grid> <Grid.RowDefi

﹏ヽ暗。殇╰゛Y/ 2023年08月17日 16:58/ 0 赞/ 127 阅读

相关 MVVM设计模式的好处

MVVM设计思想 M （model）模型（数据）从模型到视图如何进行的交互（Data bindinger 数据绑定） V (view) 视图（DOM-html）

叁歲伎倆/ 2023年02月24日 13:25/ 0 赞/ 25 阅读

相关设计模式（五）.简单工厂模式

简单工厂模式是属于创建型模式，又叫做静态工厂方法模式，但不属于23种GOF设计模式之一。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最

比眉伴天荒/ 2022年12月09日 14:55/ 0 赞/ 119 阅读

相关 WPF MVVM简单介绍

C\ 抽象类和接口的差别 - 木狼 - 博客园 https://www.cnblogs.com/itsone/p/10318207.html WPF技术的主要特点是数据驱动

超、凢脫俗/ 2022年12月07日 01:57/ 0 赞/ 178 阅读

相关 wpf之mvvm

初次接触的新名词--MVVM，听着好高大上的名字。经查阅，发现也没有想象中的那么难。 mvvm【模型－视图－视图模型（Model-View-ViewModel）

た入场券/ 2022年08月18日 00:38/ 0 赞/ 285 阅读

相关 WPF教程（十五）MVVM框架

作者本人以前是做C++的，当然很顺利的进入到WinForm，这也让我基本没有View-Model思维。学习WPF说白点也是因为其强大的UI，其实我忽视了很重要的一点，直到接触了

我会带着你远行/ 2022年05月10日 05:30/ 0 赞/ 334 阅读

相关 WPF教程（十五）MVVM框架（转）

WPF教程（十五）MVVM框架 2018年09月26日 13:33:54 [yangwenxue1989][] 阅读数：494 作者本人以前是做C++的，当然很顺利的进

青旅半醒/ 2021年11月19日 13:06/ 0 赞/ 373 阅读

相关使用MVVM构建一个简单的WPF应用

使用MVVM构建一个简单的WPF应用，本实例将使用MVVM、WPF构建一个简单计算器（如图1）。 ![Center][] 图1 简单计算器 1、构建解决方案首先VS中

喜欢ヅ旅行/ 2021年09月10日 19:20/ 0 赞/ 411 阅读