竖起衣领多人博客网站说明书

第一篇：竖起衣领多人博客网站说明书

竖起衣领多人博客网站说明书

——李栋

引言——

1页

2页网站功能概述——

网站组成说明——

网站数据库设计——

网站前台功能说明——

网站后台设计说明——

网站开发总结——

3-6页 7页 7-9页 9-11页 11-12页

开发背景：

在信息化与个性化主导的网络化时代，空间，博客，微博正在一步一步的走进人们的生活，点对点的通讯，实时性的交互软件，让人们越来越离不开网络。离不开信息！随着工作压力的加大，快节奏的都市生活迫切的催生出一个可以供工作一族，压力一族发泄的产物 ——博客！

参考网站：

网易博客；周鸿祎的博客；腾讯QQ空间；

网站功能概述：

一，首页功能概述：

1，用户注册；

用户通过提供用户名，密码，性别，QQ，邮箱，并遵守网站协议就可申请到一个唯一的用户名；

2，用户登录：

用户登录，根据用户的选择可以实现用户登录自己的博客主页，对自己的博客内容进行管理；同样也可以仅仅实现用户登录浏览的功能，用户可以仅仅登录然后再博客主页浏览精彩博文，浏览他人的博客；

3，博主热搜；

浏览者可以通过本站的站内搜索，搜索到自己关心的人的博客，然后以游客的身份浏览博主的博客；

4，博文热搜：

浏览者可以在搜索框中输入自己感兴趣的词汇，站内搜索会在博主发表的博文中搜索相关的词汇并以列表的形式展现出来，浏览者可以通过点击进入博文所在页面进行浏览； 5，博文热点：

网站通过对每位博主发表的文章的点击率进行排名，获取到前10篇文章的标题，在首页展示，浏览者可以通过点击查看最热门的文章„„ 6，关于站长：

这里提供了一个广告位展示的平台，可以外挂广告„„ 7，总人气排行榜：

该排行榜是根据博客的点击率获取的列表，浏览者可以通过直接点击进入热门博客的主页； 8，欢迎新成员：

该排行榜是根据注册时间，获取到最晚注册的8名会员的博客展示列表，浏览者可以点击浏览博主主页；

二，二级页面功能概述

1，搜索到的博主信息：

以表格的形式列出首页中浏览者的“博主热搜”的结果，浏览者可以通过点击直接进入到相应博主的主页； 2，搜到的博文信息：

以列表的形式列出了首页中浏览者“博文热搜”的结果，浏览者可以通过点击直接进入到相应的博文页面； 3，竖起衣领：

喜欢梁静茹的歌，喜欢郭德纲的相声，喜欢为了自己的决定买单，喜欢持之以恒的完成自己的梦想，喜欢用双手堆砌出自己的梦想,希望成功，更不惧怕失败，渴望到达，更懂得经历过程……

展示博主的座右铭；后面提供博主博文主页的链接，浏览者可以通过点击进入到博主的主页；

网站组成说明：

竖起衣领多人博客系统，主要有两个部分组成，浏览页面；后台管理页面；博客前台——浏览页面：一，首页：

1，导航栏，该模块包含了“首页，博文目录，联系我，博主相册”的二级页面的链接； 2，个人资料：

该模块包含了博主的“头像显示”，“姓名（昵称）”，“电子邮箱”，“历史访问次数”； 3.加为好友：

该模块为注册用户的浏览者提供了“加博主为好友”的功能，即只要是登录过的浏览者可以加博主为好友，一旦提出申请，博主打开自己的后台管理页面就会看到信息提示，对是否同意好友请求做出选择，申请者在博主做出选择后，也可以通过自己的后台页面得到自己的申请是否通过的信息； 4，最近访客：

通过列表的形式，列举出最近访问过博主主页的游客列表，每一个游客都设有链接到相应博主页面的超级链接，浏览者可以通过点击进入到相应博主的主页； 5，今日访问人数：

提供该博主主页的今天的访问次数； 6，访客浏览：

提供博主的留言信息； 7，博文精选：

按博主的博文发表时间列举出博主所有发表的文章，每一篇文章都提供了文章的“标题”，“发表时间”，“浏览次数”，“评论次数”，“转载次数”，“查看全文”等功能，浏览者可以通过点击“查看全文”进入到博文页面；

8，与博主分享你的博文：

该模块为浏览者提供了“与博主分享博文的功能”，即会员浏览者可以为博主推荐精彩的博文；二，博文目录：该页面主要为博主所发表的博文的目录，浏览者可以通过点击选择查看博主发表的任意一篇文章；三，联系我吧

1，个人资料，主要为博主的个人资料； 2，在线QQ交流：

浏览者可以通过QQ方式与博主进行交谈； 3，博主好友：

该模块主要为博主的好友列表，浏览者可以通过点击直接进入相应博主的主页； 4，访客留言：

主要为博主的好友留言； 5，给我留言：

浏览者可以在该模块实现登录，实现实名的留言；也可以不登录，以游客的身份留言；

四，博主相册

该模块为博主的相册，游客可以通过点击查看博主新建相册中的图片，每一个相册都有创建时间，图片数量，以及介绍；浏览者可以通过点击查看缩略图；在缩略图中点击进入图片浏览页面，详细的查看那每一张图片的大图；

博客后台：博客管理页面

一，后台首页

1，超级链接，提供了“我的主页”，“个人档”，“好友相关”等页面的超级链接；

2，个人资料，展示博主的个人资料，包括“头像”，“昵称”，“电子邮件”，“历史访问次数”，“注册QQ”等信息； 3，最近访客：

通过列表的形式列出最近访客的数据源，博主可以通过点击回访好友的博客首页；

4，访客留言，列举出博主的最近的6条留言信息； 5，博文管理；

该模块为博主对自己发表文章的管理，里面包含了文章的浏览次数，评论次数，转载次数，及查看全文；博主可以通过点击查看全文进入到博文管理页„„； 6，发表文章：

博主可以在该模块中发表自己的感想或者是文章，论点等；

二，博文管理页面：

该页面主要是博主对发表的文章及浏览者对文章的评论进行管理，博主可以看到对指定文章的所有的评论，博主可以选择“删除指定评论”，“删除所有评论”，“删除博文”等；三，个人档： 1，更新头像：

博主可以上传自己新的头像来替换原来头像；

2，个人资料：

该模块提供了博主的所有注册信息；博主可以通过“修改个人资料”来对自己的注册信息进行修改； 3，完美相册；

该模块提供了博主所创建的相册的所有信息，博主可以通过点击对相册进行“删除操作”，也可以对相册里的每一张图片进行“删除操作”；

四，相册管理：

该页面主要为博主创建相册以及向指定相册中上传添加图片；五，好友管理：

1，好友列表：

该模块以列表的形式列举出了博主的所有好友，博主可以通过选择“解除好友关系”来删除指定好友； 2，好友留言管理：

该模块提供了博主对留言的管理功能，包括“删除留言”，“回复留言”，等功能； 3，好友申请管理：

该模块提供了博主对浏览者提出“加为好友的申请”作出处理，博主可以选择“同意”或“拒绝”；

数据库设计说明

1，数据库版本

网站数据库采用SQL Server 2000开发； 2，数据表：

包括：用户表，访客表，文章表，评论表等在内的12张表；

3，存储过程；

对数据库信息的增删改查绝大部分是通过存储过程来实现的；对功能复杂的实现还结合了事务和触发器；

网站体系结构图：

网站开发模式分析：

网站开发是采用基于MVC三层开发模式，主要包含了Common数据库实体类，Connect数据层，Logic业务逻辑层；

一，Common命名空间：

主要包含了数据库实体以及数据库连接和函数；

二，Connect命名空间，主要包含：

1，Users类：

Users类主要为用户登录，注册，信息修改，好友管理等功能的方法的集合； 2，First类：

主要为实现首页中用户的三种登录模式，博主热搜，博文热搜，博主排行榜，欢迎新成员等方法的集合； 3，Artcontect类：

主要为实现博主发表文章，对文章的增删改查，对文章评论的管理，对留言的管理，访客的管理，访问次数的统计等功能的方法的集合；

