WP8.1简单项目 《在线词典》

为什么要做这个词典?

  1. 学了正则表达式要运用
  2. 增加WP开发熟练度

项目中运用了那些技术?

  1. HttpClient
  2. 正则表达式
  3. 数据绑定

详解

通过http://cn.bing.com/dict/search?q=可以向必应词典发送查询单词请求,可以得到一个如下的页面

WP8.1简单项目 《在线词典》

具体代码如下:

string uri = "http://cn.bing.com/dict/search?q=" + word;
HttpClient hc = new HttpClient();
string htmlFile = await hc.GetStringAsync(uri);

这样,页面的源代码就储存在htmlFile里面了,接下来让我们来解析这份文件,我们要用到的是正则表达式,不了解的同学可以到这里去花30分钟简单的学一下.

首先,我们需要确定哪些文本是我们需要的,显而易见,我们需要橙色框中的部分。

WP8.1简单项目 《在线词典》

然而,捕获这段文本并不方便,通过观察页面源代码,我发现了如下的内容WP8.1简单项目 《在线词典》

高亮出来的部分不正是我们需要的解释吗?而且捕获它们也非常的方便,只需要如下的代码。

Regex re = new Regex(@"(?<=],)[a-zA-Z网].*?(?=""/>)", RegexOptions.IgnoreCase);
Match m = re.Match(htmlFile);

其中,我们用到的正则表达式为(?<=],)[a-zA-Z网].*?(?="/>)

为了得出这个表达式,我用到了这个测试工具,而且这个工具还可以一键生成C#语句,相当方便。

这样,我们就得到了这样的初步结果

n. 密集的人(或东西);方阵; 网络释义: 密集阵;趾骨;指骨;

再通过这个表达式可以把这个解释按词性断开

[a-zA-Z网].*?(?=;\s)

需要给上面的初步结果尾部加一个空格

为了向用户展示结果,我用了数据绑定(对于初学者,怎么能把自己学过的东西都用上就怎么搞)。

首先,创建一个MyDic类,让它继承于INotifyPropertyChanged接口,并实现这个接口。添加一个用来接收事件的函数

private void RaisePropertyChanged(string bindingpath)
{
if (PropertyChanged!=null)
{
PropertyChanged(this, new PropertyChangedEventArgs(bindingpath));
}
}

MyDic对象的一个属性的值发生变动的时候,会发布一个PropertyChanged事件,所以我们需要在对应的属性的set语句后调用这个函数。这样,它就能在属性发生改变的时候通知UI中展示结果的控件:该刷新了~


The End.

上一篇:信息安全系统设计与实现:第十一章学习笔记


下一篇:Go 基础 坑