网页源代码设计范例参考.docx

网页源代码设计范例参考.docx

《网页源代码设计范例参考.docx》由会员分享，可在线阅读，更多相关《网页源代码设计范例参考.docx（11页珍藏版）》请在冰豆网上搜索。

网页源代码设计范例参考

源代码范例参考

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

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

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_commend用于判断是否为推荐新闻，n_index用于判断是否为首页新闻，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系统配置

5.4.1Web.config文件配置

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

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

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

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

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

5.4.2配置发布主页

首先要创建虚拟目录，新建虚拟目录的步骤如下：

●打开IIS（Internet信息服务），在默认网站上右击，在快捷菜单中选择新建—>虚拟目录；

●在弹出的虚拟目录创建向导对话框里点击“下一步”；

●输入虚拟目录别名；

●选择网站内容所在目录路径；

●设置“访问”权限。

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

虚拟目录不在目录列表中显示（也称为WWW服务的“目录浏览”），要访问虚拟目录，用户必须知道虚拟目录的别名并在浏览器中键入URL。

对于WWW服务，也可以在HTML页面中创建链接。

发布网站的时候，把程序首页的名字（index.aspx或default.aspx）写在IIS当中就可以访问了。

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

5.5.1Web用户控件

该系统中创建了两个Web用户控件top.ascx和bottom.ascx，在首页、新闻详细内容查看、新闻分类等页面的HTML代码里都进行了引用，调用方式为：

<%@RegisterTagPrefix="uc1"TagName="bottom"Src="bottom.ascx"%>

<%@RegisterTagPrefix="uc1"TagName="top"Src="top.ascx"%>

@Register指令注册用户控件，同时把属性TagName（标签名）和TagPrefix（标签前缀）添加到@Register指令中，Src属性表示该用户控件相对于父页面的相对地址。

用户控件也是服务器端控件，还必须在用户控件代码中添加Runat=server属性，用法如下：

topid="Top1"runat="server">

top>

bottomid="Bottom1"runat="server">

bottom>

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

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

5.5.2通用类代码

在所有相关页面显示文件和Web用户控件的代码隐藏文件.aspx.cs或.ascx.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（HttpContext.Current.Server.MapPath（"."））;

//HttpContext应用程序上下文类，Current属性表示进程中当前请

//求的上下文，MapPath（）方法表示返回与Web服务器上的指定虚

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

strResult.Append（"\\"）;

strResult.Append（ConfigurationSettings.AppSettings["MdbPath"]）;

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

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

returnstrResult.ToString（）;//返回字符串类型

}

}

publicOleDbDataReaderExecuteOleDbDataReader（stringstrSql）

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

OleDbCommandcmd=newOleDbCommand（strSql,Lb_Conn）;

OleDbDataReaderrd=cmd.ExecuteReader（）;

//通过调用对象OleDbCommand的ExecuteReader（）方法创建//OleDbDataReader对象

returnrd;

}

publicDataSetCreateDataSet（stringstrSql,stringtableName）

{

OleDbDataAdapterda=newOleDbDataAdapter（strSql,Lb_Conn）;

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

DataSetdst=newDataSet（）;

da.Fill（dst,tableName）;

//填充DataSet（数据集）中的一个表

returndst;

}

publicintExecuteSql（stringstrSql）

{

OleDbCommandcmd2=newOleDbCommand（strSql,Lb_Conn）;

intresult=cmd2.ExecuteNonQuery（）;

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

returnresult;

}

}

5.5.3添