三，Logic命名空间，主要包括：

1，useLog类，主要实现用户类的业务逻辑操作； 2，FirstLogic类：主要实现首页信息类的业务逻辑操作； 3，Artcontect类，主要实现对文章信息类的业务逻辑操作；开发总结：

1，网站效率：

竖起衣领多人博客系统，立足于实现多人博客的功能，在开发中最大程度的实现代码的重用，仿照新浪博客中“周鸿祎的博客”开发，为博主提供了“博文展示”，“图片展示”，“加好友”，“留言”等功能；最大限度的为博主创造一个展示自我的舞台；

竖起衣领多人博客系统，为博主提供的页面样式太少，由于开发工作量的原因，只提供了一个页面样式； 2，网站质量评价：

自我评价：布局：75分；

思路：75分；

技术：60分；

效率：60分； 3，对技术方法的评价：

网站采用MVC三层模式开发，代码重用率较高；前台数据几乎都可以做到后台的实时更新；

由于是多人博客的原因，在页面传值中起初采用的事Response.Redict方法，但是后来考虑到安全形的问题，将传值方式改为Session方法；但是Session方法也存在弊端，过多的采用Session传值使得了浏览器和服务器的负担过重；在考虑为博主提供多种页面样式的时候，起初采用的事直接选择不同的前台页面，这样使得重复性的开发和重复性的劳动加剧，后来采用更换不同的CSS样式表，但这种方法造成了跨页面的访问困难的问题； 4，出错原因的分析：

对页面传值的几种方式的利弊权衡取舍不清，造成开发过程中的重复开发；

博主页面样式更换方法的不确定，在开发过程中想到了采用动态更换CSS样式表的方法，但是没有考虑到跨页访问的问题；采用不同的页面样式，忽略掉了重复繁琐的开发工作量；

对多人博客系统的运行不是清晰，尤其是后台管理的问题； 5，经验教训：

网站开发过程中，一定要做到按照事先的规划执行，不能再开发过程中随意的增加或者是删除模块，这样容易造成开发混乱，功能重复，冗余；

对自己所作项目的各个细节要在事先尽量的考虑清楚，对项目的各个环节要有具体的规划，切忌一边写代码，一边考虑功能的增删；

第二篇：毕业设计-博客网站

第一章

绪论 1.1 系统开发背景

随着计算机技术的发展和普及，blog得到了极大的发展。Blog，是Weblog的简称。blog是一种新的生活方式、新的工作方式、新的学习方式和交流方式。它是继E-mail、BBS、ICQ、之后出现的第4种网络交流方式。Blog主要应用于3个方面：一是新的人际交流方式；二是以个人为中心的信息摘选和知识管理；三是以个人为中心的传播出版。blog作为个人的一种学习工具，简单易用，吸引人的兴趣。Blog在教育方面得到了很大的发展，它将互联网从过去的通讯功能，资料功能、交流功能等进一步强化，使其更加个性化、开放化、实时化、全球化，把信息共享发展到资源共享、思想共享、生命历程共享。Blog已经成为一种继课件、积件、资源库、教育主题网站等信息化教学模式之后，新的网络应用模式。它是应时代的需求而兴起的，也是应时代需求不断进步的。1.2课题研究的意义

随着Blog人数的增加，Blog作为一种新的生活方式、新的工作方式和新的学习方式已经被越来越多的人所接受，并且在改变传统的网络和社会结构。它使交流和沟通更有明确的选择和方向性；单一的思想和群体的智慧结合变得更加有效；个人出版变成人人都可以实现的梦想。Blog正在影响和改变着我们的生活。Blog是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。展示丰富的个性化，对Blog功能的要求自然更高，新一代具有更多、更新、更全功能的Blog急需走进舞台。系统加入聊天功能可以更加方便大家的交流。

第二章

Blog系统开发技术 2.1ASP.NET介绍

本系统采用ASP.NET开发技术进行开发。ASP.NET不仅仅是ASP的一个新版本，更是Web应用程序编程方面的一个全新的概念和方法。ASP.NET中的新功能并不是对ASP的改进，设计它的初衷是为用户入境提供最佳的应用程序架构。它相比于ASP有着以下几个方面的优点:（1）多语言

ASP曾在脚本引擎方面受到了限制，特别是VBScript和Jscript。而ASP.NET则支持多种语言，默认情况下为Visual Basic.NET、C#和Jscript.NET，另外还支持一些第三方语言。（2）服务器处理

ASP在服务器处理上不管页面的内容是纯HTML还是ASP生成的HTML，它都是按照实现，形成所谓3-tier页面顺序显示的。因此逻辑代码依赖于它在页面中的位置，并且无法将HTML控件作为目标，除非将它们作为流的一部分进行显示。而ASP.NET就解决了这个问题，方法是为控件引入一个声明的基于服务器的模型，因为控件在服务器上有，可以在服务器上编程，也可以是客户端驱动的事件。（3）Web Form控件

将现有的HTML控件转换为服务器端的控件是比较容易的，但是也存在一些不方便，例如比较难于区分HTML控件和服务器端的控件。于是Microsoft公司就创建了一组专门的服务器控件，它们都用asp：前缀标识。（4）代码与内容分离

一个网站的设计与开发往往由不同的人来实现的，而ASP中就是存在着这样一个问题，代码（ASP脚本）和内容（HTML）混合在一起。这样就使得同时进行设计和开发变得很困难。而ASP.NET则采用了代码内联和后台编码两种方法实现了代码与内容的分离。

2.2 MVC开发模式

MVC由Trygve Reenskaug提出，首先被应用在SmallTalk-80环境中，是许多交互和画面系统的构成基础。MVC结构是为那些需要为同样的数据提供多个视图的应用程序而设计的，它很好地实现了数据层与表示层的分离。MVC作为一种开发模型，通常用于分布式应用系统的设计和分析，以及用于确定系统各部分间的组织关系。对于画面设计可变性的需求，MVC（Model-View-Controller）把交互系统的组成分解成模型、视图、控制器3种部件。(1)视图部件把表示模型数据及逻辑关系和状态的信息以特定形式展示给用户。它从模型获得显示信息，对于相同的信息可以有多个不同的显示形式或视图。(2)控制器部件是处理用户与软件的交互操作的，其职责是控制提供模型中任何变化的传播，确保用户画面与模型间的对应联系；它接受用户的输入，将输入反馈给模型，进而实现对模型的计算控制，是使模型和视图协调工作的部件。

(3)模型部件保存由视图显示、由控制器控制的数据；它封装了问题的核心数据、逻辑和功能的计算关系，它独立于具体的画面表达和I/O操作。

模型、视图与控制器的分离，使得一个模型可以具有多个显示视图。如果用户通过某个视图的控制器改变了模型的数据，所有其他依赖于这些数据的视图都应反映了这些变化。因此，无论何时发生了何种数据变化，控制器都会将变化通知所有的视图，导致显示的更新。这实际上是一种模型的变化——传播机制。(4)ASP.NET模式下如何实现MVC？

ASP.NET提供了一个很好的实现这种经典设计模式的类似环境。开发者通过在ASPX页面中开发用户接口来实现视图；控制器的功能在逻辑功能代码（.cs）中实现；模型通常对应应用系统的业务部分。在ASP.NET中实现这种设计而提供的一个多层系统，对较经典的ASP结构实现的系统来说有明显的优点。将用户显示（视图）从动作（控制器）中分离出来，提高了代码的重用性。将数据（模型）从对其操作的动作（控制器）分离出来，可以让用户设计一个与后台存储数据无关的系统。就MVC结构的本质而言，它是一种解决耦合系统问题的方法。

2.3 Ajax介绍 2.3.1什么是Ajax Ajax是Asynchronous JavaScript and XML的缩写，即异步JavaScript 和XML。Ajax是一种客户端技术，Ajax技术借助异步JavaScript实现浏览器和服务器之间的异步交互，即相当于在Web应用中实现了原来C/S(Client/Server)结构下的交互结果，且这种效果的实现并没有带来繁琐的客户部署工作。比如：无需重新加载整个页面就可以想服务器发送请求，并接受响应。同时对XML文档解析和处理。Ajax的解决方案及其优越性

