网页源代码设计范例.docx

上传人:b****5 文档编号:6100925 上传时间:2023-01-03 格式:DOCX 页数:8 大小:20.65KB
下载 相关 举报
网页源代码设计范例.docx_第1页
第1页 / 共8页
网页源代码设计范例.docx_第2页
第2页 / 共8页
网页源代码设计范例.docx_第3页
第3页 / 共8页
网页源代码设计范例.docx_第4页
第4页 / 共8页
网页源代码设计范例.docx_第5页
第5页 / 共8页
点击查看更多>>
下载资源
资源描述

网页源代码设计范例.docx

《网页源代码设计范例.docx》由会员分享,可在线阅读,更多相关《网页源代码设计范例.docx(8页珍藏版)》请在冰豆网上搜索。

网页源代码设计范例.docx

网页源代码设计范例

源代码例参考

(一套完套的设计至少包括可以运行源程序,论文,开题,辩论,外文,以以下出的源代码仅为参考,仅是源程序中的局部代码)

------------------------------------------------------

5新闻系统的主要开发过程

5.1数据库设计

该系统使用Access作为应用程序的数据库,建立了有6数据表:

Lb_Admin表用于存储的信息,Lb_Class表用于存储新闻分类信息,Lb_Links表用于存储友情信息,Lb_News表用于存储新闻容,Lb_Setup表用于存储系统设置信息,Lb_Skins表用于存储页面风格。

Lb_News表与Lb_Class表相关联。

在6个数据表中,主要介绍一下新闻表和账户表如下:

Lb_News表如表1所示:

表1新闻表

n_id为该表主键,n_cid为所属新闻分类ID,n_hit为点击数,n_mend用于判断是否为推荐新闻,n_inde*用于判断是否为首页新闻,n_title为新闻标题,n_date为发布新闻的日期,n_author为新闻发布者名,n_content为新闻容,n_ispic用于判断是否为首页滚动图片,n_spic为首页所滚动图片的存储地址,,n_check用于判断是否为审核新闻(值为0表示未通过审核,值1表示通过审核),n_intro为新闻简介,n_publisher为账户类型,如为管理员、审核员或新闻输入员。

Lb_Admin表如表2所示:

表2账户表

A_Id为该表主键,A_Name为用户名,A_Password为密码,A_Grade为用户级别。

5.2各主要窗体页的图形界面介绍

◆首页:

主要功能是显示最热门、最新和推荐的前8条新闻,显示新闻搜索功能、页面风格设置、新闻分类、滚动新闻图片和公告等;

◆新闻详细容查看页:

在首页里点击新闻标题所进入的页面,显示当前所点击新闻的详细容,新闻标题正中加粗显示,在添加新闻时,根据所编辑的新闻容对应显示;

◆新闻输入员页面:

新闻输入员只具有添加新闻的权限,任何浏览者都可注册成为新闻输入员,但所添加的新闻并不能直接发布到上显示,而需经过审核员或管理员审核是否给予通过,这保证了容管理的合理性,并不是随便添加的新闻都能发布;

◆新闻审核员页面:

审核员管理页面主要是对新闻进展审核,可对需审核的新闻容进展查看和编辑,以确定是否授权发布,审核员除审核新闻外,也可添加新闻和管理新闻,所添加的新闻不需审核而可以直接发布,管理新闻包括修改和删除新闻;

◆新闻管理员页面:

管理员具有系统的所有权限,除审核员的审核新闻、添加新闻和管理新闻外,还可添加新闻部门和用户。

对用户和新闻部门进展管理,包括修改用户ID和密码,删除用户,更改部门名称,删除新闻部门,管理员所添加的新闻也不再需要审核而可以直接发布。

5.3页面的风格设计

为使该系统的页面美观多样,在设计时使用了8种样式风格。

为了在页面设计时方便调用,将其存储于数据库的Lb_Skins〔风格样式〕表中,各窗体通过调用style.css文件来设计界面外观。

CSS是CascadingStyleSheets〔层叠样式表单〕的简称,简称样式表,它是一种设计网页样式的技术。

CSS代码的根本语句构造为:

选择符{属性名:

属性值},选择符可以是HTML中任何的标签或自定义标识符,比方P、DIV、IMG甚至BODY都可以作为选择符。

CSS在HTML文档中有三种用法:

◆一种是把CSS文档放到文档中:

……;

◆另一种方法是采用的格式把样式写在任何html标签中的行,这种方法比拟方便灵活;

◆还有一种方法是:

把编辑好的CSS文档保存成“.CSS〞文件,然后在中定义,定义的格式为:

……,和“rel=stylesheet〞指连接的元素是一个样式表文档,“href=‘style.css’〞指的是需要连接的文件地址。

这种方法非常适宜同时定义多个文档,能使多个文档同时使用一样的样式,从而减少了大量的冗余代码。

