【Asp.net精品源码栏目提醒】:网学会员为广大网友收集整理了,【精品】“新闻发布系统”网站制作过程 - 大学课件,希望对大家有所帮助!
综合实例:“新闻发布系统”网站 通过一个后台功能较为完备的“新闻发布系统”网站的制作,首页效果如图 1 所示。
图1 内容利用
ASP.NET 技术开发一个具有后台管理功能的“新闻发布系统”网站,该网站应具备如下功能。
1管理员输入用户名和密码,登录成功后可以进入网站后台对新闻进行管理。
2管理员能发布新闻,发布的新闻包括标题、内容、提交时间、新闻图片、附件。
3管理员能够根据新闻的标题或者新闻的发布时间查找新闻,并能对查找到的新闻进行修改或者删除等操作。
4管理员可以修改密码。
5用户访问网站首页,可以浏览网站上的所有新闻。
6网站要求有较为统一的风格。
网站结构如下图所示。
图2网站操作流程如下:1用户访问网站首页,出现如图 1 所示的页面。
2单击【更多】链接,出现如图 3 所示的更多新闻页面。
3单击第一条新闻的链接,出现如图 4 所示的新闻明细页面。
图3图44管理员访问如图 5 所示的登录页面,输入正确的用户名和密码,进入后台管理界面,默认显示的是新闻发布页面,如图 6 所示。
5选择【新闻查询】选项,出现如图 7 所示的新闻查询页面。
6单击【修改】链接,跳转到如图 8 所示的新闻修改页面。
7选择【修改密码】选项,出现如图 9 所示的修改密码页面。
图5图6图7 图8 图9设计“新闻发布系统”程序前的思考 设计“新闻发布系统”前需要思考如下问题。
1 如何合理地设计网站目录结构,使得信息能够被有效地分类,同时访问控制又比 较方便。
由于需要保存新闻的图片和附件,因此需要在网 站根目录下分别创建文件夹来保 存这两类文件。
另外由于本系统存在“管理员”和“用户”两种角色,因此需要把只有管 理员才能访问的页面放 到同一文件夹中,统一进行权限设置。
2 如何合理地设计数据库字段,使得信息维护和检索都较为方便。
由于新闻 发布系 统涉及到的信息项比较少,因此只需要建一张表来保存新 闻标题、 新闻内容、附件、图片, 另外为了保证每条记录的唯一性,需要在表中建自动编号字段。
3 采用怎样的导航方式,使得操作界面清晰,便于用户操作。
由于本系统涉及页面 较少、 因此采用导航控件中的 Menu 控 目录结构比较简单, SiteMapPath 控件、 件、 TreeView 控件都可以轻松地实现导航功能,其中 Menu 控件使用较为方便。
4 采用怎样的设计方法,使得页面风格统一。
要使页面风格统一,ASP .NET 提供了 多种方法如用户控件、母版页、主题、皮肤。
在本案例 中,为了统一后台界面的风格,采 用母版页技术,为了让控件有统一的风格采用主题技术。
5 采用怎 样 的开发 方法 ,开发 效率 高,程 序又 不失灵 活性 。
逻辑 较为 简单的 显示 部 分采用数据访问控件 SqlDataSource 结合具有内置分页功能的GridView 控件,新闻发布和 修改等逻辑较为复杂的部分采用代码实现。
有关“新闻发布系统”程序开发的预备知识 1 掌握TextBox、 DropDownList、 Label、 Image、 HyperLink 等常用 ASP .NET FileUpload、 标准控件的属性、方法和用法。
2 掌握验证控件的知识,特别是 RequiredFieldValidator 控件的用法。
3 了解导航控件,掌握 Menu 控件的用法。
4 熟悉 SQL Server,能够在 SQL Server 中创建数据库和表。
FormView 的用法。
5 掌握数据访问控件 SqlDataSource 以及数据显示控件 GridView、 6 熟悉 ADO .NET 编程技术, 熟练掌握 SqlConnection、 SqlDataReader、 SqlCommand、 DataSet、SqlDataAdapter 等对象的属性、方法以及用法。
7 掌握 Web 站点配置文件 Web.config 的设置方法。
8 掌握登录控件,特别是 Login 、ChangePassword 控件的用法。
9 掌握 ASP .NET 的 5 大对象,特别是 Request 对象的用法。
10 掌握主题和母版页的使用方法,能够用主题统一的网站风格。
实现“新闻发布系统”的开发过程1数据库设计打开 SQL Server 企业管理器,新建一个 aspnetdb 数据库。
新建一张 news 表,设置完字段及数据类型后的表设计器如图 10 所示。
图 102网站目录结构打开 Visual Studio.NET 2005 开发环境,选择【文件】【新建】【网站】命令,在弹出的【新建网站】对话框中,输入网站的保存路径。
在【解决方案资源管理器】项目目录上右击,选择【新建文件夹】命令,依次新建 3 个文件夹,名字分别叫做 picture、attachment、admin。
3创建母版页1在【解决方案资源管理器】项目目录中右击 admin 文件夹,选择【添加新项】命令,从【添加新项】对话框中选择“母版页”选项,如图 11 所示,单击【添加】按钮。
图 11 【2打开 MasterPage.master 页面,选择【布局】【插入表】命令,弹出【插入表】对话框,在【自定义】选项组中将【行】文本框的值修改为 2,列 】文本框的值修改为 1,如图 12 所示。
图 123拖动 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从工具箱中拖动一个 ,清除 Text 属性的内容。
到中心工作区,将【属性】窗口的 ID 属性修改为“txtTitle”4从工具箱中拖动 到中心工作区,将【属性】窗口的 ID 属性修改为“rfvTitle” ,MaxLength ,ControltoValidate 属性修改为“txtTitle” 。
属性修改为“50”5从工具箱中拖动 到中心工作区,将【属性】窗口的 Text 属性修改为“内容”。
6从工具箱中拖动一个 ,MaxLength 属性修改 到中心工作区,将【属性】窗口的 ID 属性修改为 txtContent,TextMode 属性修改为“MultiLine” 。
为“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_Clickobject senderEventArgs e”下面的一对花括号之间填入如下代码。
try//获取连接字符串string connectionStringConfigurationManager.ConnectionStringsquotaspnetdbConnectionStringquot.ToStringSqlConnection connnew SqlConnectionconnectionStringconn.Open//打开连接SqlDataAdapter odanew SqlDataAdapterquotSELECT titlecontentsubmitdatepictureattachment FROM newsquotconnDataSet dsnew DataSetoda.Filldsquotnewsquotconn.CloseDataRow drds.Tablesquotnewsquot.NewRow//新建一个数据行string fileAttentionSystem.IO.Path.GetExtensionfupPicture.PostedFile.FileName//获取图片文件的扩展名DateTime submitDateSystem.DateTime.Nowstring currentDatesubmitDate.ToStringquotyyyyMMddHHmmssFFFFquot//格式化日期string pictureFileNamequot/picture/quotcurrentDatefileAttention//获取附件的扩展名fileAttentionSystem.IO.Path.GetExtensionfupAttachment.PostedFile.FileNamestring attachmentFileNamequot/attachment/quotcurrentDatefileAttentiondrquottitlequottxtTitle.TextdrquotcontentquottxtContent.TextdrquotsubmitDatequotsubmitDate.ToStringiffupPicture.HasFile//判断有没有附件drquotpicturequotpictureFileNameiffupAttachment.HasFiledrquotattachmentquotattachmentFileNameds.Tablesquotnewsquot.Rows.Adddr//将数据行添加到表中SqlCommandBuilder ocbnew SqlCommandBuilderodaoda.Updatedsquotnewsquot//提交更改fupPicture.SaveAsServer.MapPathpictureFileName//上传图片fupAttachment.SaveAsServer.MapPathattachmentFileName//上传附件labMsg.Textquot新闻发布成功!quotcatchlabMsg.Textquot新闻发布失败!quot5显示新闻 。
1在【解决方案资源管理器】项目目录中右击,选择【添加新项】命令,在【添加新项】对话框中输入文件名“Default.aspx”2拖动一个 。
单击控件右上角的箭头,选择【配置数据 到中心工作区,在右下角的【属性】窗口中找到 ID 属性,修改为“sdsQueryNews”源】命令,弹出【配置数据源】对话框,单击【新建连接】按钮,弹出【添加连接】对话框,单击【更改】按钮,弹出【更改数据源】对话框,选择“MicrosoftSQL Server”选项,单击【确定】按钮,弹出【添加连接】对话框,在【服务器】文本框中输入服务器的名字,选中【SQL Server 身份认证】单选按钮,在【用户名】文本框中输入“sa”,在【密码】文本框中输入“123”123 可以根据用户设置的 sa 的密码的具体情况进行修改,在【选择或者输入一个数据库名】下拉列表框中选择“aspnetdb”选项,单击【下一步】按钮,弹出【配置数据源】对话框,选中【是,将此连接另存为】单选按钮,在下面的文本框中输入“aspnetdbConnectionString”,单击【下一步】按钮,选中【指定自定义 SQL 语句或存储过程】单选按钮,如图 16 所示,单击【下一步】按 ,如钮,在出现的【SQL 语句】文本框中输入“SELECT TOP 10idtitlesubmitDate FROM news ORDER BY submitDate DESC” 图 17 所示。
单击【下一步】按钮,单击【完成】按钮。
图 16图 173从工具箱中拖动 ,单击控件右上角的箭头,从弹出的菜 到中心工作区,在【属性】窗口中找到 DataSourceID 属性,修改为“sdsQueryNews”单中选择【编辑列】命令,弹出【字段】对话框。
4选中 HyperLinkField,单击【添加】按钮,将【属性】窗口中的 DataNavigateUrlFields属性修改为“ID” ,DataTextField 属性修改为“title” ,DataNavigateUrlFormatString 属性修改为“NewsDetail.aspxid0” , ,HeaderText 属性修改为“标题”展开 ItemStyle 属性列表,将 Width 属性修改为“300”。
5选中 BoundField,单击【添加】按钮,将【属性】窗口的 DataField 属性修改为“submitDate” ,展开 ItemStyle, ,HeaderText 属性修改为“发布日期” , ,将 Width 属性修改为“150”将 DataSourceID 属性修改为“sdsQueryNews”如 图 18 所示。
6从工具箱中拖动 到中心工作区,将【属性】窗口的 Text 属性修改为“更多…” 。
,将 NavigateUrl 属性修改为“/ShowMoreNews.aspx” 图 18 。
最终界面如图 197在 GridView 控件上方输入一行文字“欢迎光临新闻发布系统” 图 196显示更多新闻 ,选中【选择母版1在【解决方案资源管理器】项目目录中右击,选择【添加新项】命令,在【添加新项】对话框中输入文件名“ShowMoreNews.aspx”页】单选按钮,在【选择母版页】对话框中选择 MasterPage.master。
2拖动一个 到中心工作区,在右下角的【属性】窗口中找到 ID 属性,修改为“sdsMoreNews”,在【属性】窗口中找到 ConnectionString 属性,单击右边的按钮,选择“aspnetdbConnectionString”选项。
在【属性】窗口中找到 SelectQuery 属性,单击右边的按钮,弹出【命令和参数编辑器】 。
对话框,在【SELECT 命令】文本框中,输入“SELECT IDtitlesubmitDate FROM news ORDER BY submitDate DESC”3从工具箱中拖动 到中心工作区,单击控件右上角的箭头,从弹出的菜单中选择【编辑列】命令,弹出【字段】对话框。
4选中 BoundField,单击【添加】按钮,在【属性】窗口中将 DataField 属性修改为“ID” ,HeaderText 属性修改为“编号”,Visible 属性修改为“False”。
5选中 HyperLinkField,单击【添加】按钮,在【属性】窗口中将 DataNavigateUrlFields 属性修改为“ID” ,DataNavigateUrlFormatString 属性修改为 ,DataTextField 属性修改为“title”“NewsDetail.aspxid0” ,HeaderText 属性修改为“标题”,展开 ItemStyle 属性列表,将 Width 属性修改为“300” 。
6选中 BoundField,单击【添加】按钮,将 DataField 属性修改为“submitDate”,HeaderText 属性修改为“发布日期”,展开 ItemStyle 属性列表,将 Width属性修改为“150” 。
在右下角的【属性】窗口中找到 DataSourceID 属性,修改为“sdsQueryNews” ,AllowPaging 属性修改为“True”,PageSize 属性修改 。
为“20”最终界面如图 20 所示。
7查询新闻 ,选中【选1在【解决方案资源管理器】项目目录中右击 admin 文件夹,选择【添加新项】命令,在【添加新项】对话框中输入文件名“QueryNews.aspx”择母版页】单选按钮,在【选择母版页】对话框中选择 MasterPage.master。
2拖动一个 ,在【属性】窗口中找到 ConnectionString 属 到中心工作区,在右下角的【属性】窗口中找到 ID 属性,修改为 sdsQueryNews”性,单击右边的 按钮,选择“aspnetdbConnectionString”选项,在【属性】窗口中找到 SelectQuery 属性,单击右边的 按钮,弹出【命令和参数编辑 ,器】对话框,在【SELECT 命令】文本框中,输入“SELECT IDtitlecontentattachmentpicturesubmitDate FROM news ORDER BYsubmitDate DESC”在【属性】窗口中找到 DeleteQuery 属性,单击右边的 按钮,弹出【命令和参数编辑器】对话框,在【DELETE 命令】文本框中,输入“DELETE FROM ,单击【刷新】按钮,从【参数源】下拉列表框中选择“control”选项,从【ControlID】下拉列表框中选择“GridView1”选项,newsWHEREIDID”如图 21 所示。
3从工具箱中拖动 到中心工作区,在【属性】窗口中将控件的 Text 属性修改为“查询类别”。
4从工具箱中拖动 到中心工作区,在右下角的【属性】窗口中找到 Items 属性,单击属性右边的展开按钮,弹出【ListItem 集合编辑器】对话框。
单击【添加】按钮,添加一个成员,将成员的 Text 属性修改为“标题” 。
单击【添加】按钮,添加成员,将 Text 属性 ,Value 属性修改为“title”修改为“发布日期” 。
,Value 属性修改为“submitDate” 图 215从工具箱中拖动 ,Text 属性修改为“查询” 到中心工作区,在【属性】窗口中将控件的 ID 属性修改为“btnQuery” 。
6从工具箱中拖动 ,清空 Text 属性的内容。
到中心工作区,在【属性】窗口中将控件的 ID 属性修改为“txtValue”7从工具箱中拖动 .
上一篇:
在线考试系统毕业答辩PPT
下一篇:
科研管理杂志简介