Ajax相当于在浏览器客户端与服务器之间架设了一个桥梁、一个媒介，在它的帮助下，可以消除网络交互过程中的处理—等待—处理—等缺陷。在处理过程中Web服务器响应是标准的且易于解析的XML格式的数据传递给Ajax,然后再转换成HTML页面的格式，辅助CSS进行显示。Ajax是使用XMLHttpRequest对象发送请求并获得服务器端的响应，同时Ajax可以在不重新载入整个页面的情况下用JavaScipt操作DOM以实现最终更新页面。因此在读取数据的过程中，用户棉对的不是白屏，而是原来的内容。这种更新是瞬间的，使用户感觉是连贯的。

借助Ajax，可以把以前一些原本由服务器负担的工作转移到客户端来完成，利用客户端闲置的能力来进行处理，这样也可以有效地减轻服务器和带宽的负担，使服务器更稳定，更良好的运行。同时节约了空间和宽带。2.3.2 Ajax相关技术介绍

Ajax是多种技术的综合应用，包括JavaScipt脚本、CSS、DOM和重要对象XMLHttpRequest。（1）JavaScipt是一种可以与HTML标记混合使用的脚本语言，编写的程序可以直接在浏览器中解释执行。因此使用脚本语言编写程序可以在浏览器支持下跨平台运行。JavaScipt脚本中可以调用浏览器及Ajax中提供的相关对象。利用这些对象的属性方法可以实现页面效果的动态控制。

（2）CSS是层叠样式表。CSS规则由模式匹配段和操作部分组成。模式匹配段用于表示元素与行为之间的关联性；操作部分用于确定对指定部分的操作。CSS层叠样式可以弥补HTML超文本标记语言在格式修饰中的不足，同时也为能够实现页面格式的批量动态更新。（3）DOM的全称是文档对象模型（Document Object Model）,它在本质上是一种文档平台。在使用Ajax技术中，借助DOM，可以结合脚本语言实现动态的数据存储以及动态上传文件。

（4）XMLHttpRequest是Ajax技术中最重要的一个对象。页面可以在不刷新的情况下通过它发送请求来获取服务器响应。也可以使用该对象在不刷新当前页面的情况下更新页面中的数据。

2.3.3 Ajax技术在系统中的应用

Ajax技术运用于该系统的在线即时聊天功能模块。通过该技术实现了聊天信息的不断更新，但并没有将整个页面都刷新，也不会带来页面在连续闪烁等问题。利用Ajax技术将聊天窗口不段更新数据，聊天窗口采用CSS样式，实现页面格式的批量动态更新。

2.4 数据库

本系统才用SQL SERVER2000做为后台数据库,采用ADO.NET技术对数据进行操作。2.4.1 SQL SERVER 2000 SQL SERVER2000是可以在WEB上运行的数据库服务产品。它既可适用于桌面系统的单用户数据库，也可适用于企业的网络数据库，甚至适用于专业的WEB站点数据库，具有很强的可伸缩性。并且具有很高的可靠性、可用性和可管理性。从经济和开发效率上适合中小型网站。它和ASP.NET同属于微软公司开发，在开发接口有一致性，能更好的协调工作。同时，SQL SERVER2000对数据的安全性也有一定的保障，它对用户的访问进行了两个阶段的检查：一是认证阶段，二是许可确认阶段。数据库使用ADO.NET来处理数据。2.4.2 ADO.NET

ADO.NET是基于.NET框架结构、面向分布式和以XML数据格式为核心的数据访问技术，它提供了一组数据访问服务的类，可用于对Microsoft SQL Server、Oracle等数据源及通过OLEDB和XML公开的数据远源的一致访问。ADO.NET统一了数据容器类编程接口，无论编写何种应用程序（Windows窗体、Web窗体、Web服务）都可以通过同一组类来处理数据。为使用方便，ADO.NET还提供了一组丰富的控件，利用可视化方式来开发数据库应用。

ADO.NET体系结构如下图所示

ADO.NET体系结构图

ADO.NET体系结构的两大核心控件是.NET Framework数据提供程序和Dataset。.NET Framework数据提供程序用于连接到数据库、执行命令和检索结果。Dataset是一个功能丰富、比较复杂的数据集，它是支持ADO.NET的断开式、分布式数据方案的核心对象。Dataset专门用来处理从数据源获得的数据，无论数据来自什么数据源，它都使用相同的方式操作数据。

2.5 ASP.NET配置

Asp.net的配置文件都是XML格式的文件，XML格式文件易于书写和定制，采用这种方法进行asp.net配置方便灵活。另外，asp.net的配置都是可以随时更改的，即应用程序运行期间，可以随时增加和删除asp.net配置文件中的项目，修改后可以立刻激活使用比当配置发生变化时需要服务重新启动配置才生效的方法有很大的优势。

该系统运用了web.comfig文件进行配置web服务器，使用web.config文件配置web服务器简明扼要。Web.config文件是采用XML格式进行编写的XML文件。2.6 XML XML是Extensible Markup Language(可扩展标记语言)。它是一种存储数据的方法。它提供一种独立于应用程序的格式来保存数据，且容易实现不同应用程序之间的数据共享。与数据库相比，它不需要任何专用软件就可以创建和管理XML文档，只要一个文本编辑器就可以了；而数据库需要专门的数据库管理系统对数据进行管理。

第三章 BLOG系统分析 3.1 系统设计方案

本系统是面向个人用户和小型集体用户开发的系统，完成用户在Blog上进行预定操作，实现用户和来宾之间的双向沟通。具体设计方案为：

（1）系统服务器为IIS,数据库为SQLSERVER2000，整个系统界面采用Microsoft visual Studio 2005开发。

（2）系统采用MVC框架，用C#语言实现。

（3）服务器与数据库的连接使用OLEDB编程接口的OleDbConnection对象进行连接。（4）系统分成两部分，前台为普通用户操作界面，功能包括：阅读文章，发表留言，发表评论，在线聊天。后台为管理员操作界面，管理员通过登录进入管理界面，功能包括：分类管理，文章管理，添加文章，评论管理，链接管理，留言管理。

3.2 系统功能模块

系统功能模块包括两大块：管理界面功能模块和普通用户界面功能模块。其具体功能如下所示：

1．管理员功能：分类管理，文章管理，评论管理，链接管理，留言管理。2．普通用户功能：阅读文章，留言，评论和在线聊天。3．分类管理：文章类型的添加，修改，删除。4．文章管理：文章的修改，删除。5．评论管理：评论的删除。6．链接管理：链接的添加和删除。7．留言管理：留言的删除和回复。

管理员用户功能模块图如下：

图1

管理员功能模块图

普通用户功能模块图如下：

图2 普通用户功能模块图

3.3 数据库需求分析

■用户分为普通用户和管理员用户

■管理员涉及类型管理、文章管理、添加文章、评论管理、链接管理、留言管理。■普通用户可以阅读文章、发表回应、留言、评论和在线聊天。■一种文章类型有多篇文章。■一篇文章有多篇评论、回复。

对上面系统功能分析，设计如下数据项： ■ 管理员信息：用户名、密码。■ 类型信息：类型编号、类型名称。

■ 链接：链接编号、链接名称、链接地址。■ 留言：留言编号、留言人呢称、留言标题、个人主页、留言内容、留言时间、留言回复。■ 文章信息：文章序号、文章作者、文章标题、摘要、文章内容、文章发表日期、文章人气、回复、文章类型编号、文章类型名称、文章回复数。

■ 评论：评论序号、评论用户呢称、评论标题、评论内容、评论时间、评论的文章序号。3.4 系统操作流程

分析传统Blog系统这一环节所应具有的功能，可以得到Blog系统应具有以下功能：

高级系统用户（管理员）通过浏览器，可以实现文章的管理（对文章的各种信息进行浏览、增加、删除、修改等）、普通系统用户对文章信息只能阅读和留言。而该系统添加了在线即时聊天，是为该系统的一个亮点。由此得到的系统的流程图如图3-3所示

系统操作流程图 3.5组件和样式分析