5.4系统配置

Web.config文件配置

ASP.NET应用程序的配置功能放在Web.config文件中,它包含每一个具体Web应用程序的配置信息。

在程序运行时,ASP.NET使用分层虚拟目录构造的Web.config文件提供的配置信息为每个惟一的URL资源计算一组配置设置,然后缓存结果配置设置,以供所有页面对资源的请求使用。

Web.config文件对于访问站点的用户来说是不可见的,而且也是不可访问的,它基于*ML,每个配置文件都包含*ML标记和子标记的嵌套层次构造。

新闻系统的Web.config文件中的配置:

通过键/值对key和value配置数据库连接的相关信息,将ACCESS数据库lbnews.mdb文件用相对路径的方式设置为字符串"MdbPath"在程序代码中进展连接引用。

配置发布主页

首先要创立虚拟目录,新建虚拟目录的步骤如下:

●翻开IIS〔Internet信息效劳〕,在默认上右击,在快捷菜单中选择新建—>虚拟目录;

●在弹出的虚拟目录创立向导对话框里点击“下一步〞;

●输入虚拟目录别名;

●选择容所在目录路径;

●设置“访问〞权限。

在所建虚拟目录上右击,在弹出菜单中选择浏览,或在浏览器里输入相应网址,都可运行浏览程序。

虚拟目录不在目录列表中显示〔也称为效劳的“目录浏览〞〕,要访问虚拟目录,用户必须知道虚拟目录的别名并在浏览器中键入URL。

对于效劳,也可以在HTML页面中创立。

发布的时候,把程序首页的名字〔inde*.asp*或default.asp*〕写在IIS当中就可以访问了。

5.5系统局部重要功能及其代码

Web用户控件

该系统中创立了两个Web用户控件top.asc*和bottom.asc*,在首页、新闻详细容查看、新闻分类等页面的HTML代码里都进展了引用,调用方式为:

<%RegisterTagPrefi*="uc1"TagName="bottom"Src="bottom.asc*"%>

<%RegisterTagPrefi*="uc1"TagName="top"Src="top.asc*"%>

Register指令注册用户控件,同时把属性TagName(标签名)和TagPrefi*(标签前缀)添加到Register指令中,Src属性表示该用户控件相对于父页面的相对地址。

用户控件也是效劳器端控件,还必须在用户控件代码中添加Runat=server属性,用法如下:

topid="Top1"runat="server">

top>

bottomid="Bottom1"runat="server">

bottom>

其中top.asc*用户控件作用是显示首页图片、“首页〞文本字体、新闻分类、新闻风格和当前日期,bottom.asc*用户控件作用是显示底部相关信息等。

用户控件是非常易于代码重用的,可以把许多相关功能和用户界面封装在一个用户控件中,然后在任何需要该功能的地方重用此控件。

通用类代码

在所有相关页面显示文件和Web用户控件的代码隐藏文件.asp*.cs或.asc*.cs中,通过对数据访问类的引用(以创立类实例方式),调用数据访问类里的相应函数完成相关功能,如建立数据库连接、翻开和关闭数据库、对数据库执行查询、插入、删除和更新操作、页面登陆检验等。

此处列举Conn类(数据访问类)中主要函数的源码:

publicclassConn

{

//建立数据库连接字符串

publicOleDbConnectionLb_Conn=newOleDbConnection(strConn);

publicstaticstringstrConn//通过创立一个属性来连接数据库

{

get//使用get方法返回此属性的值

{

StringBuilderstrResult=newStringBuilder();

strResult.Append("Provider=Microsoft.Jet.OLEDB.4.0");

strResult.Append(";");

strResult.Append("DataSource=");

strResult.Append(HttpConte*t.Current.Server.MapPath("."));

//HttpConte*t应用程序上下文类,Current属性表示进程中当前请

//求的上下文,MapPath()方法表示返回与Web效劳器上的指定虚

//拟路径相对应的物理文件路径,此处作用是创立数据库文件的虚拟路径

strResult.Append("\\");

strResult.Append(ConfigurationSettings.AppSettings["MdbPath"]);

//从配置文件中取到数据库连接字符串,“MdbPath〞为Web.config

//文件中的键/值对所设置的key值

returnstrResult.ToString();//返回字符串类型

}

}

publicOleDbDataReaderE*ecuteOleDbDataReader(stringstrSql)

{//此函数表示从数据库读取数据时以只进只读的行流的方式进展

OleDbmandcmd=newOleDbmand(strSql,Lb_Conn);

OleDbDataReaderrd=cmd.E*ecuteReader();

//通过调用对象OleDbmand的E*ecuteReader()方法创立//OleDbDataReader对象

returnrd;

}

publicDataSetCreateDataSet(stringstrSql,stringtableName)

{

OleDbDataAdapterda=newOleDbDataAdapter(strSql,Lb_Conn);

//创立DataAdapter类实例,可用于填充DataSet对象和检索、更新数据

DataSetdst=newDataSet();

da.Fill(dst,tableName);

//填充DataSet(数据集)中的一个表

returndst;

}

publicintE*ecuteSql(stringstrSql)

{

OleDbmandcmd2=newOleDbmand(strSql,Lb_Conn);

intresult=cmd2.E*ecuteNonQuery();

//对数据库执行插入、删除和更新等操作,返回影响数据库记录的行数

returnresult;

}

}

