admin管理员组

文章数量:1538788

2024年5月24日发(作者：)

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

摘 要

随着互联网技术的不断发展，人社会越来越离不开对互联网的运用。互联网的技术不是

漫无目的的发展，而是根据人类社会的需求指引了方向。HTML5与Blog的孕育而生就是源

于人类社会的需求而出现的互联网技术。

HTML5是HTML下一个主要的修订版本，现在仍处于发展阶段。目标是取代1999年所

制定的HTML 4.01和XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标准达

到符合当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript

在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA，如

Adobe Flash、Microsoft Silverlight，与Oracle Java FX的需求，并且提供更多能有效增强网络

应用的标准集。HTML5是新兴的Web开发技术，其拥有良好的语义化标签，搭配最新CSS3

可以展现出无与伦比的显示效果。支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其

更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及

基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、

QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

随着计算机的发展和普及，博客得到了极大的发展。博客是Blog的音译，Blog是

Weblog(网络日志)的简称。Blog是即E-mail、BBS、ICQ之后的第四种网络交流方式。它以

个人为中心传播出版有影响力的消息、新闻、事件等，鲜明的个人特色引人瞩目，它以独特

的视角、敏锐的观察力，不断的冲击传统媒体。

本文结合和HTML5技术，SQL Server 2005作为数据库，实现了动态个人博客

网站及其管理，使得博客的展示更完美，管理更便捷。

【关键词】Blog C# SQL Server HTML5 CSS3

-I-

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

ABSTRACT

With the continuous development of Internet technology, human society is increasingly

inseparable from the use of the Internet. Internet technology is not aimlessly development and

guiding direction but according to the needs of human society. The HTML5 Blog gestation born

was a result of the needs of human society, the emergence of the Internet technology.

HTML5 is the the HTML next major revision, it is still in the development stage. The goal is

to replace enacted in 1999 for HTML 4.01 and XHTML 1.0 standards, with a view to the rapid

development of Internet applications, the network standard to meet our contemporary network

needs. Generalized address HTML5, actually refers to the combination of a set of technologies,

including HTML, CSS and JavaScript. It hopes to be able to reduce the browser plug the richness of

network application services RIA, such as Adobe Flash, Microsoft Silverlight, and Oracle JavaFX's

needs, and provide more effective enhanced network applications the set of standards. HTML5 is a

new web development technology, it has a good semantic tags, with the latest CSS3 display can

show unparalleled. Support HTML5 browsers, including Firefox (Firefox), IE9 and its later,

Chrome (Google Chrome), Safari, Opera, etc.; Maxthon browser (Maxthon), and based on IE or

Chromium (Chrome worksversion, or the experimental version) has launched a 360 browser, Sogou

browser, QQ browser, cheetah browser domestic browser also have the ability to support HTML5.

Along with computer's development and the popularization, Blog obtained the enormous

development. Blog is Weblog (network diary) abbreviation. After Blog is E-mail, BBS, the ICQ

fourth network exchange way. It take has the influence news, the news, the event personally as the

central dissemination publication and so on, the bright individual characteristic is conspicuous, it by

unique angle of view, keen power of observation, unceasing impact tradition media.

In this paper, and HTML5 technology, SQLServer 2005 as the database to achieve a

dynamic personal blog site and its management, makes the blog show more perfect management

more convenient.

【Key words】Blog C# SQL Server HTML5 CSS3

-II-

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

目 录

前 言 ................................................................................................................................................ 1

第一章 博客系统项目概述 ................................................................................................................ 2

第一节 系统开发背景 .................................................................................................................... 2

第二节 课题研究意义 .................................................................................................................... 2

第三节 博客发展趋势 .................................................................................................................... 3

第二章 开发环境概述 ........................................................................................................................ 4

第一节 HTML5简介 ..................................................................................................................... 4

第二节 CSS3简介.......................................................................................................................... 5

第三节 ............................................................................................................................ 8

第三章 系统分析与设计 .................................................................................................................. 12

第一节 系统概括 .......................................................................................................................... 12

第二节 系统用例图 ...................................................................................................................... 12

第三节 系统功能需求 .................................................................................................................. 14

第四章 数据库设计 .......................................................................................................................... 17

第一节 数据库E -R图 ................................................................................................................ 17

第二节 数据库表设计 .................................................................................................................. 20

第二节 数据库完整性和安全性 .................................................................................................. 23

第五章 系统设计与实现 .................................................................................................................. 24

第一节 后台功能功能模块详细设计 .......................................................................................... 24

第二节 前台功能功能模块详细设计 .......................................................................................... 29

第六章 系统测试 .............................................................................................................................. 32

第一节 测试方法 .......................................................................................................................... 32

第二节 测试过程 .......................................................................................................................... 32

结 论 ................................................................................................................................................ 34

参考文献 ............................................................................................................................................ 36

附 录 ................................................................................................................................................ 37

源程序 ............................................................................................................................................ 46

-III-

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

前 言

本论文设计的作品博客系统是基于HTML5和CSS3技术在.NET平台上设计与开发的。

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，

现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。CSS即层叠样式表

（Cascading Stylesheet）。 在网页制作时采用CSS技术，可以有效地对页面的布局、字体、

颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以

改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版

本，CSS3语言开发是朝着模块化发展的。

本设计的目的是开发一个博客系统来支持个人或小团体使用，而不能作为大规模的应用，

将来可以改进成为每个人都有自己固定的主页，而且自己可以管理自己的主页，包括博客，

分类，样式等功能。

