“新闻发布系统”网站制作过程

综合实例：“新闻发布系统”网站通过一个后台功能较为完备的“新闻发布系统”网站的制作，首页效果如图1所示。

图1内容利用技术开发一个具有后台管理功能的“新闻发布系统”网站，该网站应具备如下功能。

(1)管理员输入用户名和密码，登录成功后可以进入网站后台对新闻进行管理。

(2)管理员能发布新闻，发布的新闻包括标题、内容、提交时间、新闻图片、附件。

(3)管理员能够根据新闻的标题或者新闻的发布时间查找新闻，并能对查找到的新闻进行修改或者删除等操作。

(4)管理员可以修改密码。

(5)用户访问网站首页，可以浏览网站上的所有新闻。

(6)网站要求有较为统一的风格。

网站结构如下图所示。

图2网站操作流程如下：(1)用户访问网站首页，出现如图1所示的页面。

(2)单击【更多】链接，出现如图3所示的更多新闻页面。

(3)单击第一条新闻的链接，出现如图4所示的新闻明细页面。

图3图4(4)管理员访问如图5所示的登录页面，输入正确的用户名和密码，进入后台管理界面，默认显示的是新闻发布页面，如图6所示。

(5)选择【新闻查询】选项，出现如图7所示的新闻查询页面。

(6)单击【修改】链接，跳转到如图8所示的新闻修改页面。

(7)选择【修改密码】选项，出现如图9所示的修改密码页面。

图5图6图7图8图9设计“新闻发布系统”程序前的思考设计“新闻发布系统”前需要思考如下问题。

(1) 如何合理地设计网站目录结构，使得信息能够被有效地分类，同时访问控制又比较方便。

由于需要保存新闻的图片和附件，因此需要在网站根目录下分别创建文件夹来保存这两类文件。

另外由于本系统存在“管理员”和“用户”两种角色，因此需要把只有管理员才能访问的页面放到同一文件夹中，统一进行权限设置。

(2) 如何合理地设计数据库字段，使得信息维护和检索都较为方便。

由于新闻发布系统涉及到的信息项比较少，因此只需要建一张表来保存新闻标题、新闻内容、附件、图片，另外为了保证每条记录的唯一性，需要在表中建自动编号字段。

(3) 采用怎样的导航方式，使得操作界面清晰，便于用户操作。

由于本系统涉及页面较少、目录结构比较简单，因此采用导航控件中的Menu 控件、SiteMapPath 控件、TreeView 控件都可以轻松地实现导航功能，其中M enu 控件使用较为方便。

(4) 采用怎样的设计方法，使得页面风格统一。

要使页面风格统一，ASP .NET 提供了多种方法如用户控件、母版页、主题、皮肤。

在本案例中，为了统一后台界面的风格，采用母版页技术，为了让控件有统一的风格采用主题技术。

(5) 采用怎样的开发方法，开发效率高，程序又不失灵活性。

逻辑较为简单的显示部分采用数据访问控件S qlDataSource 结合具有内置分页功能的G ridView 控件，新闻发布和修改等逻辑较为复杂的部分采用代码实现。

有关“新闻发布系统”程序开发的预备知识(1) 掌握T extBox、L abel、D ropDownList、I mage、F ileUpload、H yperLink 等常用A SP .NET标准控件的属性、方法和用法。

(2) 掌握验证控件的知识，特别是RequiredFieldValidator 控件的用法。

(3) 了解导航控件，掌握M enu 控件的用法。

(4) 熟悉S QL Server，能够在S QL Server 中创建数据库和表。

(5) 掌握数据访问控件SqlDataSource 以及数据显示控件G ridView、F ormView 的用法。

(6) 熟悉A DO .NET 编程技术，熟练掌握S qlConnection、SqlCommand、SqlDataReader、DataSet、SqlDataAdapter 等对象的属性、方法以及用法。

(7) 掌握W eb 站点配置文件W eb.config 的设置方法。

(8) 掌握登录控件，特别是Login 、ChangePassword 控件的用法。

(9) 掌握ASP .NET 的5 大对象，特别是Request 对象的用法。

(10) 掌握主题和母版页的使用方法，能够用主题统一的网站风格。

实现“新闻发布系统”的开发过程1)数据库设计打开SQL Server企业管理器，新建一个aspnetdb数据库。

新建一张news表，设置完字段及数据类型后的表设计器如图10所示。

图102)网站目录结构打开Visual 2005开发环境，选择【文件】|【新建】|【网站】命令，在弹出的【新建网站】对话框中，输入网站的保存路径。

在【解决方案资源管理器】项目目录上右击，选择【新建文件夹】命令，依次新建3个文件夹，名字分别叫做picture、attachment、admin。

3)创建母版页(1)在【解决方案资源管理器】项目目录中右击admin文件夹，选择【添加新项】命令，从【添加新项】对话框中选择“母版页”选项，如图11所示，单击【添加】按钮。