添加发布新闻

添加发布新闻在该系统中显然起着很关键的作用,在添加新闻管理页面里,通过单击“添加〞按钮执行新闻的添加,但能不能直接发布,还要根据权限来判断,“添加〞按钮的单击事件主要程序如下:

Connds1=newConn();//调用数据访问类

ds1.DBopen();//翻开数据库

stringtitle=Lb_Title.Value.ToString();//新闻标题

stringContent=LbNewsContent.Value.ToString().Replace("'",");//新闻容

stringAuthor=Lb_Author.Value.ToString();//新闻作者

stringTitlePic=Lb_TitlePic.Value.ToString();//是否首页滚动图片

stringIntro=LbNews_Intro.Te*t.ToString().Replace("\r\n","
").Replace("'",");

//新闻简介

stringLb_Grade;//用户级别

intlb_check;//判断新闻是否需要审核,1:

不需要审核,0:

需要审核

try//捕获异常围

{

if(Lb_Grade=="1")//用户级别1为新闻输入员

{

lb_check=0;//需要审核

}

else//审核员或管理员

{

lb_check=1;//不需要审核

}

intresult=ds1.E*ecuteSql("insertintoLb_News([n_cid],[n_mend],[n_inde*],[n_ispic],[n_title],[n_spic],[n_author],[n_content],[n_publisher],[n_intro],[n_check])values("+Lb_Classid+","+Lb_Ismend+","+Lb_IsInde*+","+Lb_IsPic+",'"+title+"','"+TitlePic+"','"+Author+"','"+Content+"','"+Publisher+"','"+Intro+"',"+lb_check+")");

//将所添加的新闻标题、容、作者和来源部门等插入到数据表Lb_News中

if(result>0)//数据添加到数据库中成功

{

if(Lb_Grade=="1")

{

ds1.alert("添加成功,需等待管理员审核","admin_articleadd.asp*");

}//输入员添加新闻的话弹出对话框提示需审核,并重置当前添加页面

else

{

ds1.alert("添加成功","admin_articleadd.asp*");

}//审核员或管理员添加的话就直接发布到上,并重置当前添加页面

}

else//添加不成功

{

Response.Write("添加新闻失败");

}

}

catch(System.Data.OleDb.OleDbE*ceptione*)

{

Response.Write(e*.ToString());

}//以上操作中如有异常发生则捕捉

finally

{

ds1.DBclose();

}//关闭数据库连接

用户注册

该系统的容是需要靠校园众多部门众多用户来丰富充实的,而用户注册功能提供了给用户注册和发布新闻的作用。

在首页里只需点击注册按钮即可注册,注册页面里注册按钮的单击事件处理程序如下:

Connds1=newConn();//调用数据访问类

ds1.DBopen();

stringname=userName.Te*t.Trim();//用户名

stringpass=System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(passWord.Te*t.Trim(),"MD5");//用户密码

//通过HashPasswordForStoringInConfigFile()方法实现MD5加密解密算法

stringstrSql="select*fromLb_AdminwhereA_Name='"+name+"'";

ds1.DBopen();

OleDbDataReaderrd=ds1.E*ecuteOleDbDataReader(strSql);

if(rd.Read()==true)//读取DataReader中下一条记录时有一样记录

{

ds1.alert("已存在此用户名,请用其它","reg.asp*");

rd.Close();

}

else

{

rd.Close();

intresult=ds1.E*ecuteSql("insertintoLb_Admin(A_Name,A_Password)values('"+name+"','"+pass+"')");

if(result>0)//添加数据成功

{

ds1.alert("注册成功,请登陆","inde*.asp*");

}

else

{

ds1.alert("注册失败","reg.asp*");

}

}

ds1.DBclose();

在注册页面中用到了RequiredFieldValidator〔非空〕、RegularE*pressionValidator〔正则表达式〕和pareValidator〔比拟〕验证控件,分别用于文本输入框的非空验证、由正则表达式来验证用户的输入值是否正确和验证两个输入框的值是否相等。

效劳器端验证控件是ASP.NET控件中新产生的一种验证控件,可以在客户端直接验证用户的输入,但控件必须包含“runat=server〞属性。

正常情况下验证控件是不可见的,当用户输入数据错误时它们才可见。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 求职职场 > 简历

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1