Web实验报告

实验报告||实验名称基于Web的在线新闻发布系统的设计与实现课程名称Web技术及应用||专业班级：学生姓名：学号：成绩：指导教师：实验日期：华北电力大学实验报告第页共页一、实验目的和要求1、实验目的1.1通过实验了解并掌握Microsoft.NET平台和Microsoft.NET框架1.2了解开发ASP.NET应用程序所需软件的安装和配置。1.3学会使用HTML的常用标记1.4学会在页面中建立表格和调整表格1.5学习Web窗体和Web服务控件1.6数据库的建立1.7正确的连接和操作数据库2、实验内容2.1用户模块（1）新闻分类（2）新闻内容的显示（3）新闻的链接（4）新闻的评论（5）新闻的检索2.2管理模块（1）管理员登陆界面（2）管理新闻，包括新闻的分类、删除和添加2.3代码的设计2.4数据库的设计3、开发环境VisualStudio2010二、系统分析和设计新闻发布系统包括用户端和管理端，在管理端实现对新闻的管理，新闻的内容保存在数据库中，用户端，打开网页浏览新闻并对新闻评论。1、用户模块（1）新闻分类分类显示新闻，方便用户浏览（2）新闻内容的显示点击新闻标题，会链接的新闻内容的显示页面（3）新闻的链接具体的新闻内容链接在标题上，保持浏览界面的整齐（4）新闻的评论在新闻具体显示页面，用户可以对新闻的内容进行评论，评论和评论时间会被存储到数据库，并在页面显示，其他的用户进入后会看到之前的评论及其时间（5）新闻的检索用户可以根据自己的需要在搜索一栏输入自己想看的新闻标题或内容的关键字，在数据库中检索。若数据库中有相关的内容，就将内容返回到页面显示。华北电力大学实验报告第页共页2、管理模块（1）管理员登陆界面为了防止非法用户对新闻进行篡改，所以只有通过验证的管理员才能对在管理端进行操作。管理员需要在该界面输入用户名、密码和验证码才能进入管理界面，对新闻进行管理。（2）管理新闻，包括新闻的分类、删除和添加类别管理：可以添加和删除新闻类别新闻管理：对已有新闻的内容进行修改和删除，可以对新闻类别、标题、内容编辑添加新闻：包括对所要添加的新闻的类别、标题、内容编辑，并将添加的内容存储到数据库2、数据库的设计3、目录（category）表字段名数据类型长度是否可空备注idIntN用户号，主键namevarchar10N用户名评论（comment）表字段名数据类型长度是否可空备注idIntN评论号，方便搜索，主键ContentTextN评论的内容CreatimedatetimeN评论时间Useripvarchar15N评论用户的IPNewsidintN评论新闻的ID,外键新闻（news）表字段名数据类型长度是否可空备注IdIntN新闻号，主键TittleVarchar100N新闻标题contentTextN新闻内容creattimeDatetimeN添加新闻的时间caIdY新闻的类别，外键华北电力大学实验报告第页共页4、整个系统的结构图三、代码设计和功能的实现1、用户模块（1）新闻内容的显示华北电力大学实验报告第页共页（2）新闻分类第一次加载首页时绑定数据并显示绑定数据publicpartialclass_Default:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){if(!Page.IsPostBack){//第一次进入该页面时NewsManagernm=newNewsManager();//绑定最新新闻gvNewNews.DataSource=nm.SelectNewNews();gvNewNews.DataBind();//绑定热点新闻gvHotNews.DataSource=nm.SelectHotNews();gvHotNews.DataBind();}}显示divid=main!--新闻分类--uc1:NewsCategoryID=NewsCategory1runat=server/!--最新新闻--divid=newnewsclass=commonfrmh4最新新闻/h4asp:GridViewID=gvNewNewsrunat=serverAutoGenerateColumns=FalseBorderWidth=0GridLines=NoneColumnsasp:TemplateFieldHeaderText=所属类别HeaderStyle-CssClass=th_categoryItemStyle-CssClass=td_categoryItemTemplateaclass=td_categoryhref='list.aspx?caid=%#Eval(caId)%'[%#Eval(name)%]/a/ItemTemplateHeaderStyleCssClass=th_category/HeaderStyleItemStyleCssClass=td_category/ItemStyle/asp:TemplateFieldasp:TemplateFieldHeaderText=新闻标题ItemTemplateahref='newscontent.aspx?newsid=%#Eval(id)%'target=_blanktitle='%#Eval(title)%'%#StringTruncat(Eval(title).ToString(),18,...)%/a/ItemTemplate华北电力大学实验报告第页共页/asp:TemplateFieldasp:TemplateFieldHeaderText=发布时间HeaderStyle-CssClass=th_timeItemStyle-CssClass=td_timeItemTemplateasp:LabelID=Label3runat=serverText='%#Bind(createtime)%'/asp:Label/ItemTemplateHeaderStyleCssClass=th_time/HeaderStyleItemStyleCssClass=td_time/ItemStyle/asp:TemplateField/Columns/asp:GridView/divdivid=hotnewsclass=commonfrmh4热点新闻/h4asp:GridViewID=gvHotNewsrunat=serverAutoGenerateColumns=FalseBorderWidth=0GridLines=NoneColumnsasp:TemplateFieldHeaderText=所属类别HeaderStyle-CssClass=th_categoryItemStyle-CssClass=td_categoryItemTemplateaclass=td_categoryhref='list.aspx?caid=%#Eval(caId)%'[%#Eval(name)%]/a/ItemTemplateHeaderStyleCssClass=th_category/HeaderStyleItemStyleCssClass=td_category/ItemStyle/asp:TemplateFieldasp:TemplateFieldHeaderText=新闻标题ItemTemplateahref='newscontent.aspx?newsid=%#Eval(id)%'target=_blanktitle='%#Eval(title)%'%#StringTruncat(Eval(title).ToString(),18,...)%/a/ItemTemplate/asp:TemplateFieldasp:TemplateFieldHeaderText=发布时间HeaderStyle-CssClass=th_timeItemStyle-CssClass=td_timeItemTemplateasp:LabelID=Label3runat=serverText='%#Bind(createtime)%'/asp:Label/ItemTemplateHeaderStyleCssClass=th_time/HeaderStyleItemStyleCssClass=td_time/ItemStyle华北电力大学实验报告第页共页/asp:TemplateField/Columns/asp:GridView/div/div/asp:Content首页（3）新闻的链接（4）新闻的评论divclass=addcommentpFTB:FreeTextBoxID=txtCommentText=请在此输入评论内容！Width=590pxHeight=270pxrunat=serverLanguage=zh-CNToolbarStyleConfiguration=OfficeMac/FTB:FreeTextBox%--asp:TextBoxValidationGroup=pinglunID=txtCommentrunat=serverTextMode=MultiLineText=请在此输入评论内容！Width=450pxHeight=200pxCssClass=“comment_cononclick=this.select();/asp:TextBox--%/p验证码：aname=com/aimgsrc=handler/WaterMark.ashxid=vimgalt=onclick=changeCode()/asp:TextBoxValidationGroup=pinglunID=txtCoderunat=serverCssClass=txtcode/asp:TextBoxasp:RequiredFieldValidatorID=RequiredFieldValidator1runat=serverErrorMessage=请输入验证码华北电力大学实验报告第页共页ControlToValidate=txtCodeValidationGroup=pinglun*/asp:RequiredFieldValidatorasp:ButtonValidationGroup=pinglunID=btnSubrunat=serverText=提交OnClick=btnSub_Click/asp:ValidationSummaryID=ValidationSummary1ValidationGroup=pinglunrunat=serverShowMessageBox=TrueShowSummary=False//div链接到新闻内容及其评论（6）新闻的检索输入搜索新闻的标题华北电力大学实验报告第页共页搜索结果2.2管理模块（1）管理员登陆界面divid=loginp用户名：asp:TextBoxID=txtNamerunat=serverCssClass=textbox/asp:TextBoxasp:RequiredFieldValidatorID=RequiredFieldValidator1runat=serverErrorMessage=请输入用户名！Text=*ControlToValidate=txtName/asp:RequiredFieldValidator/pp密码是：asp:TextBoxID=txtPasswordrunat=serverTextMo