动态网页课程设计

一 目的及意义 .............................. 2 二 内容与要求 .............................. 2 三 结构设计 .................................. 3

1 结构设计 ................................................................................ 3

2 数据库设计： ........................................................................ 3

四 详细设计 .................................. 4

1 普通用户 ................................................................................ 4

2 管理用户 .............................................................................. 10

五 运行及调试 .............................. 16 六 心得体会 ................................ 16 七 参考文献 .................................. 17

一 目的及意义

随着各种类型的网站的出现，大部分上网的人都喜欢上网玩游戏，看电影。读书的时间越来越少，本次设计目的是设计一个浏览各种形式文章的小型网站，能动态的将文章内容更新。使用户随时浏览。一般的html页实现修改都需要将网站下载修改成功后再将网站上传到服务器中。但是这样会给修改过程带来很多不便，过于麻烦。

设计本网站的目的是能够直接更改服务器中的内容。随时更新网站中的文章。自由删除陈旧的文章，减少垃圾文件的产生。登陆后台管理时，有一定的安全性。

二 内容与要求

首页：展示一些读书的格言

文章列表：可以用多个菜单选择不同类型的文章，例如现代文、唐诗、宋词等等。每个页面都列出相关文章标题。使得用户通过单击文章标题进入阅读。

文章阅读：用户进入页面之后，显示与刚才点击的标题相关的内容。包括文章标题、作者以及文章内容。

后台管理验证：想添加新文章或是删除新文章必须先通过用户名和密码验证，然后才能进入后台管理系统。本站为实验用，所以只有一个简单的用户，并不完善。但是功能大致相似。可以设置更高一级的管理，添加多个管理文章的用户，或是直接将后台管理的功能分离出来，允许每一个浏览文章的人

文章管理：通过验证后，可以对文章进行添加和修改。

三 结构设计

1 结构设计

网站基本结构如下：

读书网站 首 页 现代文 诗词 后台管理

根据需求分析，在功能上，将用户分为两种，一种是普通用户，普通用户无法进入后台管理网站中的文章。只能进入网页阅读文章。另一种是管理员用户，可以通过用户名和密码验证之后进入后台管理，然后对数据库中的文章进行删除，或者是增加新的文章。

2 数据库设计：

数据库设计主要有两个数据表，一个用来存放现代文，另一个用来存放诗词，表的字段内容分别为B_id，B_title，B_author，

B_content，用来存储文章的编号，标题，作者名字和文章的内容。为了方便数据的访问，分别将两个数据库的名字设置为数字1和2。

四 详细设计

1 普通用户

首先是首页，首页主要组成部分是上面的菜单，以及下面的一张图片和一些哲理性的文字。

下面是一些具体的文件以及它们各自的功能：

xdwx.asp：

该文件的主要作用是将数据库表

1中的文章分条取出。设

计一个表作为主页并插入一张背景图片，只显示每表中的水平线。将每一条记录的标题显示在主页上，并且每两个标题之间用虚线隔开。将文章对应的作者的名字显示在后面。当文章过多需要分页显示的时候，下面的下一页将变为可选状态。每个文章都有自己的相关信息，当选中某个文章标题的时候，文章会自动将自己处于哪个数据库、以及自身编号传递到另一个网页中。以实现文章的自由读取。

大体效果如下图：

详细代码如下：

scgf.asp 文件和此文件内容相似。区别是两

个文件中选取的数据表不同。传递的参数也不相同。

new.asp:

此文件的主要作用就是接受前面参数的传递，并且将文章从数据库里原样输出。代码如下。

‘文件引用

<% function changechr(str)

