c#个人网站的设计与实现

1、f博客网站用户使用手册第1章 系统简介 . . 31.1 系统概述 . 31.2 系统目标 . 31.3 系统特点 . 3第2章 软件安装 . . 52.1 运行环境 . 5第3章 前台 . . 63.1 浏览博客文章 . 73.2 最新评论 . 153.3 友情链接 . 153.4 博客登录入口 . 16第4章 博客操作页面 . . 204.1 文章管理 . 204.2 图片管理 . 224.3 评论管理 . 224.4 通讯管理 . 23 1 第5章 后台 . . 255.1 登录 . 255.2 管理员 . 265.3 博客管理 . 285.4 链接管理 . 295.5 游客管理 . 3

2、0 2 第1章 系统简介1.1 系统概述Blog 是Web blog的缩写，中文就是“网络日志”，而且具体说来，博客这个概念解释的特定的软件，在网络上出版、发表和张贴个人的文章。一个Blog 就是一个网页，它通常是由简短且更新的Post 所构成，这些张贴的文章都按年份和日期排列，Blog 的内容和目的有很大的不同，有对其他网站的超链接和评论，有关于个人构思的，有新闻日志的，还有照片、诗歌、散文，甚至科幻小说的发表和张贴等。1.2 系统目标管理员通过前台页面进入后台管理模块后，可对注册的博客用户进行维护，包括对注册用户的添加、查找、修改和删除。管理员进入登录后，可对帐户进行管理，包括添加管理员帐

3、户、修改管理员帐户、删除管理员帐户和对帐户进行权限设置。博客用户通过前台登录后，可对自己的博客空间进行管理，包括发布自己的网络日志、收藏个人图片、和相关人员进行交流和沟通以及删除访问者发表的评论等。1.3 系统特点 3 界面美观友好、操作简单、信息查询灵活、方便、快捷、准确。 系统最大限度地实现了易安装性、易维护性和易操作性。 系统运行稳定、安全可靠。 访问者不注册，通过匿名方式对博客空间发表评论。 访问者通过注册，登录进入博客空间发表评论。 4 第2章 软件安装2.1 运行环境操作系统：Windows 2003（推荐）开发工具：Microsoft Visual Studio 2005开发语言

4、：C#语言服务器：IIS6.0浏览器：IE5.0，推荐使用IE6.0数据库：SQL Server 2000硬件配置：CPU ：P41.8GHz内存：256MB ，推荐512MB 以上分辨率：建议1024×768像素颜色：256色 第3章 前台本网站的前台主要用于查看及发表评论。并提供了管理员及博客的登录入口。前台主页面如图3.1所示。前台主页面主要包括“最新评论”、“友情链接”、“浏览博客文章” 、“博客入口”。图3.1 前台主页面3.1 浏览博客文章在主页面下方单击“浏览博客文章”按钮，进入如图3.2所示的页面，此页面主要用于查看及发表评论。此页面提供了三个功能按钮，单击不同的按钮

5、进入的页面也有所不同，下面对这三个按钮的操作方法进行讲解。 图3.2 浏览博客文章（1）单击发表人处的发表人名称，进入如图3.3所示的页面，在此页面中可以查看到该发表人的所有文章内容。 图3.3 按发表人查询文章内容（2）单击“查看全文”按钮，进入如图3.4所示的页面，在此页面中可以对该主题进行评论。评论时可以采用两种方式，一种是先注册后评论；另一种是直接进行评论，这两种方式的不同之处在于查看评论时发表人的显示有所不同，第一种显示的是注册用户名，并可查看该用户的个人资料；第二种则显示“匿名” 。注意：此处注册的用户只限于在发表评论时使用，无任何管理上的操作。此注册信息在后台进行管理。图3.4

6、发表评论（3）如要采用匿名进行评论，可在“发表评论”中直接填写评论内容，单击“提交”按钮，完成发表评论操作。如要采用注册操作进行评论，可单击“注册”按钮，进入如图3.5所示的页面。 图3.5 用户注册协议（4）单击“同意以上条款”按钮，进入如图3.6所示的页面。图3.6 访客注册资料（5）在该页面中填写完整的注册信息，单击“确定”按钮，进入如图3.7所示的页面。注册成功。注意：请记住系统ID 号，在发表评论时需要使用。 图3.7 访客注册信息（6）单击“确定”按钮，返回到如图3.8所示的页面。在“ID ”、“用户名” 、“密码”、“验证码”处输入刚刚注册的访客信息。图3.8 访客登录（7）单击

7、“登录”按钮，进入如图3.9所示的页面，在“发表评论”处输入评论内容，单击“提交”按钮，完成发表评论操作。 图3.9 发表评论（8）单击“取消”按钮，返回到如图3.2所示的浏览博客文章页面。单击“查看评论”按钮，进入如图3.10所示的页面，在该页面中可以查看到该主题的所有评论内容。单击发表人处的发表人名称，进入该发表人的详细资料页面。如果是匿名发表，页面信息为空。 图3.10 查看评论单击“我要评论”按钮，进入如图3.11所示的页面， 图3.11 发表评论3.2 最新评论最新评论显示的是最近5个有发表评论的主题名称，如图3.12所示。单击主题名称，即可对该主题的所有评论进行查看。还可以查看每个

