【WPF】【火车站点信息查询】

全文涉及到的是C#和XAML

如果这两门语言并非你喜欢的语言，那可以关闭本网页了

本文介绍的是什么？

一个火车站点信息查询软件

本文涉及到的WPF基本知识

Task
async await
WebClient
数据绑定

　　这基本知识其他blog会有这更详细的讲解，本文将不会详细介绍这些内容

实现的基本原理

通过webclient 获取指定网页静态资源
分析静态资源，并提取火车的站点信息

编译环境和平台

VS2012
.NET4.5

先通过几张截图看看本文介绍的应用是什么

界面做的不是太好，但基本功能都已实现

界面的实现

界面中包含了一个静态资源 DataTemplate UITraninID

作为显示所有火车ID的List的ItemTemplat

UIMainGrid 用于显示某火车的详细站点信息
- 包含一个Textblock和一个DataGrid，分别显示ID和详细站点

 <Window x:Class="Train.MainWindow"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         Title="MainWindow" Height="450" Width="525" WindowStartupLocation="CenterScreen">

     <Window.Resources>
         <DataTemplate x:Key="UITrainID">
             <TextBlock Text="{Binding ID}" Foreground="Black" FontSize="17" Width="70" TextAlignment="Center" />
         </DataTemplate>
     </Window.Resources>
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="60"/>
             <RowDefinition Height="*"/>
         </Grid.RowDefinitions>
         <Grid Background="Black">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="100"/>
                 <ColumnDefinition Width="*"/>
                 <ColumnDefinition Width="*"/>
                 <ColumnDefinition Width="140"/>
             </Grid.ColumnDefinitions>
             <TextBlock Text="欢迎" Foreground="White" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center"/>
             <Button x:Name="UIOpenFile" BorderThickness="0" Foreground="White" Background="Transparent" Content="打开文件" Grid.Column="1" FontSize="20" Click="UIOpenFile_Click" />
             <Button x:Name="UISave" BorderThickness="0" Foreground="White" Background="Transparent" Content="保存" Grid.Column="2" FontSize="20" Click="UISave_Click" />
             <Button x:Name="UIAbout" BorderThickness="0" Foreground="White" Background="Transparent" Content="关于本应用" Grid.Column="3" FontSize="20" Click="UIAbout_Click" />

         </Grid>
         <Grid Grid.Row="1">
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="100"/>
                 <ColumnDefinition Width="*"/>
             </Grid.ColumnDefinitions>
             <Grid>
                 <Grid.RowDefinitions>
                     <RowDefinition Height="50"/>
                     <RowDefinition Height="*"/>
                 </Grid.RowDefinitions>
                 <Grid Background="LightSkyBlue">
                     <TextBlock Text="列车ID" FontSize="19" HorizontalAlignment="Center" VerticalAlignment="Center" />
                 </Grid>
                 <ListView
                     x:Name="UIlist"
                     ItemTemplate="{StaticResource ResourceKey=UITrainID}"
                     BorderThickness="0"
                     Grid.Row="1" SelectionChanged="UIlist_SelectionChanged"/>
             </Grid>
             <Grid x:Name="UIMainGrid" Grid.Column="1">
                 <Border BorderThickness="1,0,0,0" BorderBrush="Black" />
                 <Grid Margin="30,15,30,50">
                     <Grid.RowDefinitions>
                         <RowDefinition  Height="50"/>
                         <RowDefinition  Height="*"/>
                     </Grid.RowDefinitions>
                     <Grid Background="LightGreen">
                         <TextBlock Text="{Binding ID}" FontSize="20" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="20,0,0,0" />
                     </Grid>
                     <Grid Background="AliceBlue" Grid.Row="1">
                         <DataGrid IsReadOnly="True" ItemsSource="{Binding All_station}" HorizontalAlignment="Center" VerticalAlignment="Center"  />
                     </Grid>
                 </Grid>
             </Grid>
             <Grid Grid.Column="1">
                 <ProgressBar x:Name="UIPro" Value="0" Background="Salmon" Height="40" Margin="86,0,0,0" VerticalAlignment="Bottom"/>
                 <TextBlock x:Name="UItext" TextWrapping="Wrap" Text="100" VerticalAlignment="Top" FontSize="17" HorizontalAlignment="Left" Margin="100,33,0,0" />
                 <TextBlock Foreground="Green" HorizontalAlignment="Left" Margin="25,0,0,10" TextWrapping="Wrap" Text="进度" VerticalAlignment="Bottom" FontSize="17" FontWeight="Bold"/>
             </Grid>
         </Grid>
     </Grid>
 </Window>

