WPF学习笔记（一）

现在属于项目并发阶段，不光要做新一代煤矿智能安全监控监测系统，还要抽出时间做新一代井下数字集群及GSM无线通讯系统，真是应接不暇啦，好在前一个项目监控中心联网系统平台已经顺利结束，并且关闭了，要不就得3个项目并行开发了，可怜了我的小身板呀，可不抗这么折腾了。

新一代井下数字集群及GSM无线通讯系统正处于需求调研阶段，估计跟硬件的协议还会定一段时间，而新一代煤矿智能安全监控监测系统已经将数据库设计好了，下面开始正式的界面功能开发，准备用WPF进行页面的设计，虽说现在JquerUI、HTML5、EasyUI还是很火，下面着重记录下学习WPF的心得。

WPF：Windows Presentation Foundation

在wpf中，用户界面设计使用的语言是xaml extensible application markup language

可以更好的面向windows 7、Windows Server 2008 和Windows Server 2008 R2

使用WPF的好处就不多说啦。

进入实践，实践是检验真理的唯一标准！

准备开发一个界面，用来控制数据库的连接，使用xml进行数据的存储

xml如下：

  <DataBase>
    <Item key="ServerIP" value="ed8+sx/4Qz37OOESyrpDkw==" />
    <Item key="DBName" value="AkWRIZAcop6TE42ISWf8jw==" />
    <Item key="UserName" value="C1CIY+qVLWBelkhioTy05g==" />
    <Item key="UserPassWord" value="kQqaHenI6yhnHrrytme6WA==" />
  </DataBase>

其中的value是经过加密的。

<Window x:Class="KJ2012G.ini.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="KJ2012G通讯配置" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" Height="350" Width="525">
    <Grid>
        <TabControl Height="297" HorizontalAlignment="Left" Margin="23,14,0,0" Name="tabControl1" VerticalAlignment="Top" Width="468">
            <TabItem Header="数据库配置" Name="数据库配置">
                <Grid Height="259">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="182*" />
                        <RowDefinition Height="8*" />
                        <RowDefinition Height="8*" />
                    </Grid.RowDefinitions>
                    <GroupBox Header="DB节点配置" Height="222" HorizontalAlignment="Left" Margin="15,15,0,0" Name="DB节点配置" VerticalAlignment="Top" Width="437" Grid.RowSpan="3"></GroupBox>
                    <Grid Margin="35,39,40,30">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="29*" />
                            <ColumnDefinition Width="142" />
                            <ColumnDefinition Width="234*" />
                        </Grid.ColumnDefinitions>
                        <Label Content="数据库地址：" Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="31,15,0,0" Name="label1" VerticalAlignment="Top" Width="86" />
                        <Label Content="数据库名称：" Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="32,43,0,0" Name="label2" VerticalAlignment="Top" Width="83" />
                        <Label Content="用    户   名：" Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="31,75,0,0" Name="label3" VerticalAlignment="Top" />
                        <Label Content="密          码：" Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="32,105,0,0" Name="label4" VerticalAlignment="Top" />
                        <TextBox Grid.Column="2" Height="23" HorizontalAlignment="Left" Margin="13,17,0,0" Name="txtserverName" VerticalAlignment="Top" Width="120" />
                        <TextBox Grid.Column="2" Height="23" HorizontalAlignment="Left" Margin="13,48,0,0" Name="txtdbName" VerticalAlignment="Top" Width="120" />
                        <TextBox Grid.Column="2" Height="23" HorizontalAlignment="Left" Margin="13,75,0,0" Name="txtUserName" VerticalAlignment="Top" Width="120" />
                        <TextBox Grid.Column="2" Height="23" HorizontalAlignment="Left" Margin="13,105,0,0" Name="txtUserPassword" VerticalAlignment="Top" Width="120" />
                    </Grid>
                    <Button Content="保存" Height="23" HorizontalAlignment="Left" Margin="50,214,0,0" Name="button2" VerticalAlignment="Top" Width="75" Click="button2_Click" />
                    <Button Content="运行" Height="23" HorizontalAlignment="Left" Margin="191,214,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
                    <Button Content="退出" Height="23" HorizontalAlignment="Left" Margin="319,214,0,0" Name="button3" VerticalAlignment="Top" Width="75" Click="button3_Click" />
                </Grid>
            </TabItem>
        </TabControl>
    </Grid>
</Window>

后台部分代码界面

        public MainWindow()
        {
            InitializeComponent();
            string serverName = Common.XMLConfig.GetDecryptoItem(Common.Constants.ConfigFileName, Common.Constants.DBSectionName, "ServerIP", "");
            string dbName = Common.XMLConfig.GetDecryptoItem(Common.Constants.ConfigFileName, Common.Constants.DBSectionName, "DBName", "");
            string UserName = Common.XMLConfig.GetDecryptoItem(Common.Constants.ConfigFileName, Common.Constants.DBSectionName, "UserName", "");
            string UserPassword = Common.XMLConfig.GetDecryptoItem(Common.Constants.ConfigFileName,Common.Constants.DBSectionName,"UserPassWord","");
            
            this.txtserverName.Text = serverName;
            this.txtdbName.Text = dbName;
            this.txtUserName.Text = UserName;
            this.txtUserPassword.Text = UserPassword;
        }

        private void button2_Click(object sender, RoutedEventArgs e)
        {
            string serverName = this.txtserverName.Text;
            string dbName = this.txtdbName.Text;
            string UserName = this.txtUserName.Text;
            string UserPassword = this.txtUserPassword.Text;
            Common.XMLConfig.SetEncryptItem(Common.Constants.ConfigFileName, Common.Constants.DBSectionName, "ServerIP", serverName);
            Common.XMLConfig.SetEncryptItem(Common.Constants.ConfigFileName, Common.Constants.DBSectionName, "DBName", dbName);
            Common.XMLConfig.SetEncryptItem(Common.Constants.ConfigFileName, Common.Constants.DBSectionName, "UserName", UserName);
            Common.XMLConfig.SetEncryptItem(Common.Constants.ConfigFileName, Common.Constants.DBSectionName, "UserPassWord", UserPassword);
            MessageBox.Show("数据库配置已配置成功");
        }

        private void button3_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

这样数据库配置界面就设计好了，下一节准备进行串口设置以及主从机设置