8、评论发表人的详细资料。 图3.12 最新评论 3.3 友情链接友情链接页面如图3.13所示。友情链接主要用于显示网站的友情链接信息，当用户单击链接网站时，将直接访问该网站。友情链接信息在后台进行添加，由管理员进行管理。 图3.13 友情链接3.4 博客登录入口博客登录入口页面如图3.14所示。本网站中有三种用户，一种是上文中讲到的只可以发表评论的普通用户； 一种是博客；还有一种就是超级管理员。其中博客与普通用户的区别是，博客不但可以发表评论，还可以发表文章。图3.14 博客登录入口 如果是第一次进入本网站发表文章，需要先注册。单击“注册”按钮，进入如图3.15所示的页面。图3.15 用户注册协

9、议单击“同意以上条款”按钮，进入如图3.16所示的页面，在此页面中填写完整的注册信息，单击“提交”按钮，添加成功，返回主页面。图3.16 博客注册资料单击“忘记密码”按钮，进入如图3.17所示的页面。 图3.17 找回密码 在用户名和验证码处输入用户名和验证码，单击“确定”按钮，进入如图3.18所示的页面。图3.18 找回密码在“回答问题”处输入注册时填写的回答问题，单击“确定”按钮，进入如图3.19所示的页面。在此页面中可以修改密码。在“修改密码”处输入修改后的密码，单击“修改”按钮即可。图3.19 密码在博客登录入口处输入用户名、密码、验证码，如图3.20所示。单击“登录”按钮，进入博客主

10、页面，如图3.21所示。 图3.20 博客登录入口 图3.21 博客首页 第4章 博客操作页面博客操作页面的功能主要是针对博客，主要包括文章管理、图片管理、评论管理、通讯管理。注意：博客只可以对自己的信息进行管理，不可以编辑、删除等破坏其他博客的信息。4.1 文章管理 单击“文章管理”按钮，进入如图4.1所示的页面，此页面主要用于博客对自己的文章及评论进行管理，其实现了添加、编辑、删除、查询等功能。图4.1 文章信息管理（1）添加新文章单击“添加新文章”按钮，进入如图4.2所示的页面，在文档标题及文章内容处填写文章的标题及内容，单击“添加”按钮，完成添加操作。 20 图4.2 添加新文章（2）

11、编辑单击“编辑”按钮，进入如图4.3所示的页面，在此页面中可直接对内容进行修改，然后单击“修改”按钮，完成编辑操作。 图4.3 编辑（3）删除单击“删除”按钮，弹出提示信息，单击“是”按钮，完成删除操作。 21 （4）查询在“查询条件”及“关键字”处选择及输入正确的查询条件，单击“查找”按钮，下方显示查询结果。此查询支持模糊查询。4.2 图片管理单击“图片管理”按钮，进入如图4.4所示的页面，此页面主要实现添加、查看、删除、 查询等操作。添加、删除、查找的操作方法请参见4.1节。单击“查看图片”按钮，可对该图片进行查看。图4.4 图片信息管理4.3 评论管理单击“评论管理”按钮，进入如图4.5

12、所示的页面，此页面主要实现了查看、删除评论等功能。单击发表人名称处可以查看该发表人的详细资料。单击“删除评论”按钮，即可删除该评论内容。 22 图4.5 评论管理4.4 通讯管理单击“通讯管理”按钮，进入如图4.6所示的页面。此页主要实现添加、查看、删除、查询等功能。其操作方法请参见4.1节。 23 图4.6 联系人信息 24 第5章 后台后台主要对管理员、博客和游客等信息进行管理。后台主页面如图5.1所示。后台主要包括：管理员、管理博客、链接管理、游客管理。 图5.1 后台主页面5.1 登录后台管理员的登录页面如图5.2所示。单击“管理员登录”按钮，进入如图5.3所示的页面。 图5.1 管理

13、员登录 图5.2 管理员登录在“用户名”、“密码”、“验证码”处输入登录信息，单击“确定”按钮，进入后台主页面。5.2 管理员 单击“管理员”按钮，进入如图5.3所示的页面，此页面主要实现添加、修改、删除、查询管理员信息等功能。图5.3 管理员信息（1）添加管理员单击“添加管理员”按钮，进入如图5.4所示的页面。在编辑框中填写完整的注册资料理，单击“确定”按钮，完成添加操作。 图5.4 管理员注册资料（2）修改单击“详细信息”按钮，进入“管理员详细资料”页面，如图5.5所示。在此页面中可以对管理员信息进行修改，修改完信息后直接单击“修改”按钮，完成修改操作。 图5.5 管理员详细资料（3）删除单击“删除”按钮，直接删除信息，完成删除操作。（4）查询在“查询条件”及“关键字”处输入正确的查询条件，单击“查找”按钮，下方列表栏中显示查询结果。5.3 博客管理单击“博客管理”按钮，进入如图5.6所示的页面。此页面主要实现修改、删除、查找博客用户信息等功能。其操作方法请参见5.2节。图5.6 博客用户信息5.4 链接管理单击“链接管理”按钮，进