ASP综合开发实例——博客网站

《ASP综合开发实例——博客网站》由会员分享，可在线阅读，更多相关《ASP综合开发实例——博客网站（107页珍藏版）》请在金锄头文库上搜索。

1、ASP动态网页制作教程第11章 ASP综合开发实例博客网站主要内容文件架构设计11.4公共文件的编写11.5数据库设计 11.3概 述11.1网站总体设计11.2相册管理模块设计11.11文章管理模块设计11.10博主登录模块设计11.9相册展示模块设计11.8文章展示模块设计11.7前台主页面设计11.611.1 概 述 博客，译自英文Blog，它是互联网平 台上的个人信息交流中心。它可以让每个 人零成本、零维护地创建自己的网络媒体 ，随时把自己的思想火花和灵感更新到博 客网站上。本章将介绍如何开发博客网站 。11.2 网站总体设计11.2.1 项目规划 博客网站是一个ASP与数据库技术结合

2、 的典型应用程序，由前台用户操作和后台 博主管理模块组成，规划系统功能模块如 下。（1）前台用户操作 该模块主要包括我的文章、我的相册 、博主登录、Blog搜索、博主推荐、最新 评论、网站统计等功能。（2）后台博主管理 该模块主要包括文章信息管理、相册 信息管理、管理员资料管理等功能。11.2.2 系统功能结构图图11-1 博客网站前台功能结构图11-2 后台功能结构11.3 数据库设计11.3.1 数据库E-R图分析 这一设计阶段是在系统功能结构图的 基础上进行的，设计出能够满足用户需求 的各种实体以及它们之间的关系，为后面 的逻辑结构设计打下基础。 根据以上的分析设计结果，得到文章 信息实

3、体、文章分类信息实体、文章评论 信息实体、相册信息实体、相册分类信息 实体和管理员信息实体。下面来介绍几个 主要信息实体的E-R图。（1）文章信息实体 文章信息实体包括：文章ID、文章所 属分类ID、文章标题、文章内容、作者名 称和发表时间。文章信息实体的E-R图，如 图11-3所示。图11-3 文章信息实体E-R图（2）文章分类信息实体 文章分类信息实体包括：文章分类ID 、文章分类名称和添加时间。文章分类信 息实体的E-R图，如图11-4所示。图11-4 文章分类信息实体E-R图 （3）文章评论信息实体 文章评论信息实体包括：评论ID、文 章ID、评论人昵称、评论内容和发表时间 。文章评论

4、信息实体的E-R图，如图11-5所 示。图11-5 文章评论信息实体E-R图（4）相册信息实体 相册信息实体包括：相册ID、相册分 类ID、图片名称、图片标识、图片信息和 添加时间。相册信息实体的E-R图，如图11 -6所示。图11-6 相册信息实体E-R图 （5）相册分类信息实体 相册分类信息实体包括：相册分类ID 、相册分类名称和添加时间。相册分类信 息实体的E-R图，如图11-7所示。图11-7 相册分类信息实体E-R图 11.3.2 数据表概要说明图11-8 数据表结构图11.3.3 主要数据表的结构 数据库在整个管理系统中占据非常重 要的地位，数据库结构设计的好坏直接影 响着系统的效

5、率和实现效果。 （1）tab_article（文章信息表）表11-1tab_article表结构字段名称数据类型是否主键长度默认值允许空字段描述id自动编号是唯一标识Aclass数字40所属类别 IDAtitle文本50否文章标题续表字段名称数据类型是否主键长度默认值允许空字段描述Acontent备注否文章内容Aauthor文本50否作者名称Adate日期/时间8Now()添加时间（2）tab_article_class（文章分类信息表）表11-2tab_article_class表结构字段名称数据类型是否主键长度默认值允许空字段描述id自动编号是唯一标识Acname文本50否 文章分类 名称

6、Adate日期/时间8Now()添加时间（3）tab_article_commend（文章评论信 息表）表11-3tab_article_commend表结构字段名称数据类型是否主 键长 度默 认 值允许 空字段描述id自动编号是 唯一标识Cid数字40文章ID编 号Cname文本50否 昵称Ccontent文本200否 评论内容Cdate日期/时间8Now() 添加时间（4）tab_photo（相册信息表）表11-4tab_photo表结构字 段名 称数 据 类 型是 否 主 键长 度默认值允许空字 段 描 述id自动编号是 唯一标识Pclass数字40相册分类 IDPname文本50否 图

7、片名称Ppic文本50否 图片信息Pdate日期/时间8Now() 添加时间（5）tab_photo_class（相册分类信息表）表11-5tab_photo_class表结构字 段 名 称数 据 类 型是 否 主 键长度默认值允许空字 段 描 述id自动编号是唯一标识Pcname文本50否 相册分类 名称Pcdate日期/时间8Now()添加时间11.4 文件架构设计图11-9 文件夹架构图11.5 公共文件的编写 公共文件是指将网站中多个页面都使 用到的代码编写到一个单独的文件中，在 使用时只要用#include指令包含此文件即 可。11.5.1 防止SQL注入和创建数据库连接 为了防止S

8、QL注入漏洞，可以将其相关 代码与创建数据库连接的代码放置在同一 个文件中（如conn.asp文件）。这样，可 以保证网站中绝大部分文件都可以引用该 公用文件，从而保证网站的安全。1防止SQL注入 2创建数据库连接11.5.2 统计访问量 在网站中通过设计一个计数器可以统 计网站的访问量，从而能够准确地掌握网 站的访问情况。实现网站计数器的方法有 很多，例如可以使用FileSystemObject对 象对文本文件进行操作。 设计思路如下。 （1）在判断指定的Cookies变量 visitor为空的前提下，创建 FileSystemObject对象并以只读方 式打开文本文件count.txt，读