随着网络技术的日渐成熟，网络博客系统近几年更是成为各类网民不可或缺的展示自我

表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。

-1-

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

第一章 博客系统项目概述

第一节 系统开发背景

互联网技术的不断发展和计算机性能的不断提升，用户享受互联网的方式也开始不断的

变化，越来越多的应用可以直接以浏览器打开的方式使用，数据则是存储在云端，更加的安

全可靠，方便用户共享数据。在各种应用不断的趋于更加网络化的同时，一种新的技术标准

也随之产生，那就是HTML5（HTML是一种标记语言也是一种标准，互联网开发居于此）。

HTML5是近十年来Web（互联网）标准最巨大的飞跃，和以前的版本不同。HTML5并非仅

仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、

音频、图像和动画，以及同电脑的交互都被标准化。也就是说HTML5是通过开放的技术和

标准来实现一个无插件模式的富客户端，这个客户端可以在蒋动终端、PC（个人计算机）或

者其他可以宥网络的地方轻松的运行。

博客从进入中国的这十几年里得到了极大的发展。博客是一种新的生活方式、新的工作

方式、新的学习方式和交流方式，虽然受到微博的冲击，但是博客也是人们发表自己动态最

全面，最可靠，信息量最大的平台。

第二节 课题研究意义

随着互联网的不断发展，互联网对人们的生活也在不断地变化和加强，人们渐渐地已经

开始习惯于互联网所带来的各类服务与应用，并且享受着它带来的便利和丰富。当然随着互

联网的基础用户和开发者不断增多，人们不断地去创造和完普它的速度也越来越快，无论从

技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用

和新的公司不断地挑战着新的技术和新的模式，由于整个行业存在创业成本很低、技术成本

门槛却较高等特点，大公司也不断地推动着新的技术，基于此来创建一定的技术壁垒，同时

基于此建立全新的服务和技术。但是毕竟整个互联网是一个开放的环境，大家需要一种标准。

而不是一家独大的竞争下去，这样就一定会失去民心，所以HTML5这种更加新的标准和技

术体系在不断地革新中发展壮大。HTML5是近十年来Web标准最巨大的飞跃，和以前的版

本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，

在这个平台上，视频，音频、图象和动画，以及同电脑的交互都被标准化。尽管HTML5的

-2-

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

实现还有很长的路要走，但HTML5正在改变Web。另外，目前的互联网不仅仅是传统意义

上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可能通过手机、

平板电脑等各类移动设备来获取信息和使用更加丰富的应用，如物理位置定位信息等新的数

据采集和多点触控、重力感应等新的交互方式的应用，未来必将也会改变人们生活的方方面

面。

HTML5中也加入了以上各类新的元素和功能，同时也考虑到了非健全人事使用互联网时

可能带来的问题，所以，研究HTML5这种技术体系来尝试做一些应用是一个千载难逢的机

遇，而基于这个变革的年代去使用类似的技术来创造更多新的应用更是能够改变这个世界的

一次机会。

博客作为一种新的生活方式、新的工作方式和新的学习方式已经被越来越多的人所接受，

并且在改变传统的网络和社会结构。它使交流和沟通更有明确的选择和方向性；单一的思想

和群体的智慧结合变得更加有效；个人出版变成人人都可以实现的梦想。博客正在影响和改

变着我们的生活。博客是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松

地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。

将HTML5与博客结合，是一次全新的挑战，可以让博客的展现方式更加丰富。

第三节 博客发展趋势

近年来，以Internet为核心的现代网络技术和通信技术已经得到了飞速的发展和广泛的应

用，各种网络交流互动工具也应运而生。其中以论坛、博客、社区、空间等最为受广大网民

朋友的欢迎，也是目前为止发展的比较成熟的信息交流工具。随着网络技术的日渐成熟，网

络博客系统在近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的

功能良好的互动性在很大程度上满足了广大网民的需求。从互联网的兴起到现在，网民由上

网浏览网络文章和查找资料以及上论坛发帖子，发展到建网站、建个人网站论坛主页，再发

展成现在的建博客，一路走来，网民在网络一直打拼着建造着一个属于自己的地盘，在我国，

已经有十几万个博客网站，博客数量达到100多万个，并且呈现40%的年增长进度。不知从

何时起，建博客、写博客成为了众多网民网络生活的重要组成部分，与网络聊天成了并驾齐

驱的热点，共同成为网民上网最关心的事情。因此，如何快速高效地为客户构建一个能满足

其不同需求的博客系统，成为了当前网络技术人员应深入研究的课题。

-3-

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

第二章 开发环境概述

第一节 HTML5简介

HTML5 是HTML 下一个的主要修订版本，现在仍处于发展阶段。目标是取代1999 年

所定订的HTML 4.01 和XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标

准达到符合当代的网络需求。广义论及HTML5 时，实际指的是包括HTML、CSS 和JavaScript

在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA，如

Adobe Flash（Adobe 公司的一种技术体系，使用Actionscript语言，开发后生成的程序以插

件形式在浏览器端运行）、Microsoft Silverlight（微软公司的一种技术，同样是以插件形式在

浏览器端运行），与Oracle Java FX（基于Java 的一种技术，SUN 公司被Oracles 收购后归

于Oracle 公司，以插件形式在浏览器端运行）的需求，并且提供更多能有效增强网络应用的

标准集。

HTML5 添加了许多新的语法特征，其中包括

（

新加入的矢量图形实现方式）内容。这些元素是为了更容易的在网页中添加和处理多媒体和

图片内容而添加的。其它新的元素包括

，
，
和