ASP.NET为开发人员提供了用户控件这一新技术来实现Web元素的共享，开发人员可以通过Visual Studio.Net进行Web元素的外面的开发，同时可以通过Web元素后台代码的方式进行表现层的开发。设计用户控件提高了代码的可重复使用的性能。在本系统中，使用了ST_Header、ST_Footer等用户控件。

第四章 BLOG系统设计 4.1后台功能模块详细设计

通过此功能用户可以对主页中的许多功能和数据进行操作控制。4.1.1 身份验证

管理员通过此登陆入口进入管理界面，此入口需要填写正确的ID才能够登陆，非法ID不能够登陆，其界面如图4.1所示：

图4.1 管理员登录界面一个系统能正常使用，安全性是非常重要的一个部分。安全性是对用户的生份进行验证并通过验证的用户按照为其授予的访问权限来确定用户是否可以访问某资源的一个过程。为了保证系统的安全，为了保证应用程序的安全，本系统采用了身份验证技术。

该代码表示系统禁止对ST_login目录下的ST_admin进行匿名访问.如果存在匿名用户,系统将自动验证用户名，提示错误信息。保证了系统的安全.关键代码如下：

实现此功能的关键代码为：

protected void Button1_Click(object sender, System.EventArgs e)

{

OleDbCommand ST_myCmd = new OleDbCommand(“select * from ST_admin where ST_admin_user='” + adminname.Text.Trim()+ “' and ST_admin_psw='” + adminpsw.Text.Trim()+ “'”, ST_myConn);

ST_myConn.Open();

OleDbDataReader ST_read = ST_myCmd.ExecuteReader();

if(ST_read.Read())

{

Session[“UserName”] = ST_read[0].ToString();

Response.Redirect(“ST_admin.aspx”);

}

else

{

Response.Write(“”);

}

} 4.1.2 后台文章添加管理

管理员可以在此页面操作管理功能，这些功能可以对主页进行添加、删除、修改等操作：

图4.2 管理员操作界面 public void ST_Save_Add()

