博客系统设计—毕业论文.doc

摘 要 i 摘 要 随着 internet 的广泛应用，动态网页技术也应运而生。本文介绍了应用 asp 动态网页技术开发博客系统的设计与实现。 博客系统主要为用户提供发表文章、浏览文章等功能，用户通过 internet 可 以发表一些自己撰写的文章以和其他网友进行交流。博客系统主要实现了文章 管理的数字化、信息化、智能化，是打破传统报刊、杂志发表文章方式的新尝 试。 本系统的开发设计实现采用 asp 技术，系统后台使用 sql server 2008 数据 库，并通过使用 odbc 技术访问。 本文对博客系统进行整体分析，明确了系统的可行性和用户需求；根据模 块化原理，规划设计了系统功能模块；在数据库设计部分，详细说明了系统数 据库的结构和数据库的完整性、安全性措施；程序设计则采用面向对象的程序 设计思想，提出系统的程序设计思路，对前台与后台功能的程序实现进行了详 细论述；系统测试部分，具体分析测试过程中出现的主要问题，并提出了解决 方案，实现系统功能。最后，对系统作以客观、全面的评价，并对进一步改进 提出了建议。 关键字：博客 blog asp.net 数据库 abstract ii abstract with the widely application of the internet, dynamic web page technology also arises at the historic moment. this paper introduces the application of asp dynamic web technology to develop the design and implementation of blog system. blog system is mainly to provide users with published articles, browse the articles, and other functions, the user can through the internet, published some of my writing to communicate with other users. blog system mainly implements the management of the digital, information, intelligence, is to break the traditional way of newspapers, magazines published new attempt. the development and design of this system using asp technology, use sql server 2008 database system background, and by using odbc technology to access. in this paper, the blog system on the overall analysis of the feasibility of system and user needs; according to the principle of modularization, planning and design the system function module; in database design part, detailed the system database structure and database integrity, security measures; program design, the use of the object-oriented program design thought, system program design thinking is put forward, on the front desk and backstage function program implementation is discussed in detail; the system test, concrete analysis of the main problems in the testing process, and put forward the solution, the realization of system functions. finally, to make in an objective and comprehensive evaluation system, and puts forward suggestions for further improvement. key words: blog blog asp.net database 目 录 iii 目 录 摘 要 .i abstract ii 目 录 iii 第一章 系统概述 1 1.1 项目背景 1 1.2 系统开发的意义 1 1.2.1 发布想法 1 1.2.2 博客的用途 2 1.3 系统开发的目标 2 1.3.1 任何拥有博客的人都可以做到 2 1.3.2 访问博客系统的人，可以做到 2 第二章 blog 系统分析 3 2.1 可行性分析 3 2.1.1 经济可行性。 3 2.1.2 技术上的可行性。 3 2.1.3 时机可行性。 3 2.1.4 管理上的可行性。 3 2.2 需求分析 3 2.2.1 管理员登录 3 2.2.2 文章管理 4 2.1.3 系统信息管理 4 2.3 系统的主要技术分析 4 2.3.1asp.net 介绍 4 2.3.2web form 控件 .5 2.3.3asp.net 配置 5 2.3.4xml5 2.4 数据库需求分析 5 第三章 blog 系统设计 7 3.1 系统设计方案 7 3.1.1 系统功能模块 7 3.1.2 数据库逻辑结构设计 8 3.2 数据库的完整性和安全性 11 3.3 公用模块的编写 12 3.3.1 数据库连接文件 12 3.3.2 用户登录和注销 12 第四章 blog 系统的界面设计与实现 13 4.1 界面头设计 13 4.1.1 设计思想 13 淮安信息职业技术学院毕业设计论文 iv 4.1.2 效果预览 13 4.1.3 身份验证 13 4.1.4 首页设计与实现 15 4.1.5 设计思想 15 4.1.6 用户注册模块设计 16 4.1.7“文章评论”功能模块设计 .19 4.2 管理界面设计 19 4.2.1“添加文章”功能模块 .19 4.2.2“文章管理”功能模块 .20 第五章 系统测试 21 第六章 结束语 23 致 谢 25 参考文献 27 淮安信息职业技术学院毕业设计论文 0 第一章 系统概述 1.1 项目背景 blog，是 we blog 的简称。we blog，其实是 web 和 log 的组合词。 web，指 world wide web，当然是指互连网了；log 的原义则是“航海日志” ， 后指任何类型的流水记录。合在一起来理解，we blog 就是在网络上的一种流 水记录形式或者简称“网络日志” 。blogger 或 we blogger，是指习惯于日常记 录并使用 web log 工具的人。虽然在大陆早些时候或者台湾等地，对此概念的 译名不尽相同（有的称为“网志” ，有的称之为“网录”等等） ，但目前已基本 统一到“博客”一词上来。该词最早是在 2002 年 8 月 8 日由著名的网络评论家 王俊秀和方兴东共同撰文提出来的。博客也好，网志也罢，仅仅是一种名称而 已，它的本义还是逃不过 web log 的范围。只是，通常我们所说的“博客” ，既 可用作名词 blogger 或 web logger指具有博客行为的一类人；也可以作动词 用（相当于英文中的 web log 或 blog） ，指博客采取的具有博客行为反映、是第 三方可以用视觉感受到的行为，即博客们所撰写的 blog。因此， “他/ 她是一位 博客，他/她天天在博客”及“博客博什么客?”在中文语法与逻辑上都是正确。 只是不同场合的用法不同罢了。 博客存在的方式，一般分为三种类型：一是托管博客，无须自己注册域名、 租用空间和编制网页，博客们只要去免费注册申请即可拥有自己的博客空间， 是最“多快好省”的方式。如英文的 、 及多种 语言的博客室() 等都提供这样的服务；二是自建独立网站的博客， 有自己的域名、空间和页面风格，需要一定的条件。如方兴东建立的“博客中 国”站（ ） ；三是附属博客，将自己的博客作为某一个网站 的一部分（如一个栏目、一个频道或者一个地址） 。这三类之间可以演变，甚至 可以兼得，一人拥有多种博客网站。 目前进行网站开发的语言很多，如 asp、php 、jsp、asp.net 等。究竟 应该选择什么语言来开发一个 blog 网站呢，对于一个中小型的网站来说， asp.net 无疑是最好的选择，asp.net 提供了一个很好的实现这种经典设计模 式的类似环境。开发者通过在 aspx 页面中开发用户接口来实现视图；控制器 的功能在逻辑功能代码（.cs）中实现；模型通常对应应用系统的业务部分。在 asp.net 中实现这种设计而提供的一个多层系统，对较经典的 asp 结构实现的 系统来说有明显的优点。将用户显示（视图）从动作（控制器）中分离出来， 提高了代码的重用性。 1.2 系统开发的意义 第一章 系统概述 1 1.2.1 发布想法 博客能让个人在互联网上表达自己的心声。这是一个收集和共享任何感兴 趣的事物的地方-可以是政治评论、个人日记或是指向您想记住的网站的链接。 许多人使用博客只是要组织自己的想法，而有些人则在全球成千上万的浏览者 中赢得影响力。职业和业余新闻记者使用博客发布特发新闻，而有写日记习惯 的人则会在博客 中宣示自己内心的想法。而摄影和美术发烧者，可以通过博客 系统的管理自己的作品，无论您要发表什么意见，博客都可以帮您表达出来。 博客作为一种新表达的方式，它的传播不仅情绪，包括大量的智慧、意见 和思想。某种意义上说，它也是一种新的文化现象，博客的出现和繁荣，真正 凸现网络的知识价值，标志着互联网发展开始步入更高的阶段。 1.2.2 博客的用途 促进学习。写 blog 可以促进学习，想写出文章来，自然不能是泛泛的了解 就可以的，要理解了才能写得出来的。这就促进了对某些领域的不断学习和思 考。 记录收获。blog 中，常常是记录下来都是瞬间的灵感，对事物的感悟，经 过多日思考和实践的结果，对某个问题的解决方案等等，这些都是财富，要记 录下来。 反映成长。写 blog，可以反映出人的思考过程，而不仅仅是思考结果。对 一个问题或领域，从不了解到了解，从了解到熟悉，从熟悉到精通。这纪录了 一个人思考和解决问题的成长过程。很久之后，看到自己之前的文章，你将会 觉得自己进步了。 结交朋友。写了 blog，自然会有许多志趣相同的朋友来阅读，这可以认识 许多朋友。大家有共同的兴趣爱好，自然谈得来。 共享知识。blog 给大家看，大家的 blog 也给你看。这个问题我解决了，那 个问题他解决了。大家互通有无，建立起一个社群。 交流看法。回复的人对 blog 的观点或赞同，或反对，大家一起讨论，听听 别人的思想，可以促进双方的共同进步。 包装自己。看到一篇篇用心写出的文章，自然是对自己知识技能的最好宣 传。 1.3 系统开发的目标 1.3.1 任何拥有博客的人都可以做到 1登录博客系统浏览文章 2管理自己博客的基本信息 3撰写个人随笔 淮安信息职业技术学院毕业设计论文 2 4处理留言、文章评论等内容 1.3.2 访问博客系统的人，可以做到 游览博客系统中的文章目录、评论博客系统中的内容，只有博客管理员登 录系统之后，才能进行管理。而博客系统的访问者不需要注册，也不需要登录 就可以访问博客系统中的内容。 第二章 blog 系统分析 3 第二章 blog 系统分析 2.1 可行性分析 可行性分析(feasibility analysis)也称为可行性研究，是在系统调查的基础 上，针对新系统的开发是否具备必要性和可能性，对新系统的开发从技术、经 济、社会的方面进行分析和研究，以避免投资失误，保证新系统的开发成功。 可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解 决。为了确定开发具有可行性，对本系统主要进行了以下四个方面的分析。 2.1.1 经济可行性。 经济可行性主要是对项目的经济效益进行评价。本系统对系统开发者来说 并不需要太高的成本支出，只是对系统的管理者付出管理报酬即可，而且开发 周期不需要太长，节省了人力、物力、财力资源，所以本系统在经济上是可行 的。 2.1.2 技术上的可行性。 技术上的可行性分析主要是分析技术条件能否顺利完成开发工作，硬、软 件能否满足开发者的需要等。在软件方面，本系统采用的是 asp（active sever pages）进行开发，前台网页设计使用的是 vs2010，而数据库系统采用的是 sql server 2008 r2。通过分析，在软、硬件方面现有工具与环境完全可以实现系统 的开发，因此具有技术上的可行性。 2.1.3 时机可行性。 时机可行性是分析系统开发时机是否成熟。目前越来越多的应用程序都已 经是转向基于 web 的开发，并且 internet 已经广泛使用，因此系统的设计具有 时机可行性。 2.1.4 管理上的可行性。 主要是管理人员是否支持，现有的管理制度和方法是否科学，规章制度是 否齐全，原始数据是否正确等。系统的开发主要就是为了方便校友信息的管理， 补充现在传统管理方式的不足，因此具备了管理上的可行性。 综上所述，本系统开发目标已明确，在技术和经济等方面具备可行性，并 且投入少、见效快，因此系统的开发是完全可行的。 2.2 需求分析 在可行性分析阶段已经简要地分析和研究了本系统的基本需求，也论证了 开发平台及软件的可行性，但为了明确系统设计的目标，了解用户的需求，现 对用户需求作以调研，从而进一步明确了设计所实现子系统的功能。 淮安信息职业技术学院毕业设计论文 4 2.2.1 管理员登录 在调研中了解到，用户想要使用系统，首先要有一个友好的用户注册界面， 其次，用户需要经历登录验证过程，只有合法的拥有管理员身份的用户才可以 使用系统中的管理功能，这样做可以防止非法用户登录并使用本系统，妨害数 据安全。 用户登录。通过系统登录验证，用户成功进入系统并开始使用其中功能。 2.2.2 文章管理 文章管理是用户所有文章的信息，用户可以进入此处进行相关文章的管理。 这部分主要包括以下方面： 1文章信息显示。显示出所有文章的大概信息。 2发表新文章。可以发表新的文章。 3删除文章。允许用户对文章信息进行删除操作。 2.1.3 系统信息管理 系统开始运行之后，随着时间的变化会有想要更改系统的相关信息的要求， 比如：修改博客的个人头像，爱好，最难忘的事等等，因此需要提供信息修改 的功能。 在此，我参考现有的几大博客网站，如新浪博客，qq 空间等，采用 browser/server 结构，将个人博客网站划分为两个子系统：前台，后台。下面分 析各个子系统的功能需求。 在前台的功能实现上，可以分为以下几个部分： 用户登录：网站的用户用个人注册的账号，密码登录到个人的博客网站上。 用户注册：访客将个人的信息存储到博客网站的数据库中，以成为博客网 站的正式用户。 文章管理：博客用户可以将自己的文章进行编辑、上传分享自己的文章。 评论管理：用户可以对自己感兴趣的文章进行评论，说出自己的建议与观 点。 图片管理：注册用户可以对博客中的图片进行管理，如：对图片继续上传、 编辑、浏览、查询等操作。 匿名用户：未注册的用户可以浏览博客主页上的文章，可以检索或浏览博 客网站中感兴趣的文章还可以对文章进行评论，但不能多博客进行编辑。 留言管理：其他用户可以给博客主人进行留言。 链接管理：用户可以根据链接的网址对其他网站进行访问。 2.3 系统的主要技术分析 第二章 blog 系统分析 5 2.3.1asp.net 介绍 本系统采用 asp.net 开发技术进行开发。asp.net 不仅仅是 asp 的一个 新版本，更是 web 应用程序编程方面的一个全新的概念和方法。asp.net 中 的新功能并不是对 asp 的改进，设计它的初衷是为用户入境提供最佳的应用程 序架构。它相比于 asp 有着以下几个方面的优点: asp 曾在脚本引擎方面受到了限制，特别是 vbscript 和 jscript。而 asp.net 则支持多种语言，默认情况下为 visual basic.net、c#和 jscript.net，另外还支持一些第三方语言。 asp 在服务器处理上不管页面的内容是纯 html 还是 asp 生成的 html，它都是按照实现，形成所谓 3-tier 页面顺序显示的。因此逻辑代码依赖 于它在页面中的位置，并且无法将 html 控件作为目标，除非将它们作为流的 一部分进行显示。而 asp.net 就解决了这个问题，方法是为控件引入一个声明 的基于服务器的模型，因为控件在服务器上有，可以在服务器上编程，也可以 是客户端驱动的事件。 2.3.2web form 控件 将现有的 html 控件转换为服务器端的控件是比较容易的，但是也存在一 些不方便，例如比较难于区分 html 控件和服务器端的控件。于是 microsoft 公司就创建了一组专门的服务器控件，它们都用 asp：前缀标识。 代码与内容分离 一个网站的设计与开发往往由不同的人来实现的，而 asp 中就是存在着这 样一个问题，代码（asp 脚本）和内容（html ）混合在一起。这样就使得同 时进行设计和开发变得很困难。而 asp.net 则采用了代码内联和后台编码两种 方法实现了代码与内容的分离。 2.3.3asp.net 配置 a 的配置文件都是 xml 格式的文件，xml 格式文件易于书写和定制， 采用这种方法进行 配置方便灵活。另外， 的配置都是可以随时更 改的，即应用程序运行期间，可以随时增加和删除 配置文件中的项目， 修改后可以立刻激活使用比当配置发生变化时需要服务重新启动配置才生效的 方法有很大的优势。 该系统运用了 fig 文件进行配置 web 服务器，使用 web.config 文件 配置 web 服务器简明扼要。web.config 文件是采用 xml 格式进行编写的 xml 文件。 2.3.4xml xml 是 extensible markup language(可扩展标记语言)。它是一种存储数据 的方法。它提供一种独立于应用程序的格式来保存数据，且容易实现不同应用 程序之间的数据共享。与数据库相比，它不需要任何专用软件就可以创建和管 淮安信息职业技术学院毕业设计论文 6 理 xml 文档，只要一个文本编辑器就可以了；而数据库需要专门的数据库管 理系统对数据进行管理。 2.4 数据库需求分析 用户分为普通用户和管理员用户 管理员涉及类型管理、文章管理、添加文章、评论管理、链接管理、留言 管理。 普通用户可以阅读文章、发表回应、留言、评论和在线聊天。 一种文章类型有多篇文章。 一篇文章有多篇评论、回复。 对上面系统功能分析，设计如下数据项： 管理员信息：用户名、密码。 类型信息：类型编号、类型名称。 链接：链接编号、链接名称、链接地址。 留言：留言编号、留言人呢称、留言标题、个人主页、留言内容、留言时 间、留言回复。 文章信息：文章序号、文章作者、文章标题、摘要、文章内容、文章发表 日期、文章人气、回复、文章类型编号、文章类型名称、文章回复数。 评论：评论序号、评论用户呢称、评论标题、评论内容、评论时间、评论 的文章序号。 第三章 blog 系统设计 7 第三章 blog 系统设计 3.1 系统设计方案 本系统是面向个人用户和小型集体用户开发的系统，完成用户在 blog 上进 行预定操作，实现用户和来宾之间的双向沟通。具体设计方案为： 系统服务器为 iis,数据库为 sqlserver2008，整个系统界面采用 microsoft visual studio 2010 开发。 系统采用 mvc 框架，用 c#语言实现。 服务器与数据库的连接使用 oledb 编程接口的 oledbconnection 对象进行 连接。 系统分成两部分，前台为普通用户操作界面，功能包括：阅读文章，发表 留言，发表评论，在线聊天。后台为管理员操作界面，管理员通过登录进入管 理界面，功能包括：分类管理，文章管理，添加文章，评论管理，链接管理， 留言管理。 3.1.1 系统功能模块 系统功能模块包括两大块：管理界面功能模块和普通用户界面功能模块。 其具体功能如下所示： 管理员功能：分类管理，文章管理，评论管理，链接管理，留言管理。 普通用户功能：阅读文章，留言，评论和在线聊天。 分类管理：文章类型的添加，修改，删除。 文章管理：文章的修改，删除。 评论管理：评论的删除。 链接管理：链接的添加和删除。 留言管理：留言的删除和回复。 管理员用户功能流程如图 3-1 系统流程图： 淮安信息职业技术学院毕业设计论文 8 图 3-1 系统流程图 普通用户功能模块如图 3-2 普通用户登录流程图： 图 3-2 普通用户登录流程图 3.1.2 数据库逻辑结构设计 数据库的概念结构设计完毕后，现在可以将上面的数据库概念结构转化为 某种数据库系统所支持的实际数据模型，也就是数据库逻辑结构。 博客系统中各个表的设计结果如下面表格所示。每个表格表示在数据库中 的一个表： 第三章 blog 系统设计 9 表 3.1 admin 序 号 列名 数据类型 长度 小数 位 标 识 主 键 外键 允 许 空 默认 值 说明 1 blogid int 4 0 是 是 否 2 username nvarchar 50 0 是 3 password nvarchar 50 0 是 4 sex nvarchar 50 0 是 5 reallynam e nvarchar 50 0 是 6 birthday nvarchar 50 0 是 7 address nvarchar 200 0 是 8 postcode nvarchar 50 0 是 9 subject nvarchar 100 0 是 10 email nvarchar 100 0 是 11 homephon e nvarchar 50 0 是 12 mobilepho ne nvarchar 50 0 是 13 qq nvarchar 50 0 是 14 icq nvarchar 50 0 是 15 question nvarchar 100 0 是 16 answer nvarchar 100 0 是 17 regtime datetime 8 3 是 18 ip nvarchar 20 0 是 19 camparpwd varchar 50 0 是 表 3.2 category 序号 列名 数据类型 长度 小数位 标识 主键 外键 允许 空 默认 值 说明 1 c_id bigint 8 0 是 是 否 2 c_na me nvarchar 50 0 是 3 blogi d int 4 0 是 表 3.3 link 序号 列名 数据类型 长度 小数位 标识 主键 外键 允许 空 默认 值 说明 1 l_id bigint 8 0 是 是 否 2 l_nam e nvarchar 50 0 是 3 l_url nvarchar 50 0 是 淮安信息职业技术学院毕业设计论文 10 表 3.4 message 序号 列名 数据类型 长度 小数 位 标识 主键 外键 允许 空 默认值 说明 1 id bigint 8 0 是 是 否 2 nickna me nvarchar 50 0 是 3 title nvarchar 50 0 是 4 homepa ge nvarchar 50 0 是 5 content ntext 16 0 是 6 mdate datetime 8 3 是 getdate 7 hf ntext 16 0 是 表 3.5 news 序 号 列名 数据类型 长度 小数 位 标 识 主 键 外键 允 许 空 默认值 说明 1 n_id int 4 0 是 是 否 2 n_author nvarchar 50 0 是 3 n_title nvarchar 200 0 是 4 n_key nvarchar 200 0 是 5 n_conten t ntext 16 0 是 6 n_date datetime 8 3 是 getdate 7 n_hit bigint 8 0 是 0 8 n_re bigint 8 0 是 0 9 c_id bigint 8 0 是 是 10 c_name nvarchar 50 0 是 11 n_iscmd int 4 0 是 12 blogid int 4 0 是 表 3.6 picture 序号 列名 数据类型 长度 小数 位 标识 主键 外键 允许 空 默认 值 说明 1 picturei d int 4 0 是 是 否 2 imageurl nvarchar 200 0 是 3 subject nvarchar 50 0 是 4 blogid int 4 0 是 第三章 blog 系统设计 11 表 3.7 tb_message 序 号 列名 数据类型 长度 小数 位 标 识 主 键 外键 允 许 空 默认 值 说明 1 messageid int 4 0 是 是 否 2 blogid int 4 0 是 3 friendnam e nvarchar 50 0 是 4 sex nvarchar 4 0 是 5 homephon e nvarchar 50 0 是 6 mobilepho ne nvarchar 50 0 是 7 qq nvarchar 50 0 是 8 icq nvarchar 50 0 是 9 address nvarchar 200 0 是 10 birthday nvarchar 50 0 是 11 email nvarchar 100 0 是 12 postcode nvarchar 50 0 是 13 ip nvarchar 50 0 是 3.2 数据库的完整性和安全性 数据库的完整性是指数据的正确性和相容性。数据库管理系统(dbms)用一 定的机制来检查数据库中的数据是否满足规定的条件完整性约束条件，数 据的约束条件是语义的体现，将作为模式的一部分存入数据库中。数据库的完 整性约束主要包括以下三方面要求： 1.实体完整性 实体完整性是指若属性 a 是基本关系 r 的主属性，则属性 a 不能取空值。 对于每个表来说，主键都不可以为空。在用户提交信息时，系统会对用户所填 写的信息进行验证，对于其中的关键信息没有填写或者数据非法时，系统会提 示用户更改后再提交。这样保证了系统实体完整性。 2.参照完整性 由于表和表之间会存在某些联系，当关系 r 和关系 s 之间是一对多关系时 (r 的主键是 a，s 的主键是 b，c 是 s 中的外码)，在插入数据时就要保证外码 c 的值或者为空或者等于 r 中某个元组的主码值。在对被参照表进行删除操作 时应同时进行及联删除。 3.用户定义完整性 任何关系数据库系统都应该支持实体完整性和参照完整性。除此之外，不 同的关系数据库系统根据其应用环境的不同，往往还需要一些特殊的约束条件， 淮安信息职业技术学院毕业设计论文 12 用户定义的完整性就是针对某一具体关系数据库的约束条件。它反映某一具体 应用所涉及的数据必须满足的语义要求。例如某个属性必须取唯一值、某个属 性的取值范围等。 3.3 公用模块的编写 3.3.1 数据库连接文件 为了操作数据库方便，把连接数据库、查询、更新、插入、关闭连接等数 据库操作都写在一个公用文件 web.config 中，这样其他页面引入这个页面，就 可以调用数据库操作方法，操作数据库了，这样便于提高程序的重用性。 3.3.2 用户登录和注销 把判定用户登录和注销的程序写在首页 default.asp 中。当用户在首爷输入 用户名和密码请求登录时，先从数据库查询该用户的用户名和密码是否正确， 如果正确则把该用户的用户名和密码，写入用户 cookie，这样其他页面如果需 要用户登录才能访问，只需要从 cookie 取用户的用户名，如果能取得，则说明 用户已经登录，否则用户未登录。当然用 cookie 记录用户登录是有风险的，最 好用 session 记录。注销只需要设置记录用户的 cookie 过期就可以了。 第四章 blog 系统的界面设计与实现 13 第四章 blog 系统的界面设计与实现 界面模块化，可以提高代码的重用性，能为编程提供很大便利，节省开发 时间，提高开发效率。 4.1 界面头设计 4.1.1 设计思想 为了体现简洁明快的风格，界面头不打算用很复杂的动画图片，顶部直接 安排一个导航栏，让用户可以在首页、个人资料、博文、评论、博文管理、评 论管理等模块之间方便的切换。 4.1.2 效果预览 按上面的设计思想，经过一番美工的润饰，设计出的界面头的效果如图 4-1 所示。 图 4-1 界面模板 4.1.3 身份验证 管理员通过此登陆入口进入管理界面，此入口需要填写正确的 id 才能够 登陆，非法 id 不能够登陆，其界面如图 4-2 管理员登录 所示： 图 4-2 管理员登录 淮安信息职业技术学院毕业设计论文 14 一个系统能正常使用，安全性是非常重要的一个部分。安全性是对用户的 生份进行验证并通过验证的用户按照为其授予的访问权限来确定用户是否可以 访问某资源的一个过程。为了保证系统的安全，为了保证应用程序的安全，本 系统采用了身份验证技术。 该代码表示系统禁止对 st_login 目录下的 st_admin 进行匿名访问.如果存 在匿名用户,系统将自动验证用户名，提示错误信息。保证了系统的安全.关键代 码如下： 实现此功能的关键代码为： public partial class module_admin_index : system.web.ui.page protected void page_load(object sender, eventargs e) if (!ispostback) random ran = new random(); this.labvali.text = ran.next(1000, 9999).tostring(); protected void btnok_click(object sender, eventargs e) if (this.txtvali.text != this.labvali.text) response.write(“alert(验证码错误); location=javascript:history.go(-1)“); else sqlconnection con = new sqlconnection(configurationmanager.appsettings“constr“); con.open(); sqlcommand com = new sqlcommand(“select count(*) from admin where username=“ + this.txtuid.text + “ and password=“ + this.txtpwd.text + “, con); sqldata da = new sqldata(); sqldatareader read = da.exceread(“select * from admin where username=“ + this.txtuid.text + “); read.read(); if (read.hasrows) 第四章 blog 系统的界面设计与实现 15 session“superadmin“ = read“superadmin“.tostring(); read.close(); int count = convert.toint32(com.executescalar(); if (count 0) session“username“ = this.txtuid.text; session“password“ = this.txtpwd.text; page.response.redirect(“blogmanagerindex.aspx“); else response.write(“alert(用户名或密 码错误！);location=javascript:history.go(-1)“); return; 4.1.4 首页设计与实现 首页是一个网站的窗口，长久留住一个用户靠网站强大的功能和丰富的内 容，要想吸引用户，首页的设计精美和人性化也是重要的因素。首先是给浏览 者留下的第一印象。所以设计要精美；首页是网站的导航图，所以设计要人性 化，重点层次突出。 4.1.5 设计思想 首页直接引入前面设计的公用模块的界面头和尾。首页左边给出浏览者一 个清晰的导航。在右边用户能登录/注册、最新更新的博文列表、评论，在左边 显示最新更新的博文信息。 博客最核心的是文章，所以正文右边给出一块很大空间用以展示最新书写 的几篇文章的标题和内容概要，用户单击博文标签能进入查看该文章的详细内 容。图 4-3 为首页效果图： 淮安信息职业技术学院毕业设计论文 16 图 4-3 首页效果图 4.1.6 用户注册模块设计 页面 register.aspx 主要完成引导用户进行注册，首先会提供注册表让用户 输入用户名和密码等，让用户输入注册信息，输入完成后，当用户单击注册 第四章 blog 系统的界面设计与实现 17 按钮的时候，要对用户输入的注册信息简单认证，看用户信息是否验证，如果 验证进行数据库验证，查看用户之前是否已经注册过，如果没有注册则插入一 条新记录到数据库，完成注册。如图 4-4 博客注册： 图 4-4 博客注册 实现此功能的关键代码为： protected void page_load(object sender, eventargs e) if (session“username“ = null) response.redirect(“/index.aspx“); protected void btnok_click(object sender, eventargs e) 淮安信息职业技术学院毕业设计论文 18 sqldata da = new sqldata(); sqldatareader read = da.exceread(“select * from admin where username=“ + this.txtname.text + “); read.read(); if (read.hasrows) if (this.txtname.text = read“username“.tostring() response.write(“alert(对不起， 该用户名已经注册！);location=register.aspx“); return; read.close(); string p_str_com = “insert into admin(username,password,question,answer,reallyname,birthday,address“ + “,postcode,email,homephone,mobilephone,qq,icq,regtime,sex,superadmin,ip) values(“ + this.txtname.text + “ + “,“ + this.txtpwd.text + “,“ + this.txtques.text + “,“ + this.txtans.text + “,“ + this.txtrealname.text + “ + “,“ + this.txtbirthday.text + “,“ + this.txtaddress.text + “,“ + this.txtpostcode.text + “,“ + this.txtemail.text + “ + “,“ + this.txthphone.text + “,“ + this.txtmphone.text + “,“ + this.txtqq.text + “,“ + this.txticq.text + “,“ + datetime.now.tostring() + “,“ + this.dropdownlist1.selectedvalue + “,“+this.dropdownlist2.selectedvalue+“,“+request.userhostaddress+“)“; bool add = da.excesql(p_str_com); if (add = true) response.write(“alert(注册成功!); location=adminmanage.aspx“); else response.write(“alert(注册失败！); location=javascript:history.go(-1)“); 第四章 blog 系统的界面设计与实现 19 protected void button1_click(object sender, eventargs e) sqldata da = new sqldata(); sqldatareader read = da.exceread(“select * from admin where username=“+this.txtname.text+“); read.read(); if (read.hasrows) if (this.txtname.text = read“username“.tostring() response.write(“alert(对不起， 该用户已经注册！);location=register.aspx“); else response.write(“alert(恭喜您，该用 户可以注册！);“); read.close(); 4.1.7“文章评论 ”功能模块设计 在展现文章页面的末尾，提供接口供浏览者针对该文章发表评论，技术实 现非常简单，就是提供发表评论标题和评论内容的文本框，让读者输入评论标 题和内容，当读者单击提交按钮的时候，把评论标题和内容保存到数据库。 4.2 管理界面设计 4.2.1“添加文章 ”功能模块 通过“添加文章”功能模块用户能设置文章标题，选择文章所属分类，填 写文章概要和文章内容，对应的页面是图 4-5 writeblog.aspx 页面： 淮安信息职业技术学院毕业设计论文 20 图 4-5 writeblog.aspx 页面 4.2.2“文章管理 ”功能模块 “文章管理”功能模块主要显示当前用户所写的所有文章，并能修改或者 删除现有文章，图 4-6 为博客文章管理效果图： 图 4-6 博客文章管理效果图 第五章 系统测试 21 第五章 系统测试 程序测试就是在程序投入运行前，对程序的需求分析、设计规格说明和编 码的最终复审，是保证程序质量的关键步骤。如果要给程序测试下定义，可以 这样讲，程序测试是为了发现错误而执行程序的过程。 测试的目的就是在软件投入生产性运行之前，尽可能多地发现软件中的错 误。在开发大型软件系统的过程中，需要面对错综复杂的问题，因此，在软件 生存周期的每个阶段都不可避免地会产生错误。编程人员力求在每个阶段结束 之前通过严格的技术审查，尽可能早的发现并纠正错误。因此我做了如下几点 测试，测试如下： 1.前台显示文章详细内容测试 测试内容：点击一个文章的标题，是否会显示出文章的全部内容。 操作：随意点击一篇文章的标题。 结果：在文章细节页面正确的显示出文章的全部内容。 结论：测试成功。 2.管理员登陆 测试内容：填写用户名及密码，验证能否成功登陆。 操作： 填写正确的用户名及密码。 填写错误的用户名或密码。 结果： 管理员成功登陆。 提示用户登录失败。 3.文章管理 （1）发表文章 测试内容：管理员用户发表新文章， 。 操作：以管理员的身份进入博客系统，点击管理按钮，选择添加文章的操 作如图 6-4 所示，填写完文章内容之后单击添加按钮，看系统是否会提示发表 成功。如图 4-7 系统测试图： 淮安信息职业技术学院毕业设计论文 22 图 5-1系统测试图 （2） 删除文章。 测试内容：用户对自己所发表的文章信息能否成功删除。 操作：点击删除系统询问是否删除该文章信息， 结果：文章信息被成功删除。 结论：测试成功。 4.系统信息管理 （1）显示原系统信息。 测试内容：进入页面后，能否正确的显示原系统信息中的内容。 操作：进入系统信息管理页面查看信息情况。 结果：页面成功的显示出正确的信息。 结论：测试成功。 （2）修改系统信息