基于ASP.net的个人博客系统的设计与实现

毕 业 设 计设计题目： 基于ASP.NET的个人博客系统的设计与实现 专业名称： 软件技术 基于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；个人博客注：摘要内容要简明扼要，主要是对论文的概要描述，相当于论文的提纲，关键字最多不要超过5个。摘要可以分为三部分来写：1. 论文概要描述（系统描述、论文结构和重点）。2. 系统模块划分。3.关键技术说明。 Design and implementation of personal blog system based on ASP.NETAbstractA 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:1the mood module function implementation 2the log module function implementation3the photo module function implementation 4 the message functions to achieve The innovation of the system(orkey)include the following:1The use of Ajax technology to achievepartial refreshfrontpage.2using ASP.NETcustom controltechnology to realize thealbum batchupload function.3the use ofthird partyplug-ins to achieve jQuerynavigationfunctionhierarchicalbackground management module.Key words: ASP.NET; Ajax; jQuery; SQL Server2005; Personal blog目录1 绪论11.1研究的意义和背景11.2研究的内容和方法11.3研究的现状12 需求分析22.1 技术可行性分析22.2 总体结构分析22.3 业务逻辑分析23 系统设计43.1 总体设计43.2业务逻辑设计43.3 界面设计53.4 数据库设计64 系统实现74.1 网站的首页的展示74.2 会员登录74.3 编辑日志84.4 创建相册84.5 上传照片实现84.6 后台的登录功能实现85 系统测试95.1 前台系统测试95.2 后台系统测试96 关键技术应用106.1 FileUpload控件106.2 treeview控件117 总结12致谢13参考文献14III1 绪论1.1研究的意义和背景近几年来，博客及博客文化正成为互联网的热点，并被视为继email、bbs和icq之后出现的第四种网络交流方式。在网络上发表Blog的构想始于1998年，但到了2000年才真正开始流行。直到2004年木子美事件，才让中国民众了解到了博客，并运用博客。2005年，国内各门户网站，如新浪、搜狐，原不看好博客业务，也加入博客阵营。起初，Bloggers将其每天浏览网站的心得和意见记录下来，并予以公开，来给其他人参考和遵循。目前网络上数以千计的Bloggers发表和张贴Blog的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也逐渐被应用在企业内部网络（Intranet）。 博客正在改变社会交流方式。目前，全球参与博客的人数已经达到千万之众，而且每几秒钟，都有一名新的博客用户加盟进来。本系统根据现实的情况以及博客互动性的特点进行设计开发，旨在为用户提供一个交流的平台，促进用户间的深度沟通；并根据博客共享性的特点，促进用户之间的知识交流，使其成为一个学习的园地。1.2研究的内容和方法1.3研究的现状2 需求分析2.1 技术可行性分析（1）ASP.NETASP.NET是统一的Web应用程序平台，它提供了为建立和部署企业级Web应用程序所必需的服务。它能够面向任何浏览器。ASP.NET是Microsoft .NET Framework的一部分，是一种可以在高度分布的Internet环境中简化应用程序开发的计算环境。.NET Framework包含公共语言运行库，它提供了各种核心服务，如内存管理、线程管理和代码安全。它也包含.NET Framework类库，这是一个开发人员用于创建应用程序的综合的、面向对象的类型集合。 （2） Ajax（3）jQuery（4）SQL Server2.2 总体结构分析系统是采用B/S(BROWSER/SERVER)结构，实现个人博客信息化管理。博客系统的优势在于系统简单，突出个性，及时更新文章，发表心情，与博友共享自己的心得，扩大信息传播。B/S模式通过Internet 进行通信，可以不受地域的限制，但缺点是在大量数据处理的过程中，速度较慢。由于系统数据的实时性要求并不高，因此采用B/S结构比较合理。2.3 业务逻辑分析1、前台页面展示：包括最新日志的展示、最新心情展示、图片展示等功能，如图1-1所示：个人博客系统网站-前台展示 会员登录注册日志展示最新心情展示相册展示创建相册上传照片发表心情编辑日志留言功能用户列表图1-1 前台功能展示个人博客系统 |后台管理用 户 管 理心 情 管 理日 志 管 理增、删、改、查增、删、改、查增、删、改、查相 册 管 理留 言 管 理超级管理员增、删、改、查会员登录增、删、改、查2、后台管理模块：普通会员管理：包括心情管理，日志管理，相册管理，留言簿管理等功能；超级管理员包括用户管理。如图1-2所示：图1-2 后台功能管理图3 系统设计3.1 总体设计系统采用B/S架构，为了提高项目的开发效率，设计模式采用分层架构的简单工厂模式进行。主要的层次包括：模型层、数据访问层、业务逻辑层、表示层。如图：系统总体架构图，如图3-1所示。 模型 层SqlServer表示层（WebUI）业务逻辑层（BLL）数据库访问层（DAL）model图3-1 系统总体架构图3.2业务逻辑设计（1）日志模块日志用于会员发表自己的所见所闻所感或者是对一些国家政事、家庭小事的见解和看法，也用于发表个人喜好等。未注册登录用户（游客）可以进入博客访问他人的日志，且评论日志，用关键字进行查询。注册会员登录可以编辑日志，修改日志，删除日志。（2）相册模块相册用于会员上传一些健康有益的照片。游客可以进入博客访问他人的相册，查看相册里的照片。会员可以创建的相册，在不同的相册中上传自己喜爱的图片，也可以删除照片，修改相册，删除相册。（3）留言模板块留言板用于访友给访问的会员留言。会员有权限删除留言。（4）后台管理模块 日志管理：可以修改日志，删除日志 心情管理：删除心情 相册管理：修改相册，删除相册 留言管理：删除留言 用户管理：修改用户，删除用户，新增用户3.3 界面设计主要采用DIV+CSS布局的方式来对整个系统的页面进行布局，利用photo shop对背景图片进行处理，网站有良好的视觉效果，突出博客的随性自由的概念，以蓝色作为主色调，导航重点栏目进显突出，整体感觉整洁大方、但不散乱。而且操作简单快捷，系统稳定安全并且符合常用软件的界面设置，容易学习、掌握。图3-2 首页原型设计图3.4 数据库设计设计数据库，首先对一个数据库而言，如果数据组织得当，就能够把数据库设计的相当灵活，可以用很多方法组合和提供信息。合理的数据库设计可以使数据库的使用效率提高、便于进一步扩展、应用程序的开发更容易。数据库全名myBlog,表汇总如表3-1所示：表3-1 数据库汇总表编号表名说明功能说明1Users用户信息表存储用户信息2Articles日志信息表存储日志信息3Comments日志评论表存储日志评论信息4Say心情信息表存储心情信息5SayComment心情评论表存储心情评论信息6Album相册信息表存储相册信息7Message留言信息表存储留言信息8Photo照片信息表存储照片信息表3-2用户信息表表名Users列名中文含义类型精度约束备注Id序号int4非空主键，自动增长1LoginId登录账号nvarchar50LoginPwd登录密码nvarchar50Name姓名nvarchar50QQQQ号码nvarchar50Maile-mail账号nvarchar504 系统实现本系统所有页面框架主要采用DIV+CSS布局的方式，网站首页包含日志、心情、最新照片的展示和查看功能，会员可以及时更新日志和心情，上传想和大家分享的照片，可以给博友留言，对博友的日志和心情进行评论。4.1 网站的首页的展示网站首页设计注重有良好的视觉效果，以蓝色作为主色调，导航重点栏目进显突出，整体感觉喜庆大方、但不散乱，而且操作简单快捷。首页主要展示的是用户列表，通过用户账号可以链接到该用户的个人中心，查看心情、日志、相册，也可以给该用户留言。如图4-1所示：图4-1网站首页4.2 会员登录如不是会员，可以进行先注册，后登录。如图4-2所示：图4-2会员注册登录4.3 编辑日志4.4 创建相册4.5 上传照片实现4.6 后台的登录功能实现5 系统测试5.1 前台日志模块测试前台日志展示功能测试过程如表6-1所示。表6-1 前台日志展示功能测试编号测试项描述输入/操作期望结果真实结果001显示项目的前台首页面。使用浏览器打开http:/localhost:8088/myBlog。显示前台首页内容。正常显示前台首页面。002用户登录。点击导航栏中的“用户登录”跳转到登录界面，输入正确的用户名和密码。能够跳转到“日志展示”页面并显示用户登录信息。成功进入“日志展示”页面。003撰写日志。点击添加新日志按钮，编辑并保存日志。提示保存成功并能在日志列表中找到。5.2 后台管理模块测试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(), , alert(上传图片成功！);); Response.Redirect(/AlbumManager.aspx); 6.2 treeview控件该控件在本系统中主要用于后台管理的导航功能，树形菜单结构层次清晰，易于管理。主要实现过程： 7 总结本文主要是对个人博客系统的需求做了详细的分析和研究。利用B/S 架构来开发，并利用了三层架构为基础的分层模式，使得项目的架构层次更加的清晰明了。本系统主要实现了发表日志，及时更新心情，与大家分享照片，浏览博友的日志，也可以发表评论，及一些管理功能。本系统不仅能及时的把个人的所思所闻所见所想分享给大家，也能方便的得知他人的最新动态。但是此网站还有不足之处，执行效率有待提高，页面的进一步美化，系统功能细节的进一步完善，功能点和页面流程还需要合理规划。个人博客系统无论是在开发过程中，还是应用后的日常维护过程中，都需要进行严格的检测和维护，并时时进行维护和解决系统出现的问题