下面设计详细

这是下文将会用到的几个静态资源

private static string send = "</div>";//站点信息结束标示符
        private static string sbegin = "result-data";//站点信息开始标示符
        private static string SiteUrl = "http://piao.huoche.com/checi/{0}/";//URL模板

        private static string surl;

        public static List<TrainInfo> AllTrain = new List<TrainInfo>();    //所有信息

1.获取指定网页静态资源

         public static List<station> GetWebData()
         {
             WebClient myWebClient = new WebClient();

             //skip certificate error
             ServicePointManager.ServerCertificateValidationCallback = delegate { return true; };
             try
             {
                 // stream get  html_sourcefile
                 Stream myStream = myWebClient.OpenRead(surl);
                 StreamReader sr = new StreamReader(myStream, System.Text.Encoding.GetEncoding("utf-8"));

                 //get data
                 var result = PickInfo(sr.ReadToEnd());

                 //close stream
                 myStream.Close();

                 return result;
             }
             catch { return null; }
         }

通过OpenRead方法获取指定url 的数据流

实体化StreamReader类，并调用ReadToEnd()方法，获取静态string资源

并调静态资源分析函数

返回指定网页的所有站点的一个 List<station>

2.分析网页源码

        public static List<station> PickInfo(string s)
         {
             List<station> allstation = new List<station>();

            int index_begin = s.IndexOf(sbegin);
         int index_end = s.IndexOf(send, index_begin);

             )
                 .Split('<', '>');
             , value = ;

             ; i < stemp.Length; i++)
             {
                 stemp[i] = stemp[i].Trim();

                 try
                 {
                     value = int.Parse(stemp[i]);
                 }
                 catch
                 {
                     continue;
                 }

                 if (value != n) continue;

                 //while (stemp[i].Contains("td") || !ISChinese(stemp[i])) i++;
                 i+=;
                 station astation = new station
                 {
                     Name = stemp[i],
                     Index = n
                 };
                 i+=;

                 astation.ArriveTime = stemp[i];
                 i+=;
                 astation.LeaveTime = stemp[i];
                 i+=;
                 astation.TimeSum = stemp[i];
                 i += ;
                 allstation.Add(astation);
                 n++;
             }
             return allstation;
         }

简单的字符串处理，代码写的并不是太好。。

3.我已经有了一个保存所有车次ID的文本，如何获取并显示所有火车信息

读取文本信息，对于每一ID，实体化一个 TrainInfo类，并加入到AllTrainList里面

TrainInfo 包含两个属性

string ID
list<station> all_station

通过调用异步方法GETDATA（）

[网络不稳定因素可能导致调用该方法时占用大量时间，所以采用异步实现]

根据ID，生成一个URL连接，并new 一个task->GetWebData ，去获取该页面的数据

         public static async Task<List<station>> GetData(string id)
         {
             Task<List<station>> task = new Task<List<station>>(GetWebData);
             surl = string.Format(SiteUrl,id);
             task.Start();
             return await task;

         }

4.UI显示

UI主要有两个控件用于显示数据，分别是

ListView，显示查询的所有火车的ID
DataGrid，显示某个ID的所有站点信息

为什么不是每一个TrainInfo都对应一个DataGrid

在大量查询时，如果每个TrainInfo都对应一个DataGrid，将会占用大量内存

还有一个progressbar 用于显示当前数据的获取状态

具体实现如下

        private async void UIOpenFile_Click(object sender, RoutedEventArgs e)
        {

            if (!Global.fileopen()) return;
            //showpro();
            IdList.Clear();
            UIPro.Maximum = Global.AllTrain.Count;
            UIPro.Value = ;
            foreach (var x in Global.AllTrain)
            {
                UItext.Text = string.Format(sGetInfo, x.ID) + "\n" + swait;
                x.All_station = await Global.GetData(x.ID);
                IdList.Add(new UITrainTextBlock { ID = x.ID });
                UIPro.Value++;
            }

            UItext.Text = "";
            //showdata();

        }

源工程下载：

http://files.cnblogs.com/lightz/Train.zip