12.3 开发RSS阅读器的前期准备 (征服ASP.NET 2.0 Ajax——Web开发技术详解)

-------http://book.csdn.net/bookfiles/305/10030512725.shtml
12.3 开发RSS阅读器的前期准备
进行正式的开发前，需要先设计数据保存的地方，然后设计界面。本节的目的就是要完成这两部分。
12.3.1 设计存储RSS数据需要的数据库
要存储的RSS数据并不是Blog或新闻组的内容信息，而是用户自己添加的频道信息。本例主要保存频道的两个基本信息：频道名称和频道URL地址。在数据库中设计RSS数据库的步骤如下：
（1）打开SQL Server2005。

注意：在没有特殊声明的情况，本例所使用的数据库全部为SQL Server 2005。
（2）新建一个数据库，名为“RssReader”。
（3）在数据库中新建一个表，表的结构如图12-4所示。其中字段“Rss_ID”是一个int型的自增长字段。



图12-4 RSS阅读器的表结构
（4）单击工具栏的“保存”按钮，在打开的名字窗口中，将此表命名为“RssStore”。
此时数据库的设计已经完成，接下来将设计实现RSS订阅功能的界面。
12.3.2 设计RSS界面的布局
根据RSS订阅器的功能要求，可以将界面的布局分为三部分：添加部分、显示频道列表部分和显示频道内容部分。由于频道列表和频道内容部分的数据都是动态获取的，所以在其中添加控件。而添加部分需要用户手动输入内容，所以需要添加三个控件，用来与用户交互。根据对功能的理解，设计RSS订阅器的布局，创建步骤如下：
（1）打开VS2005，创建一个网站，命名为“AjaxRss”。
（2）为了使界面代码不至于太凌乱，本例将所有样式存放在一个文件中。在网站根目录下添加一个样式表。默认名为“StyleSheet.css”。
（3）样式表中主要设计了body的背景色和三个div共同的样式，详细代码如清单12-2所示。

代码清单12-2 本例的样式表代码
body
{
background-color: #999999;
}
/*对三个div层的样式设计*/
div.nameview
{
background-color: #cccccc;
color: #333366;
border-left-color: #cccccc;
border-bottom-color: #cccccc;
vertical-align: top;
border-top-style: groove;
border-top-color: #cccccc;
border-right-style: groove;
border-left-style: groove;
text-align: center;
border-right-color: #cccccc;
border-bottom-style: groove;
overflow:scroll;
}
（4）打开默认生成的Default.aspx页，此页面在本例中是RSS阅读器的主界面。在其中设计页面的布局。
（5）本例中主要使用了三个div来实现三个不同的功能，设计效果如图12-5所示。其中在添加功能的div中，包含两个验证控件“RequiredFieldValidator”，主要是判断用户是否填写了必要的信息。此控件由ASP.NET 2.0的“验证”控件组提供。



图12-5 RSS阅读器的设计界面
（6）按“Ctrl+S”保存界面的设计。
到此，RSS订阅器的前期准备已经完成，下节将进入正式开发阶段。