changechr=replace(replace(replace(replace(str,\"<\,chr(13),\"
\"),\" \

end function

ku=request.QueryString(\"ku\") id=request.QueryString(\"id\")

rs.open \"select * from \"&ku&\" where B_id=\"&id,cn%>

2 管理用户

管理用户主要是修该数据表中的内容。首先是登陆界面。 效果图如下：

Login.asp

<%

if request.cookies(\"guanli\")=\"good\" then '验证是否登录过 response.redirect \"manage1.asp\" end if %>

width=\"800\"

背景

height=\"550\"

align=\"center\"

background=\"img/locellpadding=\"0\">

2.jpg\"border=\"0\" cellspacing=\"0\"

Chklogin.asp

文件主要是检查输入的用户名和密码是否全为admin（默认密码）

founderr=false FoundUser=false

username=request.form(\"username\") password=request.Form(\"password\") if username=\"\" then

response.redirect \"login.asp\" end if

if password=\"\" then

response.redirect \"login.asp\" end if

if username=\"admin\" and password=\"admin\" then response.cookies(\"guanli\")=\"good\" response.redirect \"manage1.asp\" else %>

<% response.end

response.redirect \"login.asp\"

end if %>

登陆成功之后，自动转入manage1.asp页面。 Manage1.asp 文件

主要作用是提供一个界面，让用户选择要添加新的文章还是删除已有的文章。主要代码如下：

现在选择更改的数据库： 现

代文学    转到诗词歌赋 >>

添加新文章 以上主要是传递参数切换要更改的数据表。

Response.Write \"\"

response.write \" \"&rs(\"B_id\")&\"\" %> align=\"left\"

class=\"td\"

>href=\"new.asp?ku=1&id=<%=rs(\"B_id\")%>\"><%=rs(\"B_title\")%>

<% response.write \"\"

response.write \"\" & rs(\"B_author\") & \"\"

response.Write(\"href='del.asp?ku=1&id=\"&rs(\"B_id\")&\"'>删除\")

Response.Write \"\"

align='right'>Del.asp 删除文章。主要代码如下：

<%

id = Request.QueryString(\"id\") ku=request.QueryString(\"ku\") dim sql

sql=\"delete from \"&ku&\" where B_id=\"&id rs.open sql,cn,1,1

set rs=nothing cn.close set cn=nothing

response.redirect \"manage\"&ku&\".asp\" Response.End %>

Add.asp以及save.asp 添加新文章并保存。主要代码如下：

<% dim title dim content dim author dim ku

set rs1=server.CreateObject(\"adodb.recordset\") ku=request.Form(\"ku\") title=request.Form(\"title\") author=request.Form(\"author\") content=request.Form(\"content\")

rs1.open \"select * from \"&ku&\" where (B_id is null)\rs1.addnew rs1(\"B_title\")=title rs1(\"B_content\")=content rs1(\"B_author\")=author rs1.update

rs1.close set rs1=nothing cn.close set cn=nothing

response.redirect \"manage\"&ku&\".asp\" %>

五 运行及调试

在系统的运行过程中，开始的时候，从数据表中读取文章的时候，总是不能按原文章分段显示等等。然后发现是因为DW的识别问题，缺乏必要的字符转换。加入了一个char.inc文件之后，每次读取文章显示的时候都先通过检验，将特殊字符转换为可识别的原样字符。这样文章就能够按照排版时候的样子输出了。

还有一个问题就是，希望利用数据表的pagesize和pagecount等属性的时候，总是不能分页显示。后来上网查找问题的时候发现原来是一个参数的设置问题。其实概要设计完成之后，就特别需要注意一些细小的问题。可以仔细查阅参考书，也可以上网查找解决问题的方法。现在互联网很发达，很多情况下，犯的错误是相同的。

六 心得体会

设计网站要求有足够的耐心，首先需要一个完整的构架。然后根据结构一点一点完成每一个必要的部分。在详细设计的时候对每一个部分进行必要的修改和完善。应该尽量减少不必要的代码和冗余数据。让整个网站更简洁美观。

这个网站还不是很完善，还有很多地方需要改进。比如说分类还不够多，但是这个分类的问题不是很难解决。还有一个修改文章的部分，就像更改部分，其实可以给后台管理加上一个修改文章的功能。可以把添加新文章的功能开放给用户，这样可以共享更多新的文章，文章的来源也更多些。

七 参考文献

动态网页制作教程.第二版 刘梅彦 徐英慧 动态网页设计与制作 詹青龙 Asp动态网站设计与制作 清源计算机工作室清华大学出版社

清华大学出版社

机械工业出版社