{

string ST_n_title = HtmlEncode(Request.Form[“n_title”]);

string ST_n_author = HtmlEncode(Request.Form[“n_author”]);

string ST_n_key = HtmlEncode(Request.Form[“n_key”]);

string ST_n_content = Request.Form[“n_content”].Replace(“'”, “''”);

int ST_cmd;

if(Request.Form[“n_iscmd”]!= null)

{

ST_cmd = 1;

}

else

{

ST_cmd = 0;

}

if(ST_n_title == “" || ST_n_key == ”“ || ST_n_content == ”“)

{

Response.Write(”

标题,摘要,内容不能为空!

点此返回“);

Response.End();

}

else

{

string ST_sql = ”insert into ST_news(ST_n_author,ST_n_title,ST_n_key,ST_n_content,ST_c_id,ST_n_iscmd)values('“ + ST_n_author + ”','“ + ST_n_title + ”','“ + ST_n_key + ”','“ + ST_n_content + ”',“ + Request.Form[”listtype“] + ”,“ + ST_cmd + ”)“;

OleDbCommand ST_myCmd = new OleDbCommand(ST_sql, ST_myConn);

ST_myConn.Open();

ST_myCmd.ExecuteNonQuery();

ST_myConn.Close();

Response.Redirect(”ST_main.aspx“);

}

} 4.1.3 后台文章类别管理

图4.4 类别管理界面

protected void Page_Load(object sender, System.EventArgs e)

{

string ST_dns = ConfigurationSettings.AppSettings[”conn“];

ST_myConn = new OleDbConnection(ST_dns);

ST_Type_List_Bind();} private void ST_Type_List_Bind()

{

OleDbDataAdapter ST_classCmd = new OleDbDataAdapter(”select ST_c_id,ST_c_name from ST_class“,ST_myConn);

DataSet ST_classds = new DataSet();

ST_classCmd.Fill(ST_classds,”类别列表“);

ClassList.DataSource = new DataView(ST_classds.Tables[0]);

ClassList.DataBind();}

4.2前台功能模块详细设计 4.2.1前台主界面前台主界面图如下：

图4.3 前台主界面

该页面是普通用户最主要的页面，普通用户所有功能操作都与该页面有关。普通用户采用匿名登录，可以访问该页面的所有功能。4.2.2 前台用户回复评论文章模块

前台普通用户回复评论文章界面如下图所示:

该模块的功能是对文章发表回复，同时验证发送内容都不能为空。其关键代码如下： protected void replay_Click(object sender, System.EventArgs e)

{

if(IsPostBack)

{

if(r_nick.Text.Trim()==”“ || r_title.Text.ToString().Trim()==”“ || r_content.Value.Trim()==”“)

{

Response.Write(”

昵称,标题,内容不能为空!

点此返回“);

Response.End();

}

else

{

string ST_sql = ”insert into ST_replay(ST_r_nick,ST_r_title,ST_r_content,ST_r_date,ST_n_id)values('“+ r_nick.Text +”','“+ r_title.Text +”','“+ r_content.Value +”','“+System.DateTime.Now +”',“+Request.QueryString[”id“]+”)“;

OleDbCommand ST_myCmd = new OleDbCommand(ST_sql,ST_myConn);

ST_myConn.Open();

ST_myCmd.ExecuteNonQuery();

ST_myConn.Close();

ST_add_Re();

Response.Redirect(”“+Request.QueryString[”id“]+”.aspx“);

}

} 4.2.3 在线聊天登录界面模块

用户可以通过该页面进入聊天室，实现在线即时聊天。用户可以不用注册，直输入用户名，进入聊天室聊天。对于用户名相同,系统会提示错误文本消息。

图4.5 聊天登录界面其关键代码为：

protected void Login(object sender, EventArgs e)

{

string user = txtUsername.Text;

if(!ValidateNick(user))return;

if(Global.Engine.UserExists(user))

{

lblErrorMsg.Text = ”这个用户名已经存在，请更换后重试.“;

return;

}

Response.Redirect(”Server.aspx?action=Login&u=“ + user);

} bool ValidateNick(string nick)

{

if(nick == string.Empty)

{

lblErrorMsg.Text = ”请在这输入呢称.“;return false;} if(nick.Length > 10){ lblErrorMsg.Text = ”呢称太长, 请不要超过１０个字“;return false;} return true;

}

4.2.4 在线聊天模块在线聊天界面如下:

图4.6 聊天窗口界面

该页面采用了ajax技术实现页面无刷新只在聊天窗口实现数据更新,完成信息交互的功能,达到了很好的聊天效果。关键方法代码如下： function postText(){ rnd++;chatbox = getElement(”mytext“);chat = chatbox.value;chatbox.value = ”";

userid = location.search.substring(1, location.search.length);url = 'Server.aspx?action=PostMsg&u=' + userid + '&t=' + encodeURIComponent(chat)+ '&session=' + rnd;req = getAjax();req.onreadystatechange = function(){

if(req.readyState == 4 && req.status == 200)

{

updateAll();

} } req.open('GET', url, true);req.send(null);

} 4.3 数据库的详细设计 4.3.1 数据表设计

博客系统中的数据管理形式采用数据库，根据系统需要与数据规范化分为用户表ST_admin，类型信息表（ST_class），链接信息表（ST_link），留言信息表（ST_message），文章信息表（ST_news），评论信息表（ST_replay）这六个表，表结构分别如下：

表1 ST_admin(用户表)序号列名数据类型长度字段说明 1 ST_admin_user Nvarchar 50 管理员ID 2 ST_admin_psw Nvarchar 50 管理员密码该表为管理员登录的信息表，本系统没有包含管理员用户的注册模块，管理员帐号直接在数据库中设计。普通用户匿名登录主页。表2 ST_class(类型信息表)序号列名数据类型长度字段说明 1 ST_c_id Bigint 8 文章类型号 2 ST_c_name Nvarchar 50 文章类型名

该表用来记录文章类型的相关信息，系统文章分了类别，使管理文章，查看文章都变的非常的方便。

表3 ST_link（链接信息表）序号列名数据类型长度字段说明 1 ST_l_id Bigint 8 链接号 2 ST_l_name Nvarchar 50 链接名 3 ST_l_url Nvarchar 50 链接地址

该表记录了链接的相关信息，方便用户快速的链接到想浏览的网站，提高了用户的操作效率。

表4 ST_message(留言信息表)序号列名数据类型长度字段说明 1 ST_id Bigint 8 留言号 ST_nickname Nvarchar 50 网友呢称 3 ST_title Nvarchar 50 留言标题 4 ST_homepage Nvarchar 50 个人主页 5 ST_content Ntext 16 留言内容 6 ST_mdate Datetime 8 留言时间 7 ST_hf Ntext 16 留言回复该表包含了留言的相关信息，留言模块方便普通用户和版主之间的交流，为他们提供了一个专门的途径。

表5 ST_news(文章信息表)序号列名数据类型长度字段说明 1 ST_n_id Bigint 4 文章号 ST_n_author Nvarchar 50 文章作者 3 ST_n_title Nvarchar 200 文章标题 4 ST_n_key Nvarchar 200 文章摘要 5 ST_n_content Ntext 16 文章内容 6 ST_n_date Datetime 8 文章发表日期 7 ST_n_hit Bigint 8 文章人气 8 ST_n_re Bigint 8 文章回复 9 ST_c_id Bigint 8 文章类型编号 10 ST_c_name Nvarchar 50 文章类型名称 11 ST_n_iscmd int 4 文章回复数

该表为文章信息表，包含了文章的相关属性，用来记录文章信息。该模块可以帮助用户了解文章的基本信息。比如：文章人气高可能是内容很有意义，方便用户去阅读那些比较好的文章。

表6 ST_replay(评论信息表)序号列名数据类型长度字段说明 1 ST_r_id Bigint 8 评论号 2 ST_r_nick Nvarchar 50 呢称 3 ST_r_title Nvarchar 50 评论标题 4 ST_r_content Nvarchar 250 评论内容 5 ST_r_date Datetime 8 评论发表时间 6 ST_n_id Int 4 评论文章编号

此表为评论信息表，用来记录评论信息。评论也是用户的一种交流方式。该模块加强了用户之间的沟通。4.3.2数据库访问

该系统数据库的连接在应用程序配置文件（Web.config）中设置了数据库的连接信息。这样提高了程序的的移植性，且为版本升级，代码扩展提供了良好的基础。连接语句代码如下：

…

在功能代码中用如下语句与数据库关联：

Protected void Page_Load(object sender,System.EventArgs e){ String ST_dns=ConfigurationSettings.AppSettings[“conn”];

ST_myconn=new OleDbConnection(ST_dns);} 第五章

结束语 5.1 不足之处与改进

本系统现已基本完成，基本功能已经具备，但在如下几个方面还存在着不足，需要做进一步的研究与开发，使Blog系统能够更完善。5.1.1 权限分配

本系统权限分配不够细化，只分为管理员和普通用户。管理员可以对数据库进行所有操作，普通用户只能浏览文章，发表回复,在线聊天。而不能发表自己的文章，管理自己的文章，缺乏作为低级管理员的功能。如果我们能在数据库中为各种不同的用户分配不同的角色来细化权限的分配，这样可以便于我们对系统的管理和维护，也能够更多的满足广大用户的需求。5.1.3 界面美观化

一个系统强大的功能固然重要，能有一个漂亮的界面也必不可少。特别是界面上颜色的搭配很有讲究，要符合系统的基调。让用户更加赏心悦目，为此我认真研究了CSS，.NET。在一定程度上美化了界面，但是对FLASH，PHOTOSHOP还不同熟悉，所以界面显得单调。5.2 结论

本文提出并设计了一个基于ASP.NET 的完整的博客系统，该系统整合了数据库技术、ASP.NET技术、网站开发技术等。主要实现了当前主流博客的基本功能，并在该系统中添加了聊天功能，该功能采用先进的Ajax技术，不但功能强大而且好用。因此它的功能比传统的博客更加全面。采用MVC模式，按照任务和业务驱动的过程进行开发。但是本系还存在着一些不足之处，如安全性上的密码未采用加密，部分功能待完善，权限分配不够全面不够细。通过对这个系统的学习与开发，让我更好地掌握了ASP.NET的开发技术，更深刻地理解了网站的开发流程。

在两个月的开发周期中，让我明白一点，就是测试的重要性。所谓建系统，测试先行，软件工程的知识告诉我们一个系统的开发从立项到投入运行，很长的周期都是在测试上的，这次的实际的系统开发让我增长了测试的经验。

参考文献

[1]．张树亮，李超著《asp.net2.0+sql server网络应用系统开发案例精解 [M]清华大学出版社2006-9 [2]．明月创作室编著《visual c#编程精彩百例》[M] 人民邮电出版社 2001-9 [3]．孙永强，杨丽坤著《Visual C#.NET中文版Web服务开发基础》[M] 清华大学出版社2006-9 [4].金雪云著《ASP.MET简明教程》[M] 清华大学出版社2003-7 [5]．马军著《ASP网络编程从入门到精通》[M] 清华大学出版社2005-9 [6]．沈阳，李勇敢著《ASP.NET程序设计教程》[M]电子工业出版社2006-10 [7].李友兰，杨晓光著《Visual C#.NET程序设计》[M] 清华大学出版社北京交通大学出版社2004-4 [8]．张桂元，贾燕枫，姜波著《征服 Ajax Web 2.0快速入门与项目实践》[M] 人民邮电出版社 2006-6 [9]．Hyde.R(美)《编程卓越之道（第一卷）：深入计算机》[M] 电子工业出版社 2006-4 [10]．Ryan Asleson,Nathaniel T.Schutta(美)著金灵等译《Ajax基础教程》[M] 人民邮电出版社2006-2

致

谢

首先，我要特别感谢熊清廉老师对我的悉心指导，在设计期间熊老师帮助我收集文献资料，理清设计思路，指导实验方法，提出有效的改进方案，及指导。导师渊博的知识、严谨的学风、诲人不倦的态度和学术上精益求精的精神使我受益终生。

感谢我的导师熊清廉老师，他严谨细致、一丝不苟的作风一直是我工作、学习中的榜样。

我要感谢我们学院给我们授课的各位老师，他们循循善诱的教导和不拘一格的思路给予我无尽的启迪。正是由于他们的传道、授业、解惑，让我学到了专业知识，并从他们身上学到了如何求知治学、如何为人处事。我也要感谢我的母校湖南科技学院，是她提供了良好的学习环境和生活环境，让我的大学生活丰富多姿，为我的人生留下精彩的一笔。

在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意！

第三篇：网站设计说明书

培训妈妈网站设计说明书

摘要：在这个知识信息膨胀的年代，为了让自己在学业与职场中更具有竞争力。针对这些诉求应用而生的，便是各行各业打着不同口号的培训机构。有针对教育的辅导班也有针对个人公关能力的培训班等等。在社会监督机制与国家市场管理不健全的情况下，培训机构的生存与发展无疑是对经营者的考验．在这么一个良莠不济的环境里，我们只能依靠自己的火眼金睛去分析解剖，认清真正具有实力与质量的培训机构，从而为自己选择一个在同等环境与条件下，选择一个更加适合自己的培训机构。鉴于这样的一个情况下，建立一个专门为大众服务的培训机构点评网站，是十分具有意义的．一个具有多功能真正能够帮助学员去选择培训机构与培训机构自身的发展与完善是具有良好的互助关系．

关键词：网站培训机构点评

１、前期调研总结２、网站设计策划

２.1、网站设计的目标、网站定位２.2、网站要提供和发布的信息类别２.3、确定网站名称及网站虚拟域名

３、网站总体设计

３.1、网站VI设计、风格定位。３.2、网页布局及版面设计、栏目设计。3.2.1、首页 3.2.2、网站介绍

3.2.3、产品与服务 3.2.4、帮助中心 3.2.5、合作加盟 3.2.6、联系我们

３.3、网站导航图设计。４、网站效果图展示

5、参考文献

１、前期调研总结

通过前期的问卷调查与访谈调研，以下几点成为我们在建立培训点评网站具有指向标的作用。

1.1、目前适用网络的主要群里是年轻的一代。他们多数是出于工作调查了处理工作、学习需要，收集资讯、关注社会，娱乐放松是促使这些群里上网的主要的原因。同时在这些群体里学生与上班族对于外出培训、进修都拥有较高的支持率。

1.2、信息量大，权威性，实用性大，结构合理受到大多数人青睐。例如百度、谷歌、新浪、网易、迅雷等等大网站便是绝大数进行搜索浏览的网站。但是，同时也存在着针对培训方面的信息的真实性与实用性都存在较大的问题。

1.3、真实性与教学质量是绝大多数人比较关心的问题。也就造就大多数人对于培训机构的不了解与不信任，因此也有许多人在选择培训机构之前，都会向与有过在外培训经历的人的请教。加之，为了经济利益的见效，许多网络广告的无孔不入使人谈虎色变。网战的生存与诚信面临更大的挑战。

1.4、信息的繁杂，怎么能过以最快捷的方式获得自己最需要有用的信息。在信息繁杂的以快速获得信息，视觉效果突出，操作简单，互动性强为主的逐渐成为大家所关心，关注的关键点。

1.5、搜索网站的吸引性没有太大的性别差异。主要还是在于信息搜索的真实、准确性。因此，在网站的较强多样性中，抓住信息的真实与准确更具有优势。

２、网站设计策划

通过上诉的前期的调查问卷的分析，网站的整体定位的落脚点放在的培训点评上。为了使得这个网站更具有生命力与功能性。再在点评的基础上增加培训课程查询、教育培训资讯分享、学院交流、学费返现、培训团购以及林林总总的优惠活动。我们的首要任务：为用户提供一个有价值的参考。我们的目标：打造培训业界最公正权威的平台。我们的价值观：分享、互助、成功。

２.1、网站设计的目标、网站定位

培训妈妈点评网的就命名而言就是要建立一个能够被信任的网站，一个真正就站在对学员负责的角度与对待具有含金量的培训机构所青睐的培训点评网。网站的目标就是为了给学员提供一个公正，透明的平台，通过网友的点评来区分机构的好坏，避免学员上当受骗，同时也想借此平台推动培训机构的成长与优化。

培训妈妈网，以“为用户提供一个有价值的参考”作为首要任务，以“打造培训界最公正权威的平台”为目标，同时基于学员的学习需求为基础，致力与为学员搭建一个良好的学习、交流平台，也是为广大优秀的培训机构或学校提供一个更加具有竞争性与含金量的品牌宣传和招生平台。作为一个具有权威性、综合性强、信息确实的的门户网站。我们的目标人群是锁定在于追去进步与晋升的年轻、稳重的青年群体。从而，培训妈妈网的整个设计定位在于简介、清爽、活跃、咨询丰富，结构合理，操作简单、检索便利等特点。

２.2、网站要提供和发布的信息类别

培训妈妈网能过呈现给用户的是真正具有针对教育培训机构点评网站。是一个集培训点评、培训课程查询、教育培训资讯分享、学院交流、学费返现、培训团购等功能为一体的综合培训门户网站。全面的评内容：覆盖了培训的各个行业，包括电脑IT、语言培训、职业资格、技能培训、财经、管理、文体才艺、学历教育和补习辅导。

通过汇集千万网友的真实培训点评，为你选择培训机构提供一个有价值的参考；报读培训课程，可获得5%-8%的学费返现；定期为你提供团购课程，为你省钱，省心；培训机构展示自己和推广自己的舞台。除此之外，在今后我们还设想除点评、返利和团购等功能，还努力与培训机构达成协议，提供优惠活动、优惠劵、礼品、论坛等多种资讯服务。

２.3、确定网站名称及网站虚拟域名

网站最终敲定为培训妈妈网（www.xiexiebang.com）即是为了便于大家的记忆。也是我们对于这个信息爆炸与诚信相对失落的年代的认识。为了能够让人快速的记住一个新事物，只有通过一个媒介来指引。同时也想把培训妈妈网的的用意向世人表明。想妈妈一样的关怀学员，尽自己的所能为学员提供更好的学习资讯。因此，便使用培训妈妈网这样的一个网站名字，既让人觉得亲切有觉得可以信赖。３、网站总体设计

作为一个让学员反馈意见又能与培训机构合作的网络平台。结构合理、操作简单，科学符合逻辑的编排以及大气简洁的排版结构。使用的色调清新宜人，不仅仅能够获得大众的认同，同时便于学员在搜索时的便利。

３.1、网站VI设计、风格定位。

出于对于网站的定位以及功能性的考虑，摈弃色彩艳俗与装饰性过多的配饰。网站主色调用白色作为主调，搭配着象征着活力与权威的黄色作为点缀。同时配合具有趣味性的图片与具有光洁质感以及现代感强的图形。最终将网站的视觉效果设计是给人以大气、简洁、活力、权威与现代感。

３.2、网页布局及版面设计、栏目设计。

网页设计的布局的好坏，直接关系到浏览者对于网站的关注率与时间的长短。是否符合一般大宗的浏览习惯与其他人气较高的网站相比较后，做出最佳的设计方案。然而一个合理具有一定的功能性与实用性的栏目与网页的布局也有着千丝万缕的关系。经过多次思考讨论，最终敲定将首页、网站介绍、产品与服务、帮助中心、合作加盟、联系我们，这六个栏目作为网站栏目。见下首页效果图

首页效果图

3.2.1、首页：搜索条、导航条、企业小公告（滚动显示）；网站简介，最新动态，网站功能介绍。通过简洁、干净的页面将最有价值的信息都呈现在浏览者的眼前，减少寻找信息的时间。例如。图一，将网站最大的功能与特色服务使用红、黄、绿水晶质感的图片将点评、返利、团购等特色服务更加直观的表达出来。同时也给首页赠点一些层次感，丰富以白色调为主的页面色彩，暗喻出培训妈妈网的丰富含金量高的服务。

图一

3.2.2、网站介绍：该板块以文字显示部分企业内容介绍，网站的起源、功能、网站性质、价值观、服务等。高的服务。使用具有力量与广度的图形，简洁而不简单的表达出培训妈妈网的目标与价值观。见图二

图二

3.2.3、产品与服务：该板块按照网站能够提供的服务为标签介绍网站的功能。按照标签的方式让浏览者更加快捷的找到自己所需要的相关信息。言简意赅的介绍培训妈妈网的服务项目与服务的详情。见图三

图三

3.2.4、帮助中心：该板块主要要针对学员与机构的热点问题做出详细胡解答说指引，使用框架图并附上简短的文字说明，让浏览者能够快速理清思维清楚培训妈妈网能够为他做什么，同时也能快速掌握信息的发布等问题。只要是我们能过为浏览者考虑到的问题，我们都会将其解决方法挂到网页上，以求浏览者在最短的时间解决遇到的问题。见图四。

图四

3.2.5、合作加盟：该板块用文字将联系方式QQ与固话呈现出来。我们尽己所能为浏览者提供服务，力求得到大家的认同。同时也希望这样的网站越来越多，带领网络走向一个全新的诚信信息科技时代。见图五

图五

3.2.6、联系我们：该板块提供了网站客户与公司进行交流的平台。用户可通过该板块的信息联系培训妈妈网的工人员。我们期待广大网友的关注与联系，也时刻准备着新的挑战。见图六

图六

３.3、网站导航图设计。

３.6、网页层次设计（创建系统图表）。

4、网站效果图展示

网站介绍页面

产品与服务

帮助中心

合作联盟

5、参考文献

1.《HTML+CSS网页设计与布局从入门到精通》，人民邮电出版社，I S B N：9787115183392。2.《网页设计与制作(CS5中文版）从新手到高手》，人民邮电出版社，I S B N：9787302241799 3.《页设计创意书》人民邮电出版社，I S B N：9787115238351

第四篇：个人博客课程设计说明书

课程设计任务书

课程名称：项目实训

（一）课程设计

设计题目：个人博客

已知技术参数和设计要求： 1.问题描述（功能要求）：

个人博客系统用来展示个人风采，其中模块主要包括：(1)个人档案(2)博客日志(3)技术文章(4)友情链接等网站常用频道性能需求如下：

(1)界面友好，易于操作。(2)简洁美观

其他要求：

1）HTML网页代码不用借助于工具，通过祼编程实现，如记事本实现2）每行代码增加注释 3）所有文档规范完整

4）所有里程碑需通过小组评审 2.运行环境要求：（1）客户端： windows操作系统 360浏览器（2）服务器：

windows server 版操作系统 IIS组件安装

3.技术要求：

要求分别使用三种不同的方式来实现。

 HTML  CSS  JavaScript  XML  PhotoShop（（（（(1)了解有关Web网站建设的基本概念与方法。

(2)掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。

(3)掌握网络信息发布与维护的方法。

设计工作量：

40课时

工作计划：

(1)2011级软件工程所有班级

2课时：课程设计相关知识介绍。多媒体教室 18课时：设计，普通教室。

16课时：上机、调试。计算机系机房 4课时：答辩。计算机系机房。

（具体时间地点老师先申请，机动安排）

指导教师签名：

日期：

教研室主任签名：

日期：

系主任签名：

日期：

摘要

课程的综合网页与网站的制作实践，是在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此设计对实现本课程的培养目标,提高学生的综合素质有着重要的作用.本课程设计是培养我们创建一个静态的个人博客网页，主要采用的是html语言编写（其中还包括CSS层叠样式表和JavaScript脚本语言），里面包含六个模块，分别是首页、个人档案、心情日志、温馨相册、友情链接。是为个人设计的一个介绍与展示自我的数字平台。

本次实训是培养学生自学能力，而且通过实训提高学生的个人学习素养以及团队精神，以后更适合就业。本次通过对博客的制作，让学生学习制作网页，了解网页制作。培养学生综合实力。

该网页编写内容用到html顶级代码、ps制图、设置下拉菜单、图片运动和怎样创建链接、插入图片、音乐、跑马灯、动态时间，以及用户界面的设计。

关键词：博客系统，html，设计网页,css

1个人博客系统需求分析...................................................................................................................................5 1.1 题目描叙...............................................................................................................................................5 1.2 实训目的...............................................................................................................................................5 1.3 需求分析...............................................................................................................................................5 2静态网站开发技术介绍...................................................................................................................................7 2.1 PhotoShop效果图设计方法..................................................................................................................7 2.2 HTML脚本语言....................................................................................................................................8 2.3 CSS层叠样式表....................................................................................................................................9 2.4 JavaScript脚本语言..............................................................................................................................9 3 网站开发具体实现........................................................................................................................................10 3.1 首页布局设计.....................................................................................................................................10 3.2二级页面设..........................................................................................................................................16 3.2.1个人档案.................................................................................................................................16 3.2.2心情日志效果...........................................................................................................................18 3.2.3 技术文章效果..........................................................................................................................19 3.2.4 程序设计效果........................................................................................................................21 3.2.5 网页制作效果........................................................................................................................23 3.2.6温馨相册效果...........................................................................................................................26 3.2.7友情链接效果...........................................................................................................................29 3.3 跑马灯设计.........................................................................................................................................30 3.4 动态时间设计.....................................................................................................................................32 3.5 下拉菜单设计.....................................................................................................................................33 4网站创新与改进点.........................................................................................................................................35 4.1创新点.................................................................................................................................................35 4.2改进点..................................................................................................................................................35 5总结.................................................................................................................................错误！未定义书签。参考文献............................................................................................................................................................36 附录A 源代码:.................................................................................................................................................37

1个人博客系统需求分析

1.1 题目描叙

个人博客系统用来展示个人风采，其中模块主要包括：

1）首页

整个博客的主要部分，其中包括动态时间、下拉菜单和状态栏等难点问题。首页主要显示个人信息，最新的心情日志信息。2）个人档案

括基本资料（用户名，QQ，昵称，性别，移动电话，所在城市，生日，E-main）就读大学，个人说明，座右铭等信息。3）心情日志

显示所有的心情日志，包括日志名称，发表时间。也可以考虑分页显示。3）技术文章

技术文章包括程序设计和网页制作。技术文章显示所有的文章，包括文章名称，发表日期。二级页面程序设计中包括所有关于C语言的文章，可在三级页面中打开。网页制作也一样。4）温馨相册

显示所有的相册，包括相册封页和相册名称。大图显示单张照片（三级页面）。5）友情链接

显示友情信息，其中包括多个网站。

1.2 实训目的

通过本实训，应具有创建一个静态的小型个人网站，并将其发布到Internet上运的能力

1）.掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。

2）.了解有关Web网站建设的基本概念与方法。

3）.掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。

4）.掌握网络信息发布与维护的方法。

5）.掌握HTML、CSS、JavaScript等也页面设计方面相关技术

1.3 需求分析

设计的题目是个人博客系统，所需功能如下： 1）首页

首页主要显示个人档案，最新的心情日志信息 2）个人档案

个人档案主要包括几个大的分类：基本资料，教育背景等 3）心情日志

显示所有的心情日志，包括日志名称，发表时间。4）技术文章

显示指定的文章信息，包括文章名称，发表时间。5）友情链接

显示友情信息 6）温馨相册

显示所有的相册，大图显示单张照片。7）其他频道信息。

依需求分析，设计如下的功能结构：

2静态网站开发技术介绍

静态网页早期的网页都是一些静态网页.这些静态网页也称之为静态HTMI.文件，它是一次性写成。制作好静态网页后，内容相对稳定.不需经常修改，文件比较小.适合在网上传抽，执行效率很高;但具有固定信息的HTML文件，当需要改变其信息内容时，就必须重新使用没计工其来更改，然后重新放置在Web服务器上。HTMI，文件从本质上来说是文本文件.它不需要进行编译就能执行，是靠运行它的浏览器解释执行的。静态网页中一般包含文本、图像和超链接。

2.1 PhotoShop效果图设计方法

用PhotoShop网页效果图设计最大特点就是色彩统一，布局协调，结构清晰。给人以沉稳，纯朴的感觉。图像关键首先在于背景图象的选择，图像如果过于花俏则会使表单过于杂乱，如果颜色过深则会掩盖了表单上的字，这个实验很多要用到椭圆工具和钢笔工具，因此要先熟悉地掌握他们的使用方法，多看课本并进行一些实验操作能比较快地掌握它们的使用方法。部分的图形元件然后执行“修改组合路径联合”命令，联合途径，因此不能把整个图象作为绘制的对象，否则就不能达到实验效果，操作的难度也会加大。同时对 “修改组合路径联合”命令要深入了解才能在适当的时间和位置使用。最后用ps对色彩的表现和转换、改变、编辑。首先要掌握PS，我们要学会：

常用选择工具及填充色彩工具的使用。

路径工具及色彩工具的使用。

图层及图层混合模式的使用。

常用滤镜使用技巧

图层色彩调整及图像模式的使用。

路径工具的使用技巧。

通道及路径的使用技巧。

图层、通道、路径高级实例分析讲解。

常用滤镜使用及外挂滤镜使用技巧。

Photoshop在照片中的应用，婚纱照、老照片等技巧。Photoshop在平面广告创意中的应用。

Photoshop在包装盒制作中如何布局及包装盒制作中的应用。Photoshop在网页制作中如何布局及网页制作中的应用。Photoshop在效果图后期处理中的应用。

一、建立新文件

不要太大，因为背景图一般是平铺在底面上的。然后把背景填充上浅浅的颜色如淡黄色：

二、输入文字

1.选择喜欢的字体和颜色输入文字，然后调整字的大小和位置。这里有几个注意事项：

第一，字的大小和字型最好不要太死板，最好用另外的字体和不同的尺寸突出你想突出的一个或几个字，必要时可以拉长或压扁。

第二，字和背景的颜色搭配要得当，这没有什么规律可言，一般只要看着顺眼就行了。2.然后选择“图层->新建->图层”或Ctrl+N快捷键建立新层。3.在图层上进行编辑。

三、插入图片

这一步，可以从外部插入图片，也可自己利用PHOTOSHOP制作一些图片。

三、技术处理

1.这里的步骤很随意，试几个滤镜，只要得到自己满意的效果就行了。从这里的操作体现出个人的审美观点。

2.在层面板上点击背景层前面的小眼睛，隐藏背景层，然后对单个图层进行操作。[1]

2.2 HTML脚本语言

HTML（Hyper Text Markup Language 超文本置标语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名。生成一个HTML文档主要有以下三种途径：

1.手工直接编写（例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具）。2.通过某些格式转换工具将现有的其它格式文档（如WORD文档）转换成HTML文档。3.由Web服务器（或称HTTP 服务器）一方实时动态地生成。

HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样。[2] 2.3 CSS层叠样式表

CSS 指层叠样式表(Cascading Style Sheets)，样式定义如何显示 HTML 元素，样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题，外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中，多个样式定义可层叠为一样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的.css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。[2]

2.4 JavaScript脚本语言

JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。由数行可执行计算机代码组成。JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，函数由关键字function定义（也可由Function构造函数构造）；使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用；函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数；return语句用于返回表达式的值。[2] 网站开发具体实现

3.1 首页布局设计

网页的内容通常是由图片和文字组成。由文字构成的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是网页能吸引人的一个有力保证。所以我在首页布局时特别考虑了颜色的搭配和图片的选择。同时，超链接是网页中最活泼、最有吸引力的一种元素。表格在许多工作中有着广泛的应用。

首页是以一整张图片做为背景，其头部有首页、个人档案、心情日志等六个超级链接，使用的代码是列表UL，图片代码如下：

友情链接

温馨相册
技术文章

程序设计

网页制作

第五篇：个人博客系统软件需求说明书

鸡西大学电气与信息工程系10软件吕娜君

个人博客系统需求规格说明书

个人博客系统...................................................................................................................1 1引言..............................................................................................................................2 1.1编写目的:................................................................................................................2 1.2背景：....................................................................................................................2 1.3定义........................................................................................................................2 1.4参考资料.................................................................................................................2 2任务概述.......................................................................................................................3 2.1目标........................................................................................................................3 2.2用户的特点.............................................................................................................3 2.3假定和约束.............................................................................................................3 3需求规定.......................................................................................................................4 3.1对功能的规定..........................................................................................................4 3.2需求分析.................................................................................................................4 E-R图：...................................................................................................................4 3.3对性能的规定..........................................................................................................5 3.3.1精度：..............................................................................................................5 3.3.2时间特性要求：................................................................................................5 3.3.3灵活性：...........................................................................................................5 3.4输人输出要求..........................................................................................................5 3.5数据管理能力要求：...............................................................................................5 3.6故障处理要求..........................................................................................................5 3.7其他专门要求..........................................................................................................5

鸡西大学电气与信息工程系10软件吕娜君

1引言

1.1编写目的: 本需求的编写为实现个人博客系统奠定了基础，定义了个人博客系统的详细需求，同时它也是进行项目策划、概要设计和详细设计的基础，是维护人员进行内部维护，信息更新，验收和测试的依据。本需求的预期读者是与个人博客系统软件开发有联系的决策人，开发组成人员，如果可能实现的话，将面向辅助开发者，支持本项目的领导和公司人员，软件验证者。

1.2背景：

随着Blog快速扩张，它的目的与最初的浏览网页心得已相去甚远。目前网络上数以千计的Bloggers发表和张贴Blog的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组以及BBS和论坛更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具。

充分做了可行性分析后，我们对系统的是使用人群、主要功能等有了一个初步构想。

本项目的任务提出者及开发者是个人博客系统软件开发小组,用户是主要是学生。本产品是针对博客用户的需求设计的，可以完成博客用户注册、登入、发表、浏览、修改博文、上传、浏览照片片、留言等主要功能。

1.3定义

个人博客系统：个人博客是使得博客用户能够在网络上发表及其评论相关博客。使用汉语编程语言，独立完成其功能。

1.4参考资料

《软件工程》

《数据库系统概论》

鸡西大学电气与信息工程系10软件吕娜君

2任务概述

2.1目标

总体目标，做好详细需求分析，确保博客系统能满足用户要求。编写需求说明文档满足一下要求。a．无歧义性

对最终产品的每一个特性用某一术语描述；若某一术语在某一特殊的行文中使用时具有多种含义，那么应对该术语的每种含义做出解释并指出其适用场合。b．完整性

需求分析报告应该包括全部有意义的需求，无论是关系到功能的、性能的、设计约束的、还是关系到外部接口方面的需求；对所有可能出现的输入数据的响应予以定义，要对合法和非合法的输入值的响应做出规定；填写全部插图、表、图示标记等；定义全部术语和度量单位。c．可验证性

需求分析报告描述的每一个需求应是可以验证的。可以通过一个有限处理过程来检查软件产品是否满足需求。d．一致性

在需求分析报告中的各个需求的描述不能互相矛盾。e．可修改性

需求分析报告应具有一个有条不紊、易于使用的内容组织；没有冗余，即同一需求不能在需求分析报告中出现多次。f．可追踪性

每一个需求的源流必须清晰，在进一步产生和改变文件编制时，可以方便地引证每一个需求。

g．运行和维护阶段的可使用性

需求分析报告必须满足运行和维护阶段的需要。在需求分析报告要写明功能的来源和目的。

2.2用户的特点

本软件的使用对象主要是学生。可以达到使用本系统的基本要求：会汉语、懂计算机的基本操作。系统管理员需要能够熟练操作计算机，具有网站管理、数据库应用等相关技术。

2.3假定和约束

.软件约束：VS2008、IIS、SQL2000；

硬件约束：Web服务器及数据库服务器。内存1024M、硬盘120G。

鸡西大学电气与信息工程系10软件吕娜君

3需求规定

3.1对功能的规定

用列表的方式（例如IPO表即输入、处理、输出表的形式），逐项定量和定性地叙述对软件所提出的功能要求，说明输入什么量、经怎样的处理、得到什么输出，说明软件应支持的终端数和应支持的并行操作的用户数。

3.2需求分析 E-R图：

用户登录密码用户性别用户邮箱用户头像ID用户用户ID用户名最近登录时间

是否管理员标记

鸡西大学电气与信息工程系10软件吕娜君

3.3对性能的规定 3.3.1精度：

在精度需求上，根据使用需要，控制各项输入、输出数据的长度。确保保证用户正常使用的同时节省系统空间。

3.3.2时间特性要求：

用html语言写博客首页，做到响应时间在3秒内。

对附件上传做好文件大小限制，保证满足一般需求并且传输通畅，同时节约空间。

3.3.3灵活性：

要求系统可以在各种主流浏览器上正常运行，对不同分辨率的显示器具有良好适应性。针对用户的新需求可以做到系统灵活修改。

3.4输人输出要求

输入：登陆个人博客系统的账号。

输出：个人博客系统的相关信息。

3.5数据管理能力要求：

要求新系统有稳定、完整的数据库系统支持，可以容纳大量的数据和各种资料。同时还具有灵活的数据管理能力，包括查询、更新、修改、统计等功能。数据库的维护和备份也要做到方便、简洁。

3.6故障处理要求

当系统出现故障时，可利用系统自身的维护工具来进行系统的故障排除。

3.7其他专门要求

如新系统可以设置不同的访问权限，用户单位为了安全，可以针对不同级别的用户来设置不同的访问权限。用户使用系统时，操作简单方便。同时系统具有可维护性、可补充性、易读性、可靠性、运行环境可转换性的特殊要求等。

鸡西大学电气与信息工程系10软件吕娜君

本说明书由设计人员根据软件需求规格说明书编写，由主程序员和程序员实施，供测试人员及维护人员参考。

高级程序员：吕娜君

日期：2012-10-26

竖起衣领多人博客网站说明书

第一篇：竖起衣领多人博客网站说明书

第二篇：毕业设计-博客网站

第三篇：网站设计说明书

第四篇：个人博客课程设计说明书

第五篇：个人博客系统软件需求说明书

相关范文推荐

博客网站设计制作策划书

博客网站论文开题报告

如何运营好个人博客网站？

英语学习推荐网站和博客（最终版）

网站推广新标准样式—博客推广

如何做自己的博客网站

儿童博客网站需求分析报告

基于JSP的博客网站系统开发(论文)