第25章 广告生成系统
本章视频教学录像：16分钟
现代生活中，广告是必不可少的一种宣传手段，在网站中添加广告是一种非常流行的做法。本章介绍如何在网站中发布不同的广告信息。
本章要点（已掌握的在方框中打钩）
□ 了解广告显示的原理
□ 创建数据库和数据表
□ 设计系统前台页面
□ 设计广告生成代码
□ 将广告生成系统添加至已有网站中
25.1 系统分析
本节视频教学录像：2分钟
网站建成使用后，随着人气的提升，许多广告客户希望能在互联网上做广告来宣传自己的商品。本章使用ASP.NET和SQL Server 2008来创建一个广告生成系统。
25.1.1 系统目标
本系统需要实现的目标有以下3点。
⑴在数据库中保存广告信息。
⑵提取广告信息存储到XML配置文件中。
⑶显示提取的广告信息。
25.1.2 系统原理
当用户需要添加广告信息时，可将输入的广告信息保存至数据库。需要显示广告时，可根据需要选择合适的广告信息生成XML配置文件，根据配置文件的内容显示对应的广告。用户单击广告时可浏览相应的网站信息。
25.1.3 技术要点
提示
如何生成XML配置文件？
要想根据获取的信息生成XML配置文件，需要使用System.Xml命名空间下的XmlDocument类在内存中对XML文件进行操作，并把操作的结果保存到磁盘上。详细代码参见25.3.5小节。
25.2 数据库分析及设计
本节视频教学录像：1分钟
根据分析，本系统需要用到数据库来存储发布的广告信息的数据，所以在系统开发之前，首先要进行数据库的设计。
25.2.1 数据库分析
在广告生成系统中，需要保存用户上传的广告图片，链接地址、显示文字、广告类别、显示频度等信息。
25.2.2 创建数据库
在SQL Server 2008中创建数据库的具体步骤如下。
⑴选择【开始】
【所有程序】
【Microsoft SQL Server 2008】
【SQL Server Management Studio】，以【SQLServer身份验证】模式登录。
⑵在【对象资源管理器】窗口中的【数据库】节点上右击，在弹出的快捷菜单中选择【新建数据库】菜单项，弹出【新建数据库】对话框。
⑶在【数据库名称】文本框中输入“ch25DataBase”，在【数据库文件】列表框中使用默认设置“ch25DataBase”和“ch25DataBase _log”文件的路径，然后单击【确定】按钮，即可完成ch25DataBase数据库的创建。
25.2.3 创建数据表
本实例中需要一张记录上传文件相关信息的表，下面来创建数据表。
⑴在【对象资源管理器】中展开ch25DataBase节点，右击【表】节点，在弹出的快捷菜单中选择【新建表】菜单项。
⑵在打开的表编辑窗口中，按照下表进行输入。
⑶在【dbo.Table_1*】选项卡上右击，在弹出的快捷菜单中选择【保存】菜单项，弹出【选择名称】对话框，在【输入表名称】文本框中输入“tabAdSystem”，然后单击【确定】按钮，即可完成表的创建。
25.3 系统设计
本节视频教学录像：5分钟
在25.1.1小节中，已经提出了广告生成系统需要实现的3个目标，所以在系统设计时，需要设计3个模块来实现各个目标。
25.3.1 系统页面设计
首先设计系统的页面，页面中需要有上传的广告图片、单击广告链接的地址、广告不能显示时提示的文字信息、广告的分类以及每个广告在一定时间内显示的频率，还要能保存广告的信息以及关闭页面。
⑴在Visual Studio 2010中，新建【语言】为【Visual C#】的ASP.NET空白网站，添加一个默认的Default.aspx页面。
⑵在Default.aspx页面的设计视图中，如图所示设计系统界面，所用控件及属性设置如表所示。
⑶在网站中添加一个名为“ShowAd.aspx”的Web页面，用于显示设置的广告信息。在设计视图中，如图所示设计系统界面，所用控件及属性设置如表所示。
25.3.2 配置网站的Web.config
数据库和系统页面都设计好了，如何将它们连接起来呢？这就需要通过配置系统的Web.config文件来连接数据库。
在【解决方案资源管理器】中双击Web.config文件，打开Web.config的代码窗口，然后将<connectionStrings>和< /connectionStrings>之间的代码更换为以下代码。
<add name="ch25DataBase" connectionString="Data Source= localhost;Initial Catalog=ch25DataBase; User ID=sa;Password=123"/>
【代码详解】
此段代码的作用是添加一个数据库的连接字符串，“localhost”表示要连接当前本机的数据库，读者也可设定为数据库所在服务器的IP地址。数据库的名称为“ch25DataBase”。
25.3.3 数据库连接代码设计
在系统保存上传信息时要连接数据库，结束时要关闭此连接。所有的相关数据操作使用一个公共数据类来实现。
⑴新建一个类文件，命名为“DataClass.cs”，添加GetSqlServerConn方法，用于获得数据库连接（代码25-1.txt）。
01 private SqlConnection GetSqlServerConn()
02 {
03 SqlConnection sqlConn; //定义SQl Server连接对象
04 string strConn = WebConfigurationManager.ConnectionStrings["ch25DataBase"].ConnectionString; //读取Web.config配置文件的ConnectionString节点获取连接字符串
05 sqlConn= new SqlConnection(strConn); //生成数据库连接对象
06 sqlConn.Open(); //打开数据库连接
07 return sqlConn; //返回数据库连接对象以供调用
08 }
⑵继续添加CloseSqlServerConn方法，用于关闭数据库连接（代码25-2.txt）。
01 private void CloseSqlServerConn(SqlConnection sqlConn)
02 {
03 if (sqlConn.State==ConnectionState.Open) //如果数据库连接处于关闭状态，则打开此连接
04 {
05 sqlConn.Close();
06 }
07 }
25.3.4 保存广告信息代码设计
有了数据库连接，我们就可以通过它保存数据信息，得到相关的广告信息，系统可以将此信息保存至数据库。在公共类中继续添加SaveAdsInfo方法来保存广告相关信息内容（代码25-3.txt）。
01 public bool SaveAdsInfo(string strImageUrl, string strNavigateUrl, string strAlternateText, string strKeyword, string strImpressions)
02 {
03 string strComm = "insert into tabAdSystem(ImageUrl,NavigateUrl,AlternateText,Keyword,Impressions) values(@ImageUrl,@NavigateUrl,@AlternateText,@Keyword,@Impressions)";
04 SqlConnection sqlConn= this.GetSqlServerConn(); //调用GetSqlServerConn()方法获得数据库连接
05 SqlCommand sqlComm= new SqlCommand(); //生成数据库命令操作对象
06 try
07 {
08 sqlComm.CommandText= strComm; //指定要执行的SQL命令
09 sqlComm.Connection= sqlConn; //指定要使用的SQL连接
10 sqlComm.Parameters.AddWithValue("@ImageUrl", strImageUrl); //为SQL命令的参数赋值
11 sqlComm.Parameters.AddWithValue("@NavigateUrl", strNavigateUrl);
12 sqlComm.Parameters.AddWithValue("@AlternateText", strAlternateText);
13 sqlComm.Parameters.AddWithValue("@Keyword", strKeyword);
14 sqlComm.Parameters.AddWithValue("@Impressions", strImpressions);
15 sqlComm.ExecuteNonQuery();
16 return true;
17 }
18 catch (Exception ex)
19 {
20 return false;
21 }
22 finally
23 {
24 CloseSqlServerConn(sqlConn); //关闭数据库连接
25 }
26 }
25.3.5 显示广告代码设计
广告信息在用户浏览网站时可以显示给用户，用户对感兴趣的广告可以单击浏览。广告的显示需要XML文件来实现。在App_Data文件夹中新建一个XML文件，命名为“AdSample.ads”，然后输入以下代码用于在<Advertisements>< /Advertisements>标签对中写入广告信息（代码25-4.txt）。
01 <?xml version="1.0" encoding="utf-8"?>
02 <Advertisements>
03 < /Advertisements>
Advertisements标签对之间有一些常用标签，其作用如表所示。
在公共类中添加createXmlDoc方法用于生成XML操作对象（代码25-5.txt）。
01 private XmlDocument createXmlDoc()
02 {
03 XmlDocument xmldoc= new XmlDocument(); //生成XML文档对象
04 xmldoc.Load(HttpContext.Current.Server.MapPath("～/App_Data/AdSample.ads")); //加载指定的XML文档
05 return xmldoc; //返回生成的XML文档对象
06 }
在公共类中添加GetAdsInfoToXml方法用于生成XML广告信息（代码25-6.txt）。
01 public bool GetAdsInfo ToXml()
02 {
03 string strComm = "select ImageUrl,NavigateUrl,AlternateText,Keyword,Impressions from tabAdSystem";
04 SqlConnection sqlConn= this.GetSqlServerConn(); //调用GetSqlServerConn()方法获得数据库连接
05 SqlCommand sqlComm= new SqlCommand(); //生成数据库命令操作对象
06 SqlDataReader sdr= null;
07 try
08 {
09 XmlDocument xmldoc= createXmlDoc(); //获取XML文档对象
10 XmlNode root= xmldoc.SelectSingleNode("Advertisements"); //获取XML配置文件根节点
11 root.RemoveAll(); //删除XML文件所有的广告节点，防止重复
12 sqlComm.CommandText= strComm; //指定要执行的SQL命令
13 sqlComm.Connection= sqlConn; //指定要使用的SQL连接
14 sdr= sqlComm.ExecuteReader();
15 while (sdr.Read()) //读取数据添加到XML文件中
16 {
17 XmlElement xeAd= xmldoc.CreateElement("Ad"); //创建一个<Ad>节点
18 XmlElement xeSub= xmldoc.CreateElement("ImageUrl"); //创建一个<ImageUrl>节点
19 xeSub.InnerText= sdr["ImageUrl"].ToString(); //设置<ImageUrl>节点文本节点
20 xeAd.AppendChild(xeSub); //添加到<Ad>节点中
21 xeSub= xmldoc.CreateElement("NavigateUrl"); //创建一个<NavigateUrl>节点
22 xeSub.InnerText= sdr["NavigateUrl"].ToString(); //设置<NavigateUrl>节点文本节点
23 xeAd.AppendChild(xeSub); //添加到<Ad>节点中
24 xeSub= xmldoc.CreateElement("AlternateText"); //创建一个<AlternateText>节点
25 xeSub.InnerText= sdr["AlternateText"].ToString(); //设置<AlternateText>节点文本节点
26 xeAd.AppendChild(xeSub); //添加到<Ad>节点中
27 xeSub= xmldoc.CreateElement("Keyword"); //创建一个<Keyword>节点
28 xeSub.InnerText= sdr["Keyword"].ToString(); //设置<Keyword>节点文本节点
29 xeAd.AppendChild(xeSub); //添加到<Ad>节点中
30 xeSub= xmldoc.CreateElement("Impressions"); //创建一个<Impressions>节点
31 xeSub.InnerText= sdr["Impressions"].ToString(); //设置<Impressions>节点文本节点
32 xeAd.AppendChild(xeSub); //添加到<Ad>节点中
33 root.AppendChild(xeAd); //添加到根节点<Advertisements>中
34 }
35 xmldoc.Save(HttpContext.Current.Server.MapPath("～/App_Data/AdSample.ads")); //将内存中的XML结构保存到磁盘上
36 return true;
37 }
38 catch (Exception ex)
39 {
40 return false;
41 }
42 finally
43 {
44 CloseSqlServerConn(sqlConn); //关闭数据库连接
45 }
46 }
25.3.6 保存广告信息事件代码设计
用户输入相关的广告信息之后，单击【提交】按钮可以保存广告信息。在Default.aspx设计页面双击“提交”按钮自动添加事件btnSubmit_Click方法，添加以下代码（代码25-7.txt）。
01 protected void btnSubmit_Click(object sender,EventArgs e)
02 {
03 StringBuilder sbFileName;
04 DataClass dc= new DataClass();
05 if (!String.IsNullOrEmpty(this.fileUpAddress.FileName))
06 {
07 sbFileName= new StringBuilder();
08 sbFileName.Append(DateTime.Now.Year);
09 sbFileName.Append(DateTime.Now.Month);
10 sbFileName.Append(DateTime.Now.Day);
11 sbFileName.Append(DateTime.Now.Hour);
12 sbFileName.Append(DateTime.Now.Minute);
13 sbFileName.Append(DateTime.Now.Second);
14 sbFileName.Append(DateTime.Now.Millisecond);
15 sbFileName.Append(Path.GetExtension(this.fileUpAddress.FileName));
16 this.fileUpAddress.SaveAs(Server.MapPath("～/images/")+ sbFileName.ToString());
17 bool bResult = dc.SaveAdsInfo(Server.MapPath("～/images/" + sbFileName.ToString()),this.txtNavigateUrl. Text,this.txtAlternateText.Text,this.txtKeyword.Text,this.txtImpressions.Text);
18 if (bResult)
19 {
20 Response.Write("<script>alert('保存成功！ ')< /script>");
21 }
22 else
23 {
24 Response.Write("<script>alert('保存失败！ ')< /script>");
25 }
26 }
27 }
25.3.7 关闭当前页面事件代码设计
用户在广告信息保存页面单击【取消】按钮，可以关闭当前页面。在Default.aspx设计页面<title>< /title>标签对之后添加以下代码（代码25-8.txt）。
01 <script language="javascript" type="text/javascript">
02 function closeWindow() {
03 window.close();
04 }
05 < /script>
25.3.8 显示广告信息事件代码设计
用户浏览网页的时候，广告信息可随机显示不同的广告内容，单击广告可显示相应的页面。在ShowAd.aspx设计页面空白处双击生成Page_Load窗体事件，添加以下代码（代码25-9.txt）。
01 protected void Page_Load(object sender,EventArgs e)
02 {
03 if (!IsPostBack) //判断是否第1次显示页面
04 {
05 DataClass dc= new DataClass();
06 dc.GetAdsInfoToXml();
07 }
08 }
25.4 运行系统
本节视频教学录像：2分钟
系统设计好了，下面来看系统运行的效果。
⑴按【F5】或【Ctrl+F5】快捷键，在浏览器中运行该程序，页面中将显示添加广告信息的界面，如图所示。
⑵单击【提交】按钮，可将输入的内容保存到数据库中，并返回提示信息。
⑶单击【取消】按钮，在弹出的对话框中单击【是】按钮，可以关闭当前Web窗体。
⑷用户浏览时可看到广告图片信息，如图所示。
⑸单击广告可浏览对应的页面，如图所示。
25.5 在我的网站中应用本系统
本节视频教学录像：1分钟
读者根据自己的需要，将相关代码拷贝至已有网站对应的位置即可运行。对数据库的连接信息和对应的字段信息可根据实际情况修改，更多的细化功能读者可自行练习，这里不再赘述。
25.6 开发过程中的常见问题及解决方式
本节视频教学录像：1分钟
开发过程中要注意广告控件的XML配置文件的格式，此格式是固定的，一定要按照标准来写。可能有的读者没有学过如何通过代码操作XML文件，我们这里只是给出了一段简单的代码，具体的相关应用请参阅MSDN的描述。