基于html5的个人博客网站的设计

在21世纪飞速发展的今天，各行各业争先恐后、奋勇向前。随着移动电信行业相继推出的3G、4G得到了良好的发展，电子移动终端行业所推出的移动化设备也欣欣向荣。现在又将即进入5G时代，在移动互联网方面，使用手机、平板浏览网页的用户呈爆发式的增长。传统的Web网页也无法更好的兼容新兴的电子设备，那么IT技术人设计的网页要想兼容更多的移动化设备将面临很大的挑战。

本毕业设计课题的名称是基于jsp+h5实现个人博客网站的设计。本课题需要采用html5+css3自适应布局，通过响应式实现网页，让其能够在不同的设备、不同屏幕尺寸(屏幕分辨率)下友好的呈现。本课题设计的宗旨是将个人的博客主页做成响应式的网站，无论任何人在任何时候，在任何终端上访问，网页都会根据客户终端设备的屏幕尺寸(分辨率)自动调整为合适的比例，使关注自己的用户在访问博客主页的时候都有一个非常完美的体验。

当今，越来越多的人们会使用手机或平板电脑来浏览网页，不论是通过App访问还是通过Wap访问，都需要有一个良好的体验。但当今的移动设备大约有两百多种不同的屏幕尺寸。如果针对每种屏幕尺寸开发一款基于iOS或者Android的APP来展示自己的博客，未免太浪费资源，所以本课题设计的价值就在于html5与css3相结合的自适应布局。

个人博客网站采用jsp作为编程语言，使用html5+css3作网页html与样式编写，使用ms sql server2008作为数据库。其业务功能包含两部分，分别是前台和后台。以下是本网站的功能模块介绍：

1、前台功能

前台所使用的用户是匿名访客或其它博友，其主要是对个人的资料、日志、相册、音乐、文章等模块的内容进行展示。主要功能是能够使访客对前述模块的浏览和评论。同时，前台还能够提供管理员登录入口。

2、后台功能

后台主要分为以下几个模块：管理员登入登出模块、个人资料管理模块、日志管理模块、相册管理模块、文章管理模块、属性管理模块。
1）管理员登入登出模块实现了管理员登录和用户退出两项功能，保证了管理员安全保密的身份验证。

2）个人资料管理模块，用户可以在此模块编辑个人资料和进行系统设置。

3）日志管理模块，用户可以在此模块对日志进行发表，可浏览、查看、删除等。

4）相册管理模块，在此可以建立多种多样的相册，并对相册进行增加、修改、删除、查看等功能操作。同时，在相册下，可任意上传照片，并对照片进行增删改查等功能，还可以设置相册封面、推荐等。

5）在文章管理模块中，管理员用户对文章的添加、浏览、删除和彻底删除功能。

6）在属性管理模块中，用户可以对文章的属性进行管理，可以对文章增加精华、推荐、置顶属性,也可以对文章进行分类，并且可以添加或删除分类。

系统所采用的数据库是sql server，该数据库操作简便、功能强大，能支持海量数据量的存储与访问，数据存取效率高。本网站系统所包含的数据库表大致如下：用户表、个人资料表、文章类型表、文章表、相册表、相片信息表、日志表、文章属性表、日志表等，表间关系 基本采用了主从关系的设计，使数据产生了良好的关联。