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

1综合实例：“新闻发布系统”网站通过一个后台功能较为完备的“新闻发布系统”网站的制作，首页效果如图1所示。图1内容利用ASP.NET技术开发一个具有后台管理功能的“新闻发布系统”网站，该网站应具备如下功能。(1)管理员输入用户名和密码，登录成功后可以进入网站后台对新闻进行管理。(2)管理员能发布新闻，发布的新闻包括标题、内容、提交时间、新闻图片、附件。(3)管理员能够根据新闻的标题或者新闻的发布时间查找新闻，并能对查找到的新闻进行修改或者删除等操作。(4)管理员可以修改密码。(5)用户访问网站首页，可以浏览网站上的所有新闻。(6)网站要求有较为统一的风格。网站结构如下图所示。图2网站操作流程如下：(1)用户访问网站首页，出现如图1所示的页面。(2)单击【更多】链接，出现如图3所示的更多新闻页面。(3)单击第一条新闻的链接，出现如图4所示的新闻明细页面。2图3图4(4)管理员访问如图5所示的登录页面，输入正确的用户名和密码，进入后台管理界面，默认显示的是新闻发布页面，如图6所示。(5)选择【新闻查询】选项，出现如图7所示的新闻查询页面。(6)单击【修改】链接，跳转到如图8所示的新闻修改页面。(7)选择【修改密码】选项，出现如图9所示的修改密码页面。图53图6图7图84图9设计“新闻发布系统”程序前的思考设计“新闻发布系统”前需要思考如下问题。(1)如何合理地设计网站目录结构，使得信息能够被有效地分类，同时访问控制又比较方便。由于需要保存新闻的图片和附件，因此需要在网站根目录下分别创建文件夹来保存这两类文件。另外由于本系统存在“管理员”和“用户”两种角色，因此需要把只有管理员才能访问的页面放到同一文件夹中，统一进行权限设置。(2)如何合理地设计数据库字段，使得信息维护和检索都较为方便。由于新闻发布系统涉及到的信息项比较少，因此只需要建一张表来保存新闻标题、新闻内容、附件、图片，另外为了保证每条记录的唯一性，需要在表中建自动编号字段。(3)采用怎样的导航方式，使得操作界面清晰，便于用户操作。由于本系统涉及页面较少、目录结构比较简单，因此采用导航控件中的Menu控件、SiteMapPath控件、TreeView控件都可以轻松地实现导航功能，其中Menu控件使用较为方便。(4)采用怎样的设计方法，使得页面风格统一。要使页面风格统一，ASP.NET提供了多种方法如用户控件、母版页、主题、皮肤。在本案例中，为了统一后台界面的风格，采用母版页技术，为了让控件有统一的风格采用主题技术。(5)采用怎样的开发方法，开发效率高，程序又不失灵活性。逻辑较为简单的显示部分采用数据访问控件SqlDataSource结合具有内置分页功能的GridView控件，新闻发布和修改等逻辑较为复杂的部分采用代码实现。有关“新闻发布系统”程序开发的预备知识(1)掌握TextBox、Label、DropDownList、Image、FileUpload、HyperLink等常用ASP.NET标准控件的属性、方法和用法。(2)掌握验证控件的知识，特别是RequiredFieldValidator控件的用法。(3)了解导航控件，掌握Menu控件的用法。(4)熟悉SQLServer，能够在SQLServer中创建数据库和表。(5)掌握数据访问控件SqlDataSource以及数据显示控件GridView、FormView的用法。5(6)熟悉ADO.NET编程技术，熟练掌握SqlConnection、SqlCommand、SqlDataReader、DataSet、SqlDataAdapter等对象的属性、方法以及用法。(7)掌握Web站点配置文件Web.config的设置方法。(8)掌握登录控件，特别是Login、ChangePassword控件的用法。(9)掌握ASP.NET的5大对象，特别是Request对象的用法。(10)掌握主题和母版页的使用方法，能够用主题统一的网站风格。实现“新闻发布系统”的开发过程1)数据库设计打开SQLServer企业管理器，新建一个aspnetdb数据库。新建一张news表，设置完字段及数据类型后的表设计器如图10所示。图102)网站目录结构打开VisualStudio.NET2005开发环境，选择【文件】|【新建】|【网站】命令，在弹出的【新建网站】对话框中，输入网站的保存路径。在【解决方案资源管理器】项目目录上右击，选择【新建文件夹】命令，依次新建3个文件夹，名字分别叫做picture、attachment、admin。3)创建母版页(1)在【解决方案资源管理器】项目目录中右击admin文件夹，选择【添加新项】命令，从【添加新项】对话框中选择“母版页”选项，如图11所示，单击【添加】按钮。图116(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所示。7图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”,8清空Text属性的内容，将ForeColor属性修改为“RED”。最终界面如图15所示。(11)双击【添加】按钮，进入AddNews.aspx.cs页面，在命名空间的引用部分加入System.Data.SqlClient;。在“protectedvoidbtnAdd_Click(objectsender,EventArgse)”下面的一对花括号{}之间填入如下代码。try{//获取连接字符串stringconnectionString=ConfigurationManager.ConnectionStrings[aspnetdbConnectionString].ToString();SqlConnectionconn=newSqlConnection(connectionString);conn.Open();//打开连接SqlDataAdapteroda=newSqlDataAdapter(SELECTtitle,content,submitdate,picture,attachmentFROMnews,conn);DataSetds=newDataSet();oda.Fill(ds,news);conn.Close();DataRowdr=ds.Tables[news].NewRow();//新建一个数据行stringfileAttention=System.IO.Path.GetExtension(fupPicture.PostedFile.FileName);//获取图片文件的扩展名DateTimesubmitDate=System.DateTime.Now;stringcurrentDate=submitDate.ToString(yyyyMMddHHmmssFFFF);//格式化日期stringpictureFileName=~/picture/+currentDate+fileAttention;//获取附件的扩展名fileAttention=System.IO.Path.GetExtension(fupAttachment.PostedFile.FileName);stringattachmentFileName=~/attachment/+currentDate+fileAttention;9dr[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);//将数据行添加到表中SqlCommandBuilderocb=newSqlCommandBuilder(oda);oda.Update(ds,news);//提交更改fupPicture.SaveAs(Server.MapPath(pictureFileName));//上传图片fupAttachment.SaveAs(Server.MapPath(attachmentFileName));//上传附件labMsg.Text=新闻发布成功！;}catch{labMsg.Text=新闻发布失败！;}5)显示新闻(1)在【解决方案资源管理器】项目目录中右击，选择【添加新项】命令，在【添加新项】对话框中输入文件名“Default.aspx”。(2)拖动一个到中心工作区，在右下角的【属性】窗口中找到ID属性，修改为“sdsQueryNews”。单击控件右上角的箭头，选择【配置数据源】命令，弹出【配置数据源】对话框，单击【新建连接】按钮，弹出【添加连接】对话框，单击【更改】按钮，弹出【更改数据源】对话框，选择“MicrosoftSQLServer”选项，单击【确定】按钮，弹出【添加连接】对话框，在【服务器】文本框中输入服务器的名字，选中【SQLServer身份认证】单选按钮，在【用户名】文本框中输入“sa”，在【密码】文本框中输入“123”(123可以根据用户设置的sa的密码的具体情况进行修改)，在【选择或者输入一