9、取其 中的数据赋予指定的变量。（2）再以写文件方式打开文本文 件count.txt，将访问量累加1后写 入到文件中。 （3）给Cookies变量visitor赋值， 并设置此变量的有效期为1天。11.6 前台主页面设计11.6.1 前台主页面概述 网站前台主页面是网站提供给浏览者 的第一视觉界面。前台首页不仅要有合理 的整体布局，使浏览者有一个流畅的视觉 体验；还应该通过各功能模块体现出网站 的主题内容，使浏览者在最短的时间内了 解网站的用途。图11-10 前台主页面11.6.2 前台主页面的布局图11-11 前台主页面布局11.6.3 前台主页面的实现 根据图11-11所示的页面布局，可以在

10、 index.asp页面中创建一个三行两列的表格 ，然后在相应的单元格中使用#include指 令包含相应的ASP页面，并在左侧单元格中 定义标记。 11.7 文章展示模块设计11.7.1 文章展示模块概述 文章展示模块的主要功能是浏览网站 发表的文章列表，可以查看文章的详细内 容，包括文章作者、发表时间等，并可以 针对文章发表评论。 文章展示模块主要包括：前台主页面 文章展示；文章分类列表展示，如图11-12 所示；文章详细内容显示，如图11-13所示 。图11-12 文章分类列表展示页面图11-13 文章详细内容显示页面11.7.2 主页面文章展示的实现过程 在网站前台主页面中展示最新的两

11、篇 文章信息，包括文章标题、文章部分内容 、发表时间以及评论数量，单击“阅读全 文”超链接可以查看到文章的详细内容， 如图11-10所示。 在web_index.asp页面中，首先查询文 章信息表中最新的两条记录，然后在依次 展示文章内容的同时查询文章评论信息表 以获取文章对应的评论数量。 11.7.3 文章列表展示的实现过程 文章列表展示主要包括显示根据 选择的文章分类或者通过Blog搜索查 找到的文章列表内容。 当用户在网站导航栏处单击“我的文 章”超链接，将显示按照发表时间倒序排 序的文章列表；在该页面中单击文章分类 ，可以显示对应分类的文章列表；当用户 在前台主页面的Blog搜索栏目输

12、入查询内 容，则显示与之查询内容匹配的文章列表 。 文章列表页面web_blog_list.asp首先 获取传递的参数值，根据参数值确定显示 文章列表的条件从而执行相应的SQL查询语 句。 11.7.4 文章详细显示的实现过程 文章详细显示包括显示文章的详细内 容、文章作者以及文章发表时间，并展示 文章对应的评论内容。 在文章详细显示页面中，单击“评论 ”超链接，浏览者可以填写信息发表评论 。下面介绍文章详细显示的实现过程。（1）页面web_blog_view.asp根据 接收到的参数，查询文章信息表 展示文章内容，同时查询文章评 论信息表展示文章对应的评论信 息。 （2）当单击“评论”超链接

13、时，显 示用于提交评论信息的表单。 （3）用户填写昵称、评论内容以 及验证密码后，程序将此信息添 加到文章评论信息表中。11.8 相册展示模块设计11.8.1 相册展示模块概述 相册展示模块主要用于分类展示上传 的相册图片信息，即列出相册的分类以及 某一分类中包含的图片。相册分类展示， 如图11-14所示；某一相册分类对应的图片 展示，如图11-15所示。图11-14 相册分类展示页面图11-15 相册图片展示页面11.8.2 相册展示的实现过程1相册分类展示 相册分类展示是指显示数据库中的相 册分类信息。 相册分类页面读取相册分类信息数据 表以及相册信息数据表中与分类对应的第 一个图片信息，

14、并以表格形式显示分类对 应的第一张图片信息以及分类名称，如果 分类没有图片信息则以默认图片代替。 2相册图片显示 相册图片显示是按照选择的分类显示 该分类的全部图片信息，包括图片以及图 片名称。由于相册图片是上传到服务器的 ，所以读取时使用HTML语言的标记 ，指定图片路径即可显示图片信息。 11.9 博主登录模块设计11.9.1 博主登录功能概述 当用户通过单击前台主页面导航栏处 的“博客管理”超链接后，将进入博主登 录页面，如图11-16所示。图11-16 博主登录页面 当用户没有输入用户名和密码，或者 输入了错误的用户名和密码进行登录时， 页面会给出相应的提示信息。当用户输入 正确的用户

15、名和密码，则允许进入到博客 后台系统进行操作。博主登录模块的操作 流程如图11-17所示。图11-17 博主登录模块流程图 在博主登录页面中，除了输入用户名 和密码，还要求用户输入随机生成的验证 码，这样可以提高网站的安全性。为了防 止非博主用户非法登录博客后台系统，还 应定义浏览器缓存该登录页面的有效期限 。11.9.2 博主登录的实现过程1设置页面缓存有效期限 通过Response对象的Expires属性和 CacheControl属性不允许浏览器缓存页面 ，以提高网站安全性。2设计表单 建立表单，用于输入用户名、密码和 验证码。3实现登录验证 当用户提交登录表单，程序将首先验 证用户输入的验证码是否正确，然后依次 验证输入的用户名、密码。如果信息通过 验证则将用户名保存到Session变量中，并 允许用户登录到后台首页面。 11.10 文章管理模块设计11.10.1 文章管理模块概述 文章管理模块的主要功能包括文章分 类的管理，文章信息的添加、查询、修改 和删除操作以及对文章相关评论的管理。 进入后台主页面后，单击左侧导航栏 处的“文章分类”超链接，可以对文章分 类进行添加、修改和删除操作，如图11-18 所示。图11-18 文章分类页面