图11(2)打开MasterPage.master页面，选择【布局】|【插入表】命令，弹出【插入表】对话框，在【自定义】选项组中将【行】文本框的值修改为2，【列】文本框的值修改为1，如图12所示。

图12(3)拖动ContentPlaceHolder1控件到表格的第2行。

从工具箱中拖动到表格的第1行，单击控件右上方的箭头，选择【编辑菜单项】选项。

在弹出的【菜单项编辑器】对话框中单击按钮添加根项，Text属性设置为“新闻发布”，NavigateUrl属性设置为“~/admin/AddNews.aspx”。

单击按钮添加根项，Text属性设置为“新闻查询”，NavigateUrl 属性设置为“~/admin/QueryNews.aspx”。

单击按钮添加根项，Text属性设置为“修改密码”，NavigateUrl属性设置为“~/admin/ChangePassword.aspx”。

单击按钮添加根项，Text 属性设置为“首页”，NavigateUrl属性设置为“~/Default.aspx”，如图13所示。

图13(4)单击菜单控件，将【属性】窗口的BorderStyle属性修改为“Dotted”，将Orientation属性修改为“Horizontal”，将Target属性修改为“_self”，母版页的设计界面如图14所示。

图144)发布新闻(1)在【解决方案资源管理器】项目目录中右击admin文件夹，选择【添加新项】命令，在【添加新项】对话框中输入文件名“AddNews.aspx”，选中【选择母版页】复选框，在【选择母版页】对话框中选择MasterPage.master。

(2)从工具箱中拖动到中心工作区，将【属性】窗口的Text属性修改为“标题”。

(3)从工具箱中拖动一个到中心工作区，将【属性】窗口的ID属性修改为“txtTitle”，清除Text属性的内容。

(4)从工具箱中拖动到中心工作区，将【属性】窗口的ID属性修改为“rfvTitle”，ControltoValidate属性修改为“txtTitle”，MaxLength属性修改为“50”。

(5)从工具箱中拖动到中心工作区，将【属性】窗口的Text属性修改为“内容”。

(6)从工具箱中拖动一个到中心工作区，将【属性】窗口的ID属性修改为txtContent，TextMode属性修改为“MultiLine”，MaxLength属性修改为“255”。

(7)从工具箱中拖动到中心工作区，将【属性】窗口的ID属性修改为fupPicture。

(8)从工具箱中拖动到中心工作区，将【属性】窗口的ID属性修改为fupAttachment。

(9)从工具箱中拖动到中心工作区，将【属性】窗口的ID属性修改为“btnAdd”，Text属性修改为“添加”。

(10)从工具箱中拖动到中心工作区，将【属性】窗口的ID属性修改为“labMsg”,清空Text属性的内容，将ForeColor属性修改为“RED”。

最终界面如图15所示。

(11)双击【添加】按钮，进入AddNews.aspx.cs页面，在命名空间的引用部分加入System.Data.SqlClient;。

在“protected void btnAdd_Click(object sender,EventArgs e)”下面的一对花括号{}之间填入如下代码。

try{//获取连接字符串string connectionString=ConfigurationManager.ConnectionStrings ["aspnetdbConnectionString"].ToString();SqlConnection conn=new SqlConnection(connectionString);conn.Open();//打开连接SqlDataAdapter oda=new SqlDataAdapter("SELECT title,content,submitdate,picture,attachment FROM news",conn);DataSet ds=new DataSet();oda.Fill(ds,"news");conn.Close();DataRow dr=ds.Tables["news"].NewRow();//新建一个数据行string fileAttention=System.IO.Path.GetExtension(fupPicture.PostedFile.FileName);//获取图片文件的扩展名DateTime submitDate=System.DateTime.Now;string currentDate=submitDate.ToString("yyyyMMddHHmmssFFFF");//格式化日期string pictureFileName="~/picture/"+currentDate+fileAttention;//获取附件的扩展名fileAttention=System.IO.Path.GetExtension(fupAttachment.PostedFile.FileName);string attachmentFileName="~/attachment/"+currentDate+fileAttention;dr["title"]=txtTitle.Text;dr["content"]=txtContent.Text;dr["submitDate"]=submitDate.ToString();if(fupPicture.HasFile)//判断有没有附件{dr["picture"]=pictureFileName;}if(fupAttachment.HasFile){dr["attachment"]=attachmentFileName;}ds.Tables["news"].Rows.Add(dr);//将数据行添加到表中SqlCommandBuilder ocb=new SqlCommandBuilder(oda);oda.Update(ds,"news");//提交更改fupPicture.SaveAs(Server.MapPath(pictureFileName));//上传图片fupAttachment.SaveAs(Server.MapPath(attachmentFileName));//上传附件labMsg.Text="新闻发布成功！";}catch{labMsg.Text="新闻发布失败！";}5)显示新闻(1)在【解决方案资源管理器】项目目录中右击，选择【添加新项】命令，在【添加新项】对话框中输入文件名“Default.aspx”。