毕业设计-基于JAVA的个人博客系统的设计与实现下载_计算机_论文_学海网
您现在正在浏览：&>&&>&&>&毕业设计-基于JAVA的个人博客系统的设计与实现
毕业设计-基于JAVA的个人博客系统的设计与实现
毕业设计-基于JAVA的个人博客系统的设计与实现，共26页，11000字，附源代码、任务书、开题报告等
主要内容：
Blog就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。在网络上发表Blog的构想始于1998年，但到了2000年才开始真正流行；不过，由于沟通方式比电子邮件、讨论群组更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也逐渐被应用在企业内部网络。
目前，BSP商家风起云涌，已有数十家大型博客站点。开发一个为广大用户发表个人想法的空间，随时可以记录自己的想法并且可以通过博文与其他人实现交流。博客永远是共享与分享精神的体现，博客不等同于私人日记,其概念和影响远大于日记。它不仅要记录关于自己的点点滴滴,还注重它提供的内容能帮助到别人。本设计的开发工具是MyEclipse、JSP和MySql数据库，能够实现博文管理、相册管理、个人资料设置等功能模块，力求实现界面友好、设计合理、功能完善的目标。
主要要求：
1. 认真收集整理资料，能够阅读一定数量的英中文参考文献。
2. 积极思考，具备的分析和解决问题，较强的动手能力和自学能力。
3. 具备相关软硬件工具，如个人电脑、相关软件等。
4．对毕业论文非常重视，能合理有效的安排时间。
5．有一定的表达能力和写作能力。
6. 系统界面简洁、操作方便、实用性强、稳定性高便于管理
摘要：博客信息管理系统致力于为广大用户提供优质的互动交流平台,提高网站的知名度和访问量，从而获得为企业提供更多产品介绍及展示的机会，提升自己网站的价值。为了满足博客信息管理系统的要求，实现系统静态与动态页面的相互分离，系统采用JSP+Struts1和MySQL数据库相结合的开发模式。论文首先论述了系统的开发背景和设计目标，并对系统开发所采用的技术进行相应的简单介绍。在系统分析中，对系统的模型进行简单分析，明确系统的操作流程，并对系统进行可行性分析，确定在目前的条件下，开发博客信息管理系统是可行的。在需求分析结果的基础上，对系统的功能模块进行划分。接着对系统中的数据库进行模型设计，包括数据流图、实体联系图及数据表结构。在系统的设计与实现中，确定系统的开发思想以及开发环境。最后给出了系统中模块的详细设计与实现，并对系统模块涉及到的关键源代码进行了详细的分析。经过调试运行后表明，系统可以满足用户创建个人博客的各项要求。
关键词:MVC；设计模式；知识共享；博客信息管理系统
2.开发技术和环境选择 1
2.1 基本技术方案 1
2.1.1 JAVA简介 1
2.1.2 WEB应用程序开发环境-JSP 1
2.1.3 Struts1概述 1
2.2 开发环境 1
2.2.1 软件环境 1
2.2.3 硬件环境需求 1
3.需求分析 1
3.1 系统目标 1
3.2 用户分析 1
3.3 系统的功能需求 1
3.4 系统的性能需求 1
3.5 系统的数据需求 1
3.5.1 数据需求特点 1
3.5.2 系统概念模型 1
4 概要设计 1
4.1 系统结构 1
4.2 主要功能设计 1
4.2.1 主要功能模块 1
4.2.2 用例图 1
4.2.3数据库设计 1
5.详细设计 1
5.1 主要功能页面设计 1
5.1.1首页设计 1
5.1.2博文管理页面 1
5.1.3相册管理页面 1
5.1.4个人资料管理页面 1
5.2主要功能实现代码 1
5.2.1 数据库连接处理 1
5.2.2 Struts框架配置功能实现 1
5.2.3 评论功能 1
5.2.4上传相片实现 1
6.系统测试 1
6.1 模块测试 1
6.2 整体测试 1
参考文献 1
资料文件预览
共2文件夹，13个文件，文件总大小：2.59MB，压缩后大小：2.43MB
毕业设计-基于JAVA的个人博客系统的设计与实现
1.博客选题审批表.doc&&[26.34KB]
2.任务书.docx&&[25.71KB]
3.开题论证审批表.docx&&[22.79KB]
4.开题论证记录.docx&&[17.83KB]
5.中期检查表.docx&&[18.89KB]
6.答辩记录.doc&&[35.00KB]
7工作情况表.doc&&[35.00KB]
毕业论文—银涛(初稿).docx&&[656.85KB]
毕业论文—银涛(修改稿).docx&&[609.61KB]
毕业论文—银涛(正稿).docx&&[552.49KB]
个人博客系统环境配置说明书.doc&&[22.50KB]
个人博客系统数据库设计.sql&&[2.64KB]
个人博客系统源代码.rar&&[626.86KB]
[ 下载 ]&&&&&（需要: <span style="color:#FF 个学海币）&&&&&
Q: 为什么我下载的文件打不开？
A: 本站所有资源如无特殊说明，解压密码都是www.xuehai.net，如果无法解压，请下载最新的软件。
Q: 我的学海币不多了，如何获取学海币？
A: 上传优质资源可以获取学海币，详细见。
Q: 为什么我下载不了,但学海币却被扣了？
A: 由于下载人数众多，下载服务器做了并发的限制。请稍后再试，48小时内多次下载不会重复扣学海币。
下载本文件意味着您已经同意遵守以下协议
1. 文件的所有权益归上传用户所有。
2. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
3. 学海网仅提供交流平台，并不能对任何下载内容负责。
4. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
5. 本站不保证提供的下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
论文相关下载
计算机论文下载排行榜
计算机论文最近更新您还可以使用以下方式登录
当前位置：&>&&>& > 【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现
博客系统的设计与实现 【毕业论文】基于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之后的第四种网络交流方式。它以个人为中心传播出版有影响力的消息、新闻、事件等，鲜明的个人特色引人瞩目，它以独特的视角、敏锐的观察力，不断的冲击传统媒体。本文结合ASP.NET和HTML5技术，SQL Server 2005作为数据库，实现了动态个人博客网站及其管理，使得博客的展示更完美，管理更便捷。 【关键词】Blog
SQL Server
CSS3 -I- ABSTRACTWith 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, ASP.NET 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
SQL Server
CSS3 -II- 目
................................................................................................................................................ 1第一章 博客系统项目概述 ................................................................................................................ 2第一节 系统开发背景 .................................................................................................................... 2第二节 课题研究意义 .................................................................................................................... 2第三节 博客发展趋势 .................................................................................................................... 3第二章 开发环境概述 ........................................................................................................................ 4第一节 HTML5简介 ..................................................................................................................... 4第二节 CSS3简介.......................................................................................................................... 5第三节 ASP.NET ............................................................................................................................ 8第三章 系统分析与设计 .................................................................................................................. 12第一节 系统概括 .......................................................................................................................... 12第二节 系统用例图 ...................................................................................................................... 12第三节 系统功能需求 .................................................................................................................. 14第四章 数据库设计 .......................................................................................................................... 17第一节 数据库E -R图 ................................................................................................................ 17第二节 数据库表设计 .................................................................................................................. 20第二节 数据库完整性和安全性 .................................................................................................. 23第五章 系统设计与实现 .................................................................................................................. 24第一节 后台功能功能模块详细设计 .......................................................................................... 24第二节 前台功能功能模块详细设计 .......................................................................................... 29第六章 系统测试 .............................................................................................................................. 32第一节 测试方法 .......................................................................................................................... 32第二节 测试过程 .......................................................................................................................... 32结
论 ................................................................................................................................................ 34参考文献 ............................................................................................................................................ 36附
录 ................................................................................................................................................ 37源程序 ............................................................................................................................................ 46-III-
言 本论文设计的作品博客系统是基于HTML5和CSS3技术在.NET平台上设计与开发的。HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。CSS即层叠样式表（Cascading Stylesheet）。 在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。本设计的目的是开发一个博客系统来支持个人或小团体使用，而不能作为大规模的应用，将来可以改进成为每个人都有自己固定的主页，而且自己可以管理自己的主页，包括博客，分类，样式等功能。随着网络技术的日渐成熟，网络博客系统近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。 -1-
博客系统项目概述 第一节
系统开发背景 互联网技术的不断发展和计算机性能的不断提升，用户享受互联网的方式也开始不断的变化，越来越多的应用可以直接以浏览器打开的方式使用，数据则是存储在云端，更加的安全可靠，方便用户共享数据。在各种应用不断的趋于更加网络化的同时，一种新的技术标准也随之产生，那就是HTML5（HTML是一种标记语言也是一种标准，互联网开发居于此）。HTML5是近十年来Web（互联网）标准最巨大的飞跃，和以前的版本不同。HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像和动画，以及同电脑的交互都被标准化。也就是说HTML5是通过开放的技术和标准来实现一个无插件模式的富客户端，这个客户端可以在蒋动终端、PC（个人计算机）或者其他可以宥网络的地方轻松的运行。博客从进入中国的这十几年里得到了极大的发展。博客是一种新的生活方式、新的工作方式、新的学习方式和交流方式，虽然受到微博的冲击，但是博客也是人们发表自己动态最全面，最可靠，信息量最大的平台。 第二节 课题研究意义 随着互联网的不断发展，互联网对人们的生活也在不断地变化和加强，人们渐渐地已经开始习惯于互联网所带来的各类服务与应用，并且享受着它带来的便利和丰富。当然随着互联网的基础用户和开发者不断增多，人们不断地去创造和完普它的速度也越来越快，无论从技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用和新的公司不断地挑战着新的技术和新的模式，由于整个行业存在创业成本很低、技术成本门槛却较高等特点，大公司也不断地推动着新的技术，基于此来创建一定的技术壁垒，同时基于此建立全新的服务和技术。但是毕竟整个互联网是一个开放的环境，大家需要一种标准。而不是一家独大的竞争下去，这样就一定会失去民心，所以HTML5这种更加新的标准和技术体系在不断地革新中发展壮大。HTML5是近十年来Web标准最巨大的飞跃，和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频，音频、图象和动画，以及同电脑的交互都被标准化。尽管HTML5的-2- 实现还有很长的路要走，但HTML5正在改变Web。另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可能通过手机、平板电脑等各类移动设备来获取信息和使用更加丰富的应用，如物理位置定位信息等新的数据采集和多点触控、重力感应等新的交互方式的应用，未来必将也会改变人们生活的方方面面。HTML5中也加入了以上各类新的元素和功能，同时也考虑到了非健全人事使用互联网时可能带来的问题，所以，研究HTML5这种技术体系来尝试做一些应用是一个千载难逢的机遇，而基于这个变革的年代去使用类似的技术来创造更多新的应用更是能够改变这个世界的一次机会。博客作为一种新的生活方式、新的工作方式和新的学习方式已经被越来越多的人所接受，并且在改变传统的网络和社会结构。它使交流和沟通更有明确的选择和方向性；单一的思想和群体的智慧结合变得更加有效；个人出版变成人人都可以实现的梦想。博客正在影响和改变着我们的生活。博客是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。将HTML5与博客结合，是一次全新的挑战，可以让博客的展现方式更加丰富。 第三节 博客发展趋势 近年来，以Internet为核心的现代网络技术和通信技术已经得到了飞速的发展和广泛的应用，各种网络交流互动工具也应运而生。其中以论坛、博客、社区、空间等最为受广大网民朋友的欢迎，也是目前为止发展的比较成熟的信息交流工具。随着网络技术的日渐成熟，网络博客系统在近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。从互联网的兴起到现在，网民由上网浏览网络文章和查找资料以及上论坛发帖子，发展到建网站、建个人网站论坛主页，再发展成现在的建博客，一路走来，网民在网络一直打拼着建造着一个属于自己的地盘，在我国，已经有十几万个博客网站，博客数量达到100多万个，并且呈现40%的年增长进度。不知从何时起，建博客、写博客成为了众多网民网络生活的重要组成部分，与网络聊天成了并驾齐驱的热点，共同成为网民上网最关心的事情。因此，如何快速高效地为客户构建一个能满足其不同需求的博客系统，成为了当前网络技术人员应深入研究的课题。 -3- 第二章
开发环境概述 第一节 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 添加了许多新的语法特征，其中包括&video&，&audio&，和&canvas&元素（&video&，&audio&，和&canvas&均为HTML5 中的新标记），同时集成了SVG（HTML5 中新加入的矢量图形实现方式）内容。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容而添加的。其它新的元素包括&section&，&article&，&header&和&nav&（&section&，&article&，&header&和&nav&均为HTML5新添加的标记），是为了丰富文档的数据内容。新的属性的添加也是为了同样的目的。同时也有一些属性和元素被移除掉了。一些元素，像&a&，&cite&和&menu&（&a&，&cite&和&menu&均为HTML 标签）被修改，重新定义或标准化了。同时APIS和DOM（Document Object Model，文档对象模型）已经成为HTML5中的基础部分了。HTML5 还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序能够一致地处理语法错误。HTML5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似&div&和&span&标签，但有一定含义，例如&nav&（网站导航块）和&footer&。这种标签将有利于搜索引擎的索引整理、小屏幕设备和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口，如&audio&和&video&标记。一些过时的HTML4 标记将取消，其中包括纯粹用作显示效果的标记，如&font&和&center&（HTML 中为数不多的具有修改样式属性的标签），因为它们已经被CSS 取代。还有一些通过DOM 的网络行为。尽管和SGML（Standard Generalized Markup Language,标准通用标记语言）在标记上的相似性，HTML5 的句法并不再基于它了，而是被设计成向后兼容对老版本的HTML 的解析。它有一个新的开始行看起来就像SGML 的文档类型声明，&!DOCTYPE HTML&（&!DOCTYPE&声明位于文档中的最前面的位置，处于&HTML&标签之前，此标签可告知浏览器文档使用哪种HTML 或XHTML 规范）这会触发和标准兼容的渲染模式。在2009 年1-4- 月5 号，HTML5 添加了Web Form2.0（处理表单的功能）的内容。HTML5 还提供了许多新的应用程序接口（API），除了原先的DOM 接口，HTML5 增加了更多样化的API① 实时二维绘图。Canvas API：有关动态产出与渲染图形、图表、图像和动画的API。 ② 定时媒体播放HTML5 音频与视频：HTML5 里新增的元素，它们为开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API，而无需安装任何插件。③ 通信网络Communication APIs：构建实时和跨源（Cross-Origin）通信的两大基础： 跨文档通信（Cross Document Messaging）与XML Http Request Level2。④ Geolocation API：用户可共享地理位置，并在Web 应用的协助下享用位置感知服务（Location-Aware Services）。⑤ Web SQL Database，一个本地的SQL 数据库。⑥ WebSocket，一个基于浏览器的Socket（一种网络协议，支持所有的互联网通信），支持实时性的数据传输。⑦ 其他：离线存储数据库（离线网络应用程序）、编辑、拖放等。HTML5与HTML 4的不同之处① 文件类型声明（&!DOCTYPE&）仅有一型：&!DOCTYPE HTML&。② 新的解析顺序：不再基于SGML。③ 新的元素：section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。④ input元素的新类型：date, email, url 等等。⑤ 新的属性：ping（用于a与area）, charset（用于meta）, async（用于script）。 ⑥ 全局属性：id, tabindex, repeat。⑦ 新的全局属性：contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。 ⑧ 移除元素：acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。 第二节
CSS3简介 CSS即层叠样式表（Cascading Stylesheet）。 在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实-5- 在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。CSS3带来无与伦比的页面表现能力，而这些在以前只能靠图片，多层的标签嵌套或者js才能实现，现在只需要几行CSS3就能实现，效率也比原来要高很多。 一、布局Grid布局应用很广泛，最简单的例子就是内容的分栏显示。对于左边这个布局复杂的三栏网页来说，如果使用CSS3Grid布局的话，我们只需这样写： body{columns:3;column-gap:0.5}img{float:width:3}其中，body部分声明页面为3栏，栏间距为0.5英寸；img中float属性指明图片浮动位置为页面的右上角，而宽度为3个栏宽。只需这样两行CSS，就可以实现这个复杂布局。 二、特性圆角表格，对应属性：border-radius。以往对网页上的文字加特效只能用filter这个属性，这次CSS3中专门制订了一个加文字特效的属性，而且不止加阴影这种效果。对应属性：font-effect。丰富了对链接下划线的样式，以往的下划线都是直线，这次可不一样了，有波浪线、点线、虚线等等，更可对下划线的颜色和位置进行任意改变。（还有对应顶线和中横线的样式，效果与下划线类似）对应属性：text-underline-style，text-underline-color，text-underline-mode，text-underline-position。在文字下点几个点或打个圈以示重点，CSS3也开始加入了这项功能，这应该在某些特定网页上很有用。对应属性：font-emphasize-style和font-emphasize-position。 三、边框border-color:控制边框颜色，并且有了更大的灵活性，可以产生渐变效果border-image:控制边框图象border-corner-image:控制边框边角的图象border-radius:能产生类似圆角矩形的效果 四、背景background-origin:决定了背景在盒模型中的初始位置，提供了3个值，border, padding和-6- contentborder:控制背景起始于左上角的边框padding:控制背景起始于左上角的留白content:控制背景起始于左上角的内容background-clip:决定边框是否覆盖住背景（默认是不覆盖），提供了两个值，border和paddingborder:会覆盖住背景padding:不会覆盖背景background-size:可以指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定multiple backgrounds:多重背景图象，可以把不同背景图象只放到一个块元素里。 五、文字效果text-shadow:文字投影，可能是因为MAC OSX的Safari浏览器开始支持投影才特意增加的。text -overflow:当文字溢出时，用“…”提示。包括ellipsis、clip、ellipsis-word、inherit，前两个CSS2就有了，目前还是部分支持，但有趣的是IE6居然也支持。ellipsis-word可以省略掉最后一个单词，对中文意义不大，inherit可以继承父级元素。 六、颜色HSL colors:除了支持RGB颜色外，还支持HSL（色相、饱和度、亮度）。以前一般都是作图的时候用HSL色谱，但这样一来会包括更多的颜色。H用度表示，S和L用百分比表示，比如hsl（0,100%, 50%）HSLA colors:加了个不透明度（Apacity），用0到1之间的数来表示，比如hsla（0,100%,50%,0.2）opacity:直接控制不透明度，用0到1之间的数来表示RGBA colors:和HSLA colors类似，加了个不透明度。一直以来，浏览器的透明一直无法实现单纯的颜色透明，每次使用alpha后就会把透明的属性继承到子节点上。换句话说，很难实现背景颜色透明而文字不透明的效果。直到RGBA颜色的出现这一切将成为现实。实现这样的效果非常简单，设置颜色的时候我们使用标准的rgba（）单位即可，例如rgba（255,0,0,0.4）这样就出现了一个红色同时拥有alpha透明为0.4的颜色。经过测试firefox3.0、safari3.2、opera10都支持了rgba单位。 -7- 七、用户界面Resize:可以由用户自己调整div的大小，有horizontal（水平）vertical（垂直）或者both（同时），或者同时调整。如果再加上max-width或min-width的话还可以防止破坏布局。 八、选择器CSS3增加了更多的CSS选择器，可以实现更简单但是更强大的功能，比如:nth-child()等。Attribute selectors:在属性中可以加入通配符，包括^,$,*[att^=val]:表示开始字符是val的att属性[att$=val]:表示结束字符是val的att属性[att*=val]:表示包含至少有一个val的att属性其它模块：media queries:感觉叫媒体选择比较合适，可以为网页中不同的对象设置不同的浏览设备。比如可以为某一块分别设置屏幕浏览样式和手机浏览样式，以前则只能设置整个网页。multi-column layout:多列布局，让文字以多列显示，包括column-width、column-count、column-gap三个值column-width:指定每列宽度column-count:指定列数column-gap:指定每列之间的间距column-rule-color:控制列间的颜色column-rule-style:控制列间的样式column-rule-width:控制列间的宽度column-space-distribution:平均分配列间距 九、影响CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）。 第三节ASP.NET介绍 -8- 本系统采用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，它都是按照实现，形成所谓页面顺序显示的。因此逻辑代码依赖于它在页面中的位置，并且无法将HTML控件作为目标，除非将它们作为流的一部分进行显示。而ASP.NET就解决了这个问题，方法是为控件引入一个声明的基于服务器的模型，因为控件在服务器上有，可以在服务器上编程，也可以是客户端驱动的事件。③ Web Form控件。将现有的HTML控件转换为服务器端的控件是比较容易的，但是也存在一些不方便，例如比较难于区分HTML控件和服务器端的控件。于是Microsoft公司就创建了一组专门的服务器控件，它们都用前缀标识。HTML 控件 (HTML Control)。直接在 HTML 标记中加上 runat="server"，即可对应到 ASP.NET 指定的 HTML 服务器控件类，像是： HtmlAnchor：表示 HTML 的 Web 控件 (Web Control)：由ASP.NET 提供，比 HTML 控件提供更多的功能，但操作与设置会比 HTML 控件要复杂许多，像是： LinkButton：一种外型为链接 HtmlButton：表示 HTML 的 。 HtmlImage：表示 HTML 的 。 HtmlGenericControl：表示没有对应到服务器控件的对象，都会被对应到这个类。 Web 控件 (Web Control)：由ASP.NET 提供，比 HTML 控件提供更多的功能，但操作与设置会比 HTML 控件要复杂许多，像是： LinkButton：一种外型为链接 (除了内置的控件之外，ASP.NET也提供了可以自定义的控件架构，并且支持两种控件开发方法。用户控件 (User Control)。以 .ascx 为扩展名，可以让开发人员用最轻松的方式来开发控件，优点是开发速度很快，但缺点是无法转散布，且无法加入参考。 自定义控件 (Custom Control)，可转散布型的控件，是经过编译后的代码 (DLL)，可单独转散布，并且可在其他的项目加入参考引用，自定义控件有三种开发模式： 基础控件 (General Control)：由 System.Web.UI.Control 类继承而来，或是由现有的 Web 控件继承而来，像是由 Button 控件继承。 复合控件 (Composite Control)：由 System.Web.positeControl 继承而来，可以用复合的方式来开发控件。 样板控件 (Template Control)：可以在控件中使用样板 Template)，并套用数据到样板中，支持数据绑定的表达式。④ 代码与内容分离。一个网站的设计与开发往往由不同的人来实现的，而ASP中就是存在着这样一个问题，-9- 代码（ASP脚本）和内容（HTML）混合在一起。这样就使得同时进行设计和开发变得很困难。而ASP.NET则采用了代码内联和后台编码两种方法实现了代码与内容的分离。⑤ 可管理性。ASP.NET使用一种字符基础的，分级的配置系统，虚拟服务器环境和应用程序的设置更加简单。因为配置信息都保存在简单文本中，新的设置有可能都不需要启动本地的管理员工具就可以实现。这种被称为"Zero Local Administration"的哲学观念使ASP.NET的基于应用的开发更加具体和快捷。一个ASP.NET的应用程序在一台服务器系统的安装只需要简单的拷贝一些必须的文件，不需要系统的重新启动，一切就是这么简单。多处理器环境的可靠性ASP.NET已经被刻意设计成为一种可以用于多处理器的开发工具，它在多处理器的环境下用特殊的无缝连接技术，将很大的提高运行速度。即使你现在的ASP.NET应用软件是为一个处理器开发的，将来多处理器运行时不需要任何改变都能提高他们的效能，但现在的ASP却做不到这一点。自定义性和可扩展性ASP.NET设计时考虑了让网站开发人员可以在自己的代码中自己定义"Plug-In"的模块。这与原来的包含关系不同，ASP.NET可以加入自己定义的任何组件。网站程序的开发从来没有这么简单过。安全性基于Windows认证技术和每应用程序配置，你可以确保你的原程序是绝对安全的。ASP.NET的语法在很大程度上与 ASP 兼容，同时它还提供一种新的编程模型和结构，可生成伸缩性和稳定性更好的应用程序，并提供更好的安全保护。可以通过在现有 ASP 应用程序中逐渐添加ASP.NET功能，随时增强 ASP 应用程序的功能。ASP.NET是一个已编译的、基于 .NET 的环境，把基于通用语言的程序在服务器上运行。将程序在服务器端首次运行时进行编译，比ASP即时解释程序速度上要快很多.而且是可以用任何与 .NET 兼容的语言（包括Visual Basic .NET、C# 和 JScript .NET.）创作应用程序。另外，任何ASP.NET应用程序都可以使用整个 .NET Framework。开发人员可以方便地获得这些技术的优点，其中包括托管的公共语言运行库环境、类型安全、继承等等。 ASP.NET可以无缝地与 WYSIWYG HTML编辑器和其他编程工具（包括Microsoft Visual Studio .NET）一起工作。这不仅使得 Web 开发更加方便，而且还能提供这些工具必须提供的所有优点，包括开发人员可以用来将服务器控件拖放到 Web 页的 GUI 和完全集成的调试支持。 当创建ASP.NET应用程序时，开发人员可以使用 Web窗体或 XML Web Services，或以他们认为合适的任何方式进行组合。每个功能都能得到同一结构的支持，使您能够使用身份验证方案，缓存经常使用的数据，或者对应用程序的配置进行自定义. 如果你从来没有开发过网站程序，那么这不适合你，你应该至少掌握一些HTML语言和简单的Web开发术语(不过我相信如果有兴趣的话是可以很快的掌握的)。你不需要先前的ASP开发经验（当然有经验更好），但是你必须了解交互式Web程序开发的概念，包含窗体，脚本，和数据接口的概念，如果你具备了这些条件的话，那么你就可以在ASP.NET的世界开始展翅高飞了。⑥ 时间模型。ASP.NET的原始设计构想，就是要让开发人员能够像 VB 开发工具那样，可以使用事件驱动式程序开发模式 (Event-Driven Programming Model) 的方法来开发网页与应用程序，若-10- 要以ASP技术来做到这件事的话，用必须要使用大量的辅助信息，像是查询字符串或是窗体字段数据来识别与判断对象的来源、事件流向以及调用的函数等等，需要撰写的代码量相当的多，但ASP.NET很巧妙利用窗体字段和JavaScript脚本把事件的传递模型隐藏起来了。ASP.NET的事件模型是由以及数个 Hidden Field 组合而成，基于 HTTP 模型的限制，所有的网页程序在运行结果输出到用户端后，程序就会退出运行，为了维护在ASP.NET网页与控件的状态数据，因此在输出ASP.NET控件时，ASP.NET会将部份状态数据储存到网页的 Hidden Field 中，这类型的状态数据称为 ViewState（ID 为 __VIEWSTATE），在服务器端即会被解译出状态与事件数据。在大多数的内置 Web 控件中都有使用到这个机制，因此在使用大量ASP.NET Web 控件的网页中，会有许多的 ViewState 会存放在网页中并随着 HTTP 数据流输出到用户端，ViewState 在输出时，会被加密为一组乱码字符串，其金钥值定义在计算机中，并且每一个对象都会被序列化 (Serialize) 成字符串（因此若是自定义对象要放到 ViewState 时，则应要让它支持序列化），再输出到 __VIEWSTATE 字段中，在每次的网页来回时都会被传输，较大的 ViewState 会让网页大小膨胀，不利于快速的网络传输，不过ASP.NET本身有提供将 ViewState 关闭的功能，因此如果控件不需要状态保存时，可将它关闭以减少输出的大小。为确保控件的事件能够确实被引发，让事件驱动能够被运行，因此控件事件引发命令时需要的参数，是交由 JavaScript 脚本在用户端引发时，填入另一个 Hidden Field（ID 为 __EVENTTARGET 以及 __EVENTARGUMENT），并且引发窗体的送出指示 (Submit)，传送到服务端后，服务端的 HttpApplication 中的工具函数会解析 __EVENTTARGET 和__EVENTARGUMENT 字段中的信息，并且交由控件所实现的 RaisePostBackEvent() 来引发事件，并由 .NET Framework 内部的事件处理器制接手处理（调用控件设置的事件处理程序）。 -11- 第三章 系统分析与设计 第一节 系统概括 本博客系统从使用权限来分，分为：博客管理员，注册会员，游客。系统的权限设计使得不同角色只能使用不同的功能。博客管理员可以使用系统的任何功能，包括：后台的管理，前台的浏览、评论、发表等；注册会员只能使用前台的所有功能，包括：前台的浏览、评论、发表等；游客只能浏览前台的博客部分内容，不具有浏览、评论、发表等使用权限。使用权限如图3.1 图3.1 博客系统角色使用功能 第二节 系统用例图 一、系统管理员用例系统管理员是一个双重身份，既可以后台登陆也可以前台登陆。前台登陆可以修改个人资料，添加博客文章，浏览博文，评论博文，留言及回复；后台登陆可以文章管理，用户管理，留言管理，评论管理，类别管理，数据库操作。如图3.2-12- 图3.2 系统管理员用例 二、注册会员用例注册会员需要通过注册才能获得身份，只能进行前台登陆。登陆系统后可以进行修改个人资料，添加博客文章，浏览博文，评论博文，留言及回复。如图3.3 图3.3 注册会员用例 三、游客用例-13-游客是没有注册登陆的用户，所以在本博客系统中能使用的权限有限，只能进行浏览博文的功能。如图3.4游客图3.4 游客用例 第三节 系统功能需求 系统设计为个人博客或小团体博客，只有一个博客首页，所有人都可浏览发帖回复，管理员可管理用户权限，帖子等。 一、后台管理功能需求1、文章管理⑴、添加文章点击添加文章，可以进入添加文章页面，进行添加文章具体的操作。添加文章的内容包括文章标题、文章作者、文章类别、文章内容、上传图片等。输入完成后，点击提交按钮后，文章便添加成功；如对输入内容不满意，可以点击清空按钮，重新输入。(2)、删除文章管理员可以通过删除文章功能，实现对用户发表的博客文章进行删除。点击文章管理中删除文章，就显示出已经发表的博客文章，然后点击需要删除文章后的删除按钮进行删除文章操作。文章删除后，发表的博客文章数据自动从数据库中删除。2、用户管理(1)、查看用户管理员可以在用户管理中查看已经注册的用户信息。信息包括：用户编号、用户名称、用户密码、用户权限。-14- (2)、管理员对用户进行权限修改在查看中可以对用户进行编辑，修改用户的权限。点击编辑按钮，可以修改用户的名称、密码、权限。0代表管理员权限，1代表注册用户权限。管理员可以将注册用户权限由1修改为0，这样这个注册用户就变成管理员了。(3)、删除用户管理员可以在用户管理中对已经有的用户进行删除操作。用户删除后，数据库中的数据也自动删除，该用户下次就不能登录博客系统。3、留言管理(1)、查看留言管理员可以在留言管理中查看所有留言。点击留言管理中的查看所有留言，管理员就可以查看所有用户对管理员的留言了。(2)、留言回复管理员可以对用户的留言进行回复。点击回复按钮，就可以在回复内容中输入管理员回复的内容，输入完后，点击回复按钮，就能成功的回复给该留言用户了。(3)、留言删除管理员可以对用户的留言进行删除。点击删除按钮后，该留言就从数据库中删除成功。4、评论管理(1)、查看评论管理员可以查看用户对用户的博文的评论。(2)、删除评论管理员可以对所有的博文进行选择性删除。管理员点击相应评论后的删除按钮删除该条评论。5、类别管理(1)、查看类别管理员在类别管理中可以查看已经有的所有类别。(2)、编辑类别管理员可以对已有类别进行编辑。可以编辑修改类别的名称等。(3)、删除类别-15- 管理员可以对已有类别进行删除。通过点击相应类别后的删除按钮，可以将该类别删除。(4)、添加类别管理员可以添加需要的类别。点击添加类别按钮后，在类别名称文本框中输入类别名称，然后点击添加按钮，添加类别就可以成功添加。6、数据库操作数据库备份是管理员对博客系统的数据库进行实时备份的一个功能。该功能可以降低数据库丢失的风险。 二、前台功能需求1、修改个人资料(1)、查看个人资料用户登录成功后，进入个人中心，可以查看用户注册时填写的个人资料。(2)、编辑个人资料个人资料包括：用户名、性别、用户密码、用户邮箱、安全问题答案、备注、出生日期、联系地址、注册时间。除了注册时间不能修改以外，其它都可以通过在文本框中填写修改。填写完毕后，点击更新用户资料按钮提交自己新的用户资料。2、添加博客文章(1)、添加操作点击个人中心中的添加博客文章按钮，可以进行博客文章的添加操作。(2)、填写操作添加博客文章所需填写的内容包括：标题、作者、类别、内容、图片上传。完成上述的填写或上传后，点击提交按钮，就可以成功的添加博客文章。也可以选择清空按钮进行清空重新填写或上传。3、浏览博文浏览博文的开发性。浏览博文是唯一一个让管理员、注册会员、游客三个角色同时访问的功能。4、评论博文(1)、评论博文的交流性-16- 通过对博文的评论，可以让作者与浏览者进行有效的沟通交流。(2)、位置评论博文包括了评论者、标题、内容等。评论者在浏览博客文章后，在博客文章的底端进行评论。5、留言及回复(1)、留言使用范围留言是用户与管理员之间的交流。留言功能是用户有建议或者什么信息需要向管理员传递时使用的功能，是用户与管理员交流的桥梁。(2)、操作方式在主页点击留言反馈按钮，进入留言页面。留言内容包括标题、作者、邮箱、电话号码、地址、主页、表情、详细内容等。留言者需要正确填写内容，填写完毕后，提交留言即可。管理员可以在后台查看、回复、删除该留言。 -17-
第四章 数据库设计 第一节 数据库E -R图 一、实体设计为了把用户的数据要求清晰明确地表达出来，通常要建立一个概念性的数据模型。在建立数据模型之前，首先来探讨本博客系统所需要的实体及其属性。本博客系统所涉及的部分实体及其属性包括：① 用户：用户ID、用户名称、用户密码、性别、电子邮件、安全问题回答、备注、用户生日、用户地址、用户类型、注册时间。② 博客文章类别：类别ID、类别名称。③ 博客文章：博文ID、博客标题、作者、博客类别、博客内容、访问次数、图片、发布时间。④ 留言消息：ID、发布人、主题、电子邮件、QQ号码、电话号码、用户地址、主页、表情、内容。⑤ 评论：评论ID、评论者、评论主题、评论内容、评论时间、评论博客ID。综合本系统各子模块要实现的功能，通过前面对博客信息系统数据的分析可以得到部分实体图及属性如下：① 用户表实体图及属性如图4.1所示。 图4.1 用户表实体-18- ② 博客文章类别表实体图及属性如图4.2所示。 图4.2 博客文章类别实体 ③ 博客文章表实体图及属性如图4.3所示。 图4.3 博客文章表实体 ④ 留言消息表实体图及属性如图4.4所示。-19-
图4.4 留言消息实体⑤ 评论表实体图及属性如图4.5所示。 图4.5 评论表实体 二、博客系统数据库E-R图E-R模型的组成元素有：实体、属性、联系。E-R模型用E-R图表示。实体是用户工作环境中所涉及的事务，属性是对实体特征的描述。① 模型中的实体相当于实体集、一个表，而不是单个实体或表中的一行。实体用矩形框表示，实体名称标注在矩形框内。用菱形表示实体间的联系，菱形框内写上联系名，用无向边把菱形分别与有关实体相连接，在无向边旁标上联系的类型。-20- ② 属性是实体的性质。用椭圆框表示，与实体之间用一条线相连表的主码是关键属性，关键属性项加下划线。③ 各子系统模块中主键相同的字段之间存在着相互关联的关系。④ 在程序中实现对它们的完整性和一致性控制。本博客系统的E-R图如图4.6所示。 图4.6 博客系统E-R图 第二节 系统数据表设计 博客系统中的数据管理形式采用数据库，根据系统需要与数据规范化分为：用户表(User) ，博客文章类别表（Class），博客文章表（Content），留言消息表（Message），评论表（Reply），照片表（Photo），管理员表（Manage），连接表（Link）。以下列举主要表结构： -21- 表4.1 用户表(User) 表4.2 博客文章类别表（Class） 表4.3 博客文章表（Content） -22-表4.4 评论表（Reply） 表4.5 照片表（Photo） 表4.6 管理员表（Manage） 表4.7 连接表（Link） -23- 第三节 数据库的完整性和安全性 一、数据库的完整性约束数据库的完整性是指数据的正确性和相容性。数据库管理系统(DBMS)用一定的机制来检查数据库中的数据是否满足规定的条件——完整性约束条件，数据的约束条件是语义的体现，将作为模式的一部分存入数据库中。数据库的完整性约束主要包括以下三方面要求：① 实体完整性实体完整性是指若属性A是基本关系R的主属性，则属性A不能取空值。对于每个表来说，主键都不可以为空。在用户提交信息时，系统会对用户所填写的信息进行验证，对于其中的关键信息没有填写或者数据非法时，系统会提示用户更改后再提交。这样保证了系统实体完整性。② 参照完整性由于表和表之间会存在某些联系，当关系R和关系S之间是一对多关系时(R的主键是A，S的主键是B，C是S中的外码)，在插入数据时就要保证外码C的值或者为空或者等于R中某个元组的主码值。在对被参照表进行删除操作时应同时进行及联删除。③ 用户定义完整性任何关系数据库系统都应该支持实体完整性和参照完整性。除此之外，不同的关系数据库系统根据其应用环境的不同，往往还需要一些特殊的约束条件，用户定义的完整性就是针对某一具体关系数据库的约束条件。它反映某一具体应用所涉及的数据必须满足的语义要求。例如某个属性必须取唯一值、某个属性的取值范围等。 二、数据库的安全性数据库的安全性是指保护数据库以防止不合法的使用所造成的数据泄漏、更改或破坏。在数据库系统中，大量的数据集中存放，同时又为许多用户直接共享，是宝贵的信息资源，因此系统的安全保护措施就显得更为重要。键全的数据库安全机制可以防止数据库被恶意的破坏和非法的存取。本系统的安全设计包括服务器和数据库两方面设计。当用户使用系统时，系统首先会检查用户是否登录，如果用户还没有登录，系统将会弹出警告窗口提醒用户，并将相应的页面跳转至用户登录。在用户提交登录信息后，系统会对用户的身份进行核对，如果在数据库中查找到了相关记录，打开用户页面，表明用户登录成功。对于数据库的安全，主要是通过对授权用户的身份验证实现的。在的系统管理页面，提示用户使用管理员帐号在此登录，没有管理权限的系统注册用户无法登录到数据库管理的后台。系统确认了管理员身份之后统会打开管理页面，系统管理者可在此对整个系统的数据库进行管理和维护。-24-
第五章 系统设计与实现 第一节 后台功能模块详细设计 一、管理员登陆及身份验证管理员通过此登陆入口进入管理界面，此入口需要填写正确的ID才能够登陆，非法ID不能够登陆，其界面如图5.1所示。 图5.1 后台登陆页面一个系统能正常使用，安全性是非常重要的一个部分。安全性是对用户的身份进行验证并通过验证的用户按照为其授予的访问权限来确定用户是否可以访问某资源的一个过程。为了保证系统的安全，为了保证应用程序的安全，本系统采用了Session验证技术。用户登录后会在Session中加入用户相关信息，若无次信息，则无法访问需要登录才能看到的页面，登录代码如附录代码。二、后台文章管理管理员可以在此页面操作管理功能，这些功能可以对主页的博客文章进行添加、删除操作，如图5.2、5.3所示。-25-
图5.2 后台管理页面 图5.3 后台发表博文三、用户管理
管理员用户可以通过用户管理实现对用户的资料编辑、删除用户的操作如图5.4所示。-26-
图5.4 用户管理四、留言管理管理员用户可以通过留言管理实现对用户提交的留言进行回复、删除的操作如图5.5所示。 图5.5 留言管理五、后台评论管理管理员用户可以通过评论管理实现对用户的评论进行删除的操作，如图5.6所示。-27-
欢迎转载：
推荐： 　　　}