毕 业 设 计
设计题目： 基于ASP.NET的个人博客系统的设计与
实现
系 部： 电子信息工程学院
专业名称： 软件技术 班 级： ****** 学 号： ******** 姓 名： XXX 指导教师： *** 完成时间： 2010 年 5 月 6 日
基于ASP.NET的个人博客系统的设计与实现
摘 要
本论文主要阐述了一个基于Java技术的Web应用系统的设计与实现过程, 该系统主要用于…方面（或该系统是某企业…实际开发项目），该系统主要设计并实现了…,。本论文主要包括系统分析、系统设计、系统实现和系统创新点等几大部分，重点论述了该系统的设计思路、设计框架以及创新点。
本系统的总体设计采用B/S架构，服务器端开发采用ASP.NET脚本技术，开发语言使用C#，数据库使用SQL Server 2005，客户端开发采用Html、Css和JavaScript技术，界面设计使用DIV+CSS结构,整个系统采用三层架构作为程序的总体开发框架。
本系统主要设计并实现了以下功能： 1. 前台日志模块。 2. 前台相册模块。 3. 前台留言板模块。 4. 后台管理模块。
本设计主要采用了以下关键技术：
1. 使用Ajax技术实现前台展示页面的局部刷新。 2. 使用ASP.NET自定义控件技术实现相册批量上传功能。
3. 使用第三方jQuery插件实现后台管理模块的导航栏多级分层功能。
关键词：ASP.NET；Ajax; jQuery；SQL Server2005；个人博客
I
Design and implementation of personal blog
system based on ASP.NET
Abstract
A lot of popularity on the Internet today, the blog as a new means of expression, it is fast and convenient through the network platform to express their feelings, promptly and effectively communicate with others easily. Its spread not only emotional, but also includes a lot of wisdom, insights and ideas, in a sense, it is also a new cultural phenomenon. Blog you can use to easily express their ideas, publish their own experiences, large to your personal views on national affairs, small enough to live in your line of diet food carefully. Through the blog can be your personal work process, life stories, Thoughts,, flashes of inspiration so promptly recorded and released to play your own unlimited expressiveness; can also make friends through literature, meet friends, and together, in-depth communication.
Analysis of a large demand in the system, based on the comprehensive study of the advantages and disadvantages of multiple blog systems, combined with the current mainstream technology, development and design of the blog system based on ASP.NET. This paper analyzes the objective of the system, system analysis, system design, system implementation and project innovation points.Web site implementation features:
Site features implemented:
1．the mood module function implementation 2．the log module function implementation 3．the photo module function implementation 4． the message functions to achieve
The innovation of the system (or key) include the following: 1．The use of Ajax technology to achieve partial refresh front page.
2．using ASP.NET custom control technology to realize the album batch upload function.
3．the use of third party plug-ins to achieve jQuery navigation function hierarchical background management module.
Key words: ASP.NET; Ajax; jQuery; SQL Server2005; Personal blog
II
目录
1 绪论.............................................................. 1
1.1研究的意义和背景 ............................................................................................................. 1
1.2研究的内容和方法 ............................................................................................................. 1 1.3研究的现状 ......................................................................................................................... 1
2 需求分析.......................................................... 2
2.1 技术可行性分析 ................................................................................................................ 2 2.2 总体结构分析 .................................................................................................................... 2 2.3 业务逻辑分析 .................................................................................................................... 2
3 系统设计.......................................................... 4
3.1 总体设计 ............................................................................................................................ 4 3.2业务逻辑设计 ..................................................................................................................... 4 3.3 界面设计 ............................................................................................................................ 5 3.4 数据库设计 ........................................................................................................................ 6
4 系统实现.......................................................... 7
4.1 网站的首页的展示 ............................................................................................................ 7 4.2 会员登录 ............................................................................................................................ 7 4.3 编辑日志 ............................................................................................................................ 8 4.4 创建相册 ............................................................................................................................ 8 4.5 上传照片实现 .................................................................................................................... 8 4.6 后台的登录功能实现 ........................................................................................................ 8
5 系统测试.......................................................... 9
5.1 前台系统测试 .................................................................................................................... 9 5.2 后台系统测试 .................................................................................................................... 9
6 关键技术应用..................................................... 10
6.1 FileUpload控件 ................................................................................................................ 10 6.2 treeview控件 .................................................................................................................... 11
7 总结............................................................. 12 致谢............................................................... 13 参考文献........................................................... 14
III
南京交通职业技术学院
1 绪论
1.1研究的意义和背景
近几年来，博客及博客文化正成为互联网的热点，并被视为继e－mail、bbs和icq之后出现的第四种网络交流方式。
在网络上发表Blog的构想始于1998年，但到了2000年才真正开始流行。直到2004年木子美事件，才让中国民众了解到了博客，并运用博客。2005年，国内各门户网站，如新浪、搜狐，原不看好博客业务，也加入博客阵营。起初，Bloggers将其每天浏览网站的心得和意见记录下来，并予以公开，来给其他人参考和遵循。目前网络上数以千计的Bloggers发表和张贴Blog的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也逐渐被应用在企业内部网络（Intranet）。
博客正在改变社会交流方式。目前，全球参与博客的人数已经达到千万之众，而且每几秒钟，都有一名新的博客用户加盟进来。
本系统根据现实的情况以及博客互动性的特点进行设计开发，旨在为用户提供一个交流的平台，促进用户间的深度沟通；并根据博客共享性的特点，促进用户之间的知识交流，使其成为一个学习的园地。 1.2研究的内容和方法 1.3研究的现状
1
南京交通职业技术学院
2 需求分析
2.1 技术可行性分析
（1）ASP.NET
ASP.NET是统一的Web应用程序平台，它提供了为建立和部署企业级Web应用程序所必需的服务。它能够面向任何浏览器。ASP.NET是Microsoft .NET Framework的一部分，是一种可以在高度分布的Internet环境中简化应用程序开发的计算环境。.NET Framework包含公共语言运行库，它提供了各种核心服务，如内存管理、线程管理和代码安全。它也包含.NET Framework类库，这是一个开发人员用于创建应用程序的综合的、面向对象的类型集合。
（2） Ajax （3）jQuery （4）SQL Server 2.2 总体结构分析
系统是采用B/S(BROWSER/SERVER)结构，实现个人博客信息化管理。博客系统的优势在于系统简单，突出个性，及时更新文章，发表心情，与博友共享自己的心得，扩大信息传播。B/S模式通过Internet 进行通信，可以不受地域的限制，但缺点是在大量数据处理的过程中，速度较慢。由于系统数据的实时性要求并不高，因此采用B/S结构比较合理。 2.3 业务逻辑分析
1、前台页面展示：包括最新日志的展示、最新心情展示、图片展示等功能，如图1-1所示：
2
南京交通职业技术学院
个人博客系统网站-----前台展示
用户列表
会员登录注册
日志展示
最新心情展示
相册展示 创建相册
上传照片 发表心情
编辑日志
留言 功能
图1-1 前台功能展示
2、后台管理模块：普通会员管理：包括心情管理，日志管理，相册管理，留言簿管理等功能；超级管理员包括用户管理。如图1-2所示：
个人博客系统 | 后台管理
会员登录
相 册 管 理
增、删、改、查
日 志 管 理
增、删、改、查
心 情 管 理
增、删、改、查
超级管理员
用 户 管 理
增、删、改、查
留 言 管 理 增、删、改、查
图1-2 后台功能管理图
3
南京交通职业技术学院
3 系统设计
3.1 总体设计
系统采用B/S架构，为了提高项目的开发效率，设计模式采用分层架构的简单工厂模式进行。主要的层次包括：模型层、数据访问层、业务逻辑层、表示层。如图：系统总体架构图，如图3-1所示。
表示层（WebUI） 业务逻辑层（BLL） 数据库访问层（DAL） 模 型 层 model SqlServer
图3-1 系统总体架构图
3.2业务逻辑设计
（1）日志模块
日志用于会员发表自己的所见所闻所感或者是对一些国家政事、家庭小事的见解和看法，也用于发表个人喜好等。未注册登录用户（游客）可以进入博客访问他人的日志，且评论日志，用关键字进行查询。注册会员登录可以编辑日志，修改日志，删除日志。
（2）相册模块
4
南京交通职业技术学院
相册用于会员上传一些健康有益的照片。游客可以进入博客访问他人的相册，查看相册里的照片。会员可以创建的相册，在不同的相册中上传自己喜爱的图片，也可以删除照片，修改相册，删除相册。
（3）留言模板块
留言板用于访友给访问的会员留言。会员有权限删除留言。 （4）后台管理模块
➢ 日志管理：可以修改日志，删除日志 ➢ 心情管理：删除心情
➢ 相册管理：修改相册，删除相册 ➢ 留言管理：删除留言
➢ 用户管理：修改用户，删除用户，新增用户 3.3 界面设计
主要采用DIV+CSS布局的方式来对整个系统的页面进行布局，利用photo shop对背景图片进行处理，网站有良好的视觉效果，突出博客的随性自由的概念，以蓝色作为主色调，导航重点栏目进显突出，整体感觉整洁大方、但不散乱。而且操作简单快捷，系统稳定安全并且符合常用软件的界面设置，容易学习、掌握。
图3-2 首页原型设计图
5
南京交通职业技术学院
3.4 数据库设计
设计数据库，首先对一个数据库而言，如果数据组织得当，就能够把数据库设计的相当灵活，可以用很多方法组合和提供信息。合理的数据库设计可以使数据库的使用效率提高、便于进一步扩展、应用程序的开发更容易。
数据库全名myBlog,表汇总如表3-1所示：
表3-1 数据库汇总表
编号 表名 Users Articles Comments Say SayComment Album Message Photo 说明 用户信息表 日志信息表 日志评论表 心情信息表 心情评论表 相册信息表 留言信息表 照片信息表 功能说明 存储用户信息 存储日志信息 存储日志评论信息 存储心情信息 存储心情评论信息 存储相册信息 存储留言信息 存储照片信息 1 2 3 4 5 6 7 8 表3-2用户信息表
表名 列名 Id LoginId LoginPwd Name QQ Mail 中文含义 序号 登录账号 登录密码 姓名 QQ号码 e-mail账号 类型 int nvarchar nvarchar nvarchar nvarchar nvarchar 精度 4 50 50 50 50 50 Users 约束 非空 备注 主键，自动增长1 6
南京交通职业技术学院
4 系统实现
本系统所有页面框架主要采用DIV+CSS布局的方式，网站首页包含日志、
心情、最新照片的展示和查看功能，会员可以及时更新日志和心情，上传想和大家分享的照片，可以给博友留言，对博友的日志和心情进行评论。 4.1 网站的首页的展示
网站首页设计注重有良好的视觉效果，以蓝色作为主色调，导航重点栏目
进显突出，整体感觉喜庆大方、但不散乱，而且操作简单快捷。首页主要展示的是用户列表，通过用户账号可以链接到该用户的个人中心，查看心情、日志、相册，也可以给该用户留言。如图4-1所示：
图4-1网站首页
4.2 会员登录
如不是会员，可以进行先注册，后登录。如图4-2所示：
7
南京交通职业技术学院
图4-2会员注册登录
4.3 编辑日志 4.4 创建相册 4.5 上传照片实现 4.6 后台的登录功能实现
8
南京交通职业技术学院
5 系统测试
5.1 前台日志模块测试
前台日志展示功能测试过程如表6-1所示。
表6-1 前台日志展示功能测试
编号 测试项 显示项目的前台首页面。 描述输入/操作 使用浏览器打开http://localhost:8088/myBlog。 点击导航栏中的“用002 用户登录。 户登录”跳转到登录界面，输入正确的用户名和密码。 点击添加新日志按钮，编辑并保存日志。 期望结果 显示前台首页内容。 能够跳转到“日志展示”页面并显示用户登录信息。 提示保存成功并能在日志列表中找到。 成功进入“日志展示”页面。 真实结果 正常显示前台首页面。 001 003 撰写日志。 5.2 后台管理模块测试
9
南京交通职业技术学院
6 关键技术应用
6.1 FileUpload控件
该控件在本系统中，主要用于上传照片到指定的相册中。主要实现过程：
protected void btnUpload_Click(object sender, EventArgs e) {
if (fuPhoto.PostedFile != null) {
string name = fuPhoto.PostedFile.FileName; //上载文件的文件名称 int imgSize = fuPhoto.PostedFile.ContentLength; //上载文件的大小 string extention = System.IO.Path.GetExtension(name);//获取图片扩展名 string newname = DateTime.Now.Year.ToString() + DateTime.Now.Month.ToString() + DateTime.Now.Day.ToString() +
DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString();
string imgPath = Server.MapPath(\"photo/\");//文件路径 string imgUrl = \"photo/\" + newname + extention;
if (extention == \".gif\" || extention == \".jpg\" || extention == \".GIF\" || extention == \".JPG\" || extention ==
\".PNG\" || extention == \".jpeg\") {
if (imgSize / 512000 < 1) {
fuPhoto.PostedFile.SaveAs(imgPath + newname + extention); // 保存上载文件的内容
Photo photo = new Photo();
photo.Title = this.txtTitle.Text.ToString();
photo.Description = this.txtDesc.Text.ToString();
photo.Album.Id = Convert.ToInt32(ddlAlbum.SelectedValue); photo.PhotoUrl = imgUrl;
photo.UploadTime = DateTime.Now;
if (PhotoManager.AddPhoto(photo) != null) {
ClientScript.RegisterStartupScript(this.GetType(), \"\\"\");
Response.Redirect(\"~/AlbumManager.aspx\");
10
南京交通职业技术学院
} } } } }
6.2 treeview控件
该控件在本系统中主要用于后台管理的导航功能，树形菜单结构层次清晰，易于管理。主要实现过程：
11
南京交通职业技术学院
7 总结
本文主要是对个人博客系统的需求做了详细的分析和研究。利用B/S 架构来开发，并利用了三层架构为基础的分层模式，使得项目的架构层次更加的清晰明了。
本系统主要实现了发表日志，及时更新心情，与大家分享照片，浏览博友的日志，也可以发表评论，及一些管理功能。本系统不仅能及时的把个人的所思所闻所见所想分享给大家，也能方便的得知他人的最新动态。
但是此网站还有不足之处，执行效率有待提高，页面的进一步美化，系统功能细节的进一步完善，功能点和页面流程还需要合理规划。
个人博客系统无论是在开发过程中，还是应用后的日常维护过程中，都需要进行严格的检测和维护，并时时进行维护和解决系统出现的问题。
12
南京交通职业技术学院
致谢
首先我要感谢我的指导老师张老师，班主任周老师，还有其他几位任课老师，是他们通过严格的执教，让我在两年半的时间里掌握了软件开发的知识。在毕业设计软件开发的过程中，张老师对我做了精心的指导，他严谨的教学风格，踏实的工作作风，给我留下了深刻的印象。
在这里我也要感谢我的实习指导老师—刘经理，她实习阶段对我的言传身教使我能够在新的工作岗位上较快地成长。
另外，我还要感谢我的父母和同学，正是他们对我无私的支持和帮助使我能够克服各种困难顺利完成毕设任务！
13
南京交通职业技术学院
参考文献
[1]木林森《C#和ASP.NET程序设计教程》清华大学 2008 [2]吴涛 网站全程设计技术（修订本）
[3]石志国李颖 ASP程序设计 北京： 清华大学出版社 2008 [4]Sanjeev Rohilla, Senthil Nathan著
[5]丁晟春 王曰芬《网站新闻发布管理系统的设计与应用》 [6]翁健红《基于C#的ASP.NET程序设计》机械工业出版社 2007
[7]常永英《ASP.NET程序设计教程(C#版)/21世纪高等院校计算机教材系列》
机械工业出版社 2009
[8]崔淼 马润成 等《ASP.NET程序设计教程(C#版)上机指导与习题解答》机械
工业出版社 2008
[9]沈阳 李勇敢《ASP.NET程序设计教程.电子工业出版社》 2007
[10]孙践知 等编著《网络程序设计案例教程——ASP.NET+SQL Server（C#实现）
（高等学校教材·计算机应用）》清华大学出版社,2008
[11]张恒 廖志芳 刘艳丽 编著《ASP.NET网络程序设计教程》人民邮电出版社
2009
[12]谢维成《SQL Server 2005实例精讲》清华大学出版社 2008
[13]北京阿博泰克北大青鸟信息技术有限公司《项目实战》北京:科学技术文献
出版社 2008
[14]北京阿博泰克北大青鸟信息技术有限公司《SQL Server应用开发》北京:
科学技术文献出版社 2007
[15]北京阿博泰克北大青鸟信息技术有限公司《.Net平台和C#编程》北京:科
学技术文献出版社 2008
14
因篇幅问题不能全部显示，请点此查看更多更全内容