第一篇:个人博客网站的设计与实现
摘 要
最近几年博客在国内发展的非常迅猛,它可以作为其使用者个人或者工作中的文章、日记、照片等分享的平台,其渐渐成为新兴的网路媒介,并且扩展至营销、商业推广等商业应用,越来越多的人们建立了属于自己的博客来展示自己的风采。
该博客网站设计的目的旨在建立以ASP.NET和SQL Server 2005数据库为工具,功能简洁、结构灵活且精致、轻巧的个人博客网站系统。其中网络日志的管理作为本系统的主要目标,且同时可以满足用户对于图片,相册,留言,个人信息等的管理和展示,并且可以设置博客的背景音乐等功能。
该设计的开发环境为Microsoft Visual Studio 2005,使用C#编程语言进行编码,采用的是SQL Server 2005数据库。
关键字:DotNet;C#; 个人博客; 数据库; SQL Server 2005
ABSTRACT
In recent years, The Blog develops rapidly in China.It can be used as a platform which shares its user's articles for daily life or for work, and also shares diaries and musics.Blog has become an emerging media on the Internet gradually, and it has extended to be business applications such as marketing and promotion.More and more people have established their own blogs to show themselves.The design for this blog website aims to build a personal blog system which based on ASP.NET and SQL Server 2005, having advantages such as its concise functions, flexible structures, exquisite but simple looks.The management of cyber diaries is the main objective for this system.The system can also meet the requirements such as managements and displays for user's pictures, photos, messages and personal information.Yet it can set background musics.This design is developed by Microsoft Visual Studio 2005, coded by C#, and based on the database of SQL Server 2005.Keywords: Asp.Net;C#;Personal Blog;Database;SQL Server 2005
目 录
第一章 系统概述...................................................1 1.1研究背景........................................................1 1.2研究现状........................................................1 1.3设计内容........................................................2 1.4 课题研究意义...................................................3 第二章 系统开发环境...............................................4 2.1 ASP.NET概述....................................................4
2.1.1 ASP.NET和ASP.NET结构.....................................4 2.2 C#概述..........................................................7 2.3 动态网站技术介绍................................................8 2.4数据库技术......................................................8 2.5 ADO.NET连接数据库..............................................9 第三章 需求分析..................................................11 3.1 可行性分析.....................................................11
3.1.1 技术可行性.................................................11
3.1.2 经济可行性.................................................12
3.1.3操作可行性.................................................14 3.2 功能需求.......................................................14 3.3 性能需求.......................................................15 3.4系统用例.......................................................15 第四章 系统概要设计..............................................17
4.1概述...........................................................17 4.2系统结构.......................................................17 4.3 数据库设计.....................................................18
4.3.1 数据库设计概述.............................................19
4.3.2 数据库概念设计.............................................20
4.3.3 数据库实体设计.............................................22
4.3.4 数据库设计表...............................................24 第五章 系统详细设计..............................................28 5.1用户登录模块的实现.............................................28 5.2留言板模块的实现...............................................29 5.3相册模块的实现.................................................31 5.4图片管理模块的实现.............................................34 5.5背景音乐的实现.................................................37 5.6日历模块的实现.................................................39 第六章 总结......................................................41 参考文献.........................................................42 致谢.............................................................43
基于Asp.Net的个人博客网站的设计与实现
第一章 系统概述
1.1研究背景
BLOG一词耳熟能详,把它翻译成我们所熟悉的意思就是“网络文章”,现在一般叫做“博客”。具体说来,使用浏览器或者某些程序,在互联网上去创作、书写、发贴和刊登自己的文章、照片等信息的人就是博客(BLOGGER)。
每一个BLOG都是一个网页,其通常是由简单短小并且经常更新的Post来构成;这之中所贴的文章全都以年份、日期为依据排列。BLOG的内容与目的大相径庭,其包含网站的相关链接、灌水、评论,对有关组织以及个人所构想的文章、图片、绘画、歌曲,乃至实时消息、构想的故事的发表和出版应有尽有。很多博客是个人对心中的感情和一些奇思妙想的抒发方式,而其它的博客则是一些人按照一些特定的主题或者共同爱好的领域进行的自发性的集体创作。BLOG可以理解为向整个网络传达实时的讯息。而创作这些blog的作者便被称为博客或者博主。
Jorn Barge在一九九七年的十二月第一次提出了BLOG一词,但到当年互联网上的博客屈指可数,直到进入新世纪博客才真正的流行起来。最开始,博客们每天把他们其浏览互联网的的感受和想法记录下来,然后发表出来,以供其他人参考和借鉴。但随着BLOG的快速发展,其目的与最初的时候已经大相径庭。现如今互联网上面数以百万计的博客们所创作并且发表出来的难以计数的BLOG有着各种各样的目地。但是,因为其沟通方式较E-mail、聊天室更简洁、容易上手,更加快捷和广泛,BLOG已经成为个人、团体、公司和政府部门之间越来越流行的沟通工具。
1.2研究现状
BLOG,把它翻译成我们所熟悉的意思就是“网络文章”,现在一般叫做“博客”。具体说来,使用浏览器或者某些程序,在互联网上去创作、书写、发贴和刊登自己的文章、照片等信息的人就是博客。是一个急速发展的网络活动,现在博客一词已经被现代汉语词典所收录,标志着这种新兴事物已经被人们所接受。BLOG是在E-mail、BBS、IM之后的所涌现出的新一种互联的社交形式,是在这个新时代的属于个人的一个交流平台,是以迅猛发展的网络技术为基础的网络日记,是新时代的生活与工作方式的体现,同时也是新时代的学习方式的体现。
每一个BLOG都是一个网页,其通常是由简单短小并且经常更新的Post来
构成,这之中所贴的文章全都以年份、日期为依据排列。BLOG的内容与目的大相径庭,其包含网站的相关链接、灌水、评论,对有关组织以及个人所构想的文章、图片、绘画、歌曲,乃至实时消息、构想的故事的发表和出版应有尽有。传统意义上的日记带有着很强的隐私性。与此不同的是BLOG同时具有着隐私性质与公开性质,并且将二者有机结合了起来,博客绝不只是单纯的去表达个人的思想与记录日常生活中的流水账,博客所展示的内容可以用来沟通、展示自我并且可以为他人提供参考和帮助,它存在于整个互联网,可以极大程度的展示自我,极广泛的进行交流。
博客出现于九七年底,在九八年“DrudgeReport”这一blog成为披露克林顿绯闻案的先锋;
2000年博客开始走入中国,并且得到迅速发展,但并没取得突出业绩; 2001年博客在911事件的报道中发挥了巨大的作用,从而步入主流; 2003年在对伊拉克战争的报道中,美国众多传统媒体所具备的公信力遇到博客的重大挑战;
2004年是对于中国博客的发展至关重要的一年,木子美事件使很多中国人了解了博客,并学会了使用用博客;
2005年,像搜狐,新浪这样的很多起初对博客这一事物不抱期望的的国内各门户网站,也纷纷加入到发展博客的行列,从此国内博客的发展进入了战国时代。最近几年,芙蓉姐姐等网络名人的一炮走红也使得博客更加深入人心。
博客们每天把他们其浏览互联网的的感受和想法记录下来,然后发表出来,以供其他人参考和借鉴。但随着BLOG的快速发展,其目的与最初的时候已经大相径庭。现如今互联网上面数以百万计的博客们所创作并且发表出来的难以计数的BLOG有着各种各样的目地。但是,因为其沟通方式较E-mail、聊天室更简洁、容易上手,更加快捷和广泛,BLOG已经成为个人、团体、公司和政府部门之间越来越流行的沟通工具。
如今,门户网站已经普遍有了自己的大型博客站点。目前,国内发展较好为人们所熟知的相关网站有:新浪,搜狐,腾讯,百度等。
1.3设计内容
网站的界面很友好、明快、舒适;操作起来容易、快捷;查询资料快捷、准确。本个人博客网站在很大程度上实现安装的简易性、操作的简单性与维护的最小化。系统运行有较高的稳定性、安全性和可靠性。在功能上游客身份可以用不注册,直接通过匿名访问的方式在博客前台进行查看用户的博客日志,发表留言,查看用户的相册图片等操作。博客用户可以在前台的页面登录,然后进入后台页
面。在后台可以进行发表日志和管理日志以及日志的留言,添加相册,删除相册,上传、删除图片等操作。博客的主人在登录之后可以修改自己的个人信息,也可以设置自己博客的背景音乐。
1.4 课题研究意义
根据上面所介绍的相关信息我们已经知道如今博客的发展已经到了比较成熟的阶段了,它已经被人们所广泛接受。博客在改变着人们抒发情感与人际间相互交流的方式,它拉近了人与人的距离,改变着人们社交的方式;博客极大的扩展了着人们对于信息世界的想象,它影响着整个互联网的发展趋势,甚至对社会的发展会起到想当重大的影响。
博客这样一种有着巨大影响的新的信息传播方式的发展,必将有利于社会的进步。但同时也应看到,由于博客所具有的快速广泛传播信息的功能,一旦为不法分子所利用将带了严重的后果。所以我们要把这种好的作用尽可能的发挥到最大,并且通过技术、法律和道德的力量来避免不好的作用,在这过程中必然就需要通过开发新的技术来让博客的用户们活动更好的体验。
现在各个大中型的门户网站都退出了博客、空间等服务,令广大用户能够在互联网上有属于自己的一席之地。为了满足广大用户们在使用博客的过程中所追求的个性化要求,本个人博客网站尽量采用了.NET中的新方法,该个人博客采用.NET的可视化开发环境,所见即所得。从而让开发人员可以更加高效快捷的得到开发内容的实际效果,并且进行相关调试。3 基于Asp.Net的个人博客网站的设计与实现
第二章 系统开发环境
2.1 ASP.NET概述
DOTNET也就是我们通常所说的.NET,准确来说它叫做.Net框架。作为Windows系统的的一种组件,NET框架将会支持未来会出现的各种应用程序和XML Web业务。.Net框架刚刚提出的时候,微软确定要实现以下目标:给程序开发者统一的面向对象的编程环境。提供一个控制软件的布置和协调不同版本之间矛盾的执行环境,尽可能的减少矛盾,提供了更加安全可靠的的代码运行环境,提供一个可以避免脚本运行或者解释运行环境所引起的整体性能降低,使开发人员面对的操作系统的应用程序与网络应用程序相协调。
.Net框架在通过初步发展之后,在.Net 框架l.0以及它的升级版.Net 框架l.l中,更好地支持移动ASP。净监控及支持ODBC和Oracle数据库。后.Net 2.0中出现了越来越多不同的API。API允许管理.Net执行时的非实例.Net应用程序能够将其实现。不同以往的API.Net里面有着丰富的本领,比如:多线程,分配内存,代码的载入,给予了有效的管理,其次.Net 3.0里面加入了四个WPF。为开发Windows窗体和浏览器应用程序提供更好的用户体验的WCF。给予用户SOA(应用于服务软件的架构),以支持安全的网络服务框架。Windows工作流基础(WF):提供面向工作流的设计和开发(面向工作流程)的应用基础设施,以支持应用程序接口。Windows CardSpace的:提供的SSO解决方案,所有使用者都拥有属于自己的CardSpace。在这个项目后,所使用的.Net框架3.5,这个版本包括一款支持C#和VB的网络中心编译器的语言功能的支持。同时,.Net 框架3.5的自动.Net 框架2.0 SPⅠ.Net 框架3.0 SPⅠ,用于这两个版本提供安全修补程序,以及少量额外的库的。2.1.1 ASP.NET和ASP.NET结构
ASP.NET是.NET 框架的一个组成部分:它给了用户大量的用于编程的类,以满足各种编程需要。
.NET 框架类库
假如你是Microsoft。假如你必须支持大量的编程Language,比如Visual Basic、C#和C++。这些编程语言的很多功能相互重叠。例如,对于任何程序语言,必须包括的文件系统的访问,与数据库和操作系统的字符串的操作方法。
并且,虽然语言不同,但是实现相同功能时的程序结构是相似的。就像任何
程序语言都能够使用循环结构与条件结构的语句。写在Visual Basic语法的使用条件语句是写在C + +中是不一样的,程序的功能却是一样的。
此外,对于绝大多数的程序语言来说来都有着类似的数据类型。绝大多数的程序语言,都有能够定义整数型和字符型的数据。虽然由于程序语言的种类不同,整数型数据的最大值和最小值不尽相同,但是它们都是对应着用一种数据类型。
同时向多种语言来提供这种功能要耗费很多的资源。为什么继续重复工作呢?对所有的语言只创建这种功能一次,然后把这个功能应用在每一种语言中岂不是更容易。
.NET Framework类库正是这么做的。它包含一个庞大的集合,旨在以满足任何可以想象的编程需要的类。举例来说,数据库访问,文件协同,操作文本,生成图像等工作.NET Framework类库所提供的的类型足以将其实现。刨去以上的内容,本框架中有着众多专业的类型应用在处理网络协议的执行任务和正则表达式上。
此外.NET Framework包含所有基本的变量数据类型。
相比于之前的脚本语言,ASP.NET优越性集中表现在下面几个特性上:
(一)高效性
以.NET框架做为基础来制作的的ASP.NET,应当使用VB,C++这些高度模块化的编程语言,只要执行一次编译器后便可以直接运行,因此ASP.NET的速度和效率比ASP这种只能依靠VBScript和JavaScript这样的脚本编程语言,增强了很多。
(二)可重用性
ASP.NET比起以前的ASP来是大相径庭的。ASP中ASP的代码与HTML是混在一起的,而ASP.NET中是代码与内容是完全分离的,可重重复使用性大大提高。
(三)代码量小
在ASP中,要实现的功能是通过编写代码来实现,但ASP.NET只是事先,可以自动实现,因此,当实现相同的功能,小于ASP的ASP.NET代码量。
(四)ASP.NET不是解释性的而是编译型的
ASP.NET编译器由两个阶段组成。在第一阶段,当一个ASP.NET页面是第一次访问或早期编译ASP.NET网站,包含语言代码江北编译成微软中间语言中间语言代码,像ASP.NET网站的编译模型可以在不使用背景语言的混合编程。第二阶段,ASP.NET页面执行时,MSL IL代码可以由即时编译(时间,JIT)的形式被编译成机器语言。
ASP.NET页面的编译过程为:
如果是VB.NET代码,则使用这种语言所编译器;若使用的是C#代码,则使用C#对应的编译器;如果是其他语言代码,则使用其对应的编译器。统一将
其编译为MSIL代码,之后进行JIT变编译,随后编译为机器语言代码最终进行执行。6 基于Asp.Net的个人博客网站的设计与实现
2.2 C#概述
C#是一种Microsoft为了实际应用.NET而根据其特点和需要所创造的不同于以前出现过的的的编程语言。C#同.NET Framework存在密切相关的关系,C#中所包含地类型便是.NET里面所能提供地所有类,而且C#可以直接使用.NET 框架所提供地类库。此外,C#中所包含地理性的安全检查和结构化异常的处理等全部由CLR来处理。事实上,ASP.NET 3.5便是使用C#语言来进行开发的,因此C#这种编程语言不进十分适合Web应用程序的开发,而且还适合用于强大的系统程序的开发。
C#这门语言具有着如下的特点:
在.NET 框架所提供的环境中执行C#的代码的时候,无法对内存直接进行操作,从而使得程序的安全性能大大提高。C#中并不推荐使用指针,如果想要使用指针的话,需要添加unsafe修饰符才行,并且在编译的时候需要采用/unsafe这个参数。
采用C#编程语言可以构建出健康高效的应用程序。C#中的垃圾回收功能将会自动的回收那些不再被使用的对象所占用的内存。而异常处理功能则提供了结构化的并且可扩展的错误检测与恢复的方法。独有的类型安全的设计从根本上排除在读取未被初始化过的变量和未被初始化过的数组的时候导致溢出上限的可能性。
C#编程语言有着整合的类型系统。全部的C#类都继成于唯一一个根类——object。所以,全部的类型都能够共享同一组通用操作。
C#编程语言完全支持使用组件编程。现在软件设计越来越依靠有着自包含与自描述功能包形式的软件组件,通过属性,方法和时间来提供编程的模型。而C#恰恰可以轻而易举的创建并且使用这些软件组件。
通过上面的介绍,可以想象.NET Framework会是非常庞大的。它有着三千四百个的类。幸运的是,类不会简单的堆在一起。.NET Framework通过鲜明的层次结构将类组织在命名空间中。
例如在先前的ASP中,你只有五个标准类的访问,而在ASP.NET中所提供的类超过三千四百个!
命名空间是一个逻辑分组,像是,有关工作在System.IO的文件系统类型设置。您通过完整的类的命名空间,可以唯一识别在the.NET框架位置的任何一类。默认情况下,ASP.NET页面,在一些选定的命名空间中包含的类,在ASP.NET里普遍应用类被系统初始化。
基于Asp.Net的个人博客网站的设计与实现
2.3 动态网站技术介绍
鉴于博客网站系统的操作界面均为Web页面的形式,并且需要对各种用户的请求实时进行处理以及返回结果,而这些是一般的静态Web页面所无法实现的,因此需要使用动态网页技术。现在动态网页技术有很多,例如CGI、SP.NET、JSP、ASP、ASP.NET等。本设计将以ASP.NET为主要技术。
ASP.NET是ASP版本的下一代,它不仅仅是ASP Four,而是一种新的Web开发框架,包含了许多新的功能。不像ASP,ASP.NET是完全基于模块化和组件,它的可扩展性和定制是用ASP技术无法比拟的,在数据处理方面引入了许多令人振奋的新技术,为Web开发人员提供了更多的灵活性,网络是有效的改善应用程序的开发效率。ASP技术相比,ASP.NET的进展是革命性的。ASP.NET和Windows2005 Advanced Server的完美结合,为小型和中型企业用户和企业用户的网络商务活动提供了更好的稳定性,安全性,高效的运行环境。
2.4数据库技术
该个人博客网站所具有的存储用户信息,文章,图片,音乐等功能必然要通过数据库技术来实现。
统一的SQL Server 2005中的语言风格,可以完成这项工作的数据库活动,包括创建数据库,数字模式,改变和查询数据和整体安全的保障和数据库的维护。数据库应用系统的发展提供了一个良好的环境。即使系统在实际使用之后,用户仍旧能够根据需要来改变系统的结构,同时保证数据的正常运行,这一特点令系统有了非常优异的扩展性能。
在使用SQL语言访问数据库时,用户不需要像C语言那样具体的写出如何实现操作,而只需要写清楚要做的事情,SQL语言就可以将要求提交给数据库管理系统,然后由数据库管理系统自动全部工资。
自二十世纪八十年代以来,SQL便是DBMS这一系统所采用的规范化语言。最早的SQL标准是ANSI(American National Standards Institute)于1986年10也颁布的。ISO(国际标准化组织)于一九八七年六月正式通过了国际标准,并在此基础上补充,****年四月,ISO发布有着全部功能的SQL,SQL-89。SQL-89标准的颁布,对数据库技术队发展和数据库的应用都起到了巨大的推进作用。尽管如此,SQL-89依然有相当多不足之处。因此,SQL-89的基础上,研究和修订3年以上后,国际标准化组织与ANSI于1992年8月颁布了新的标准
——SQL-92 亦或是SQL2。值得注意的是它依然没有很全面,因此于一九九九年有颁布了SQL-99或叫做SQL3。
SQL语言就能够实现所数据库活动的工作,包括数据库的创建,修改和查询数据和安全管理和维护数据库,使用户可以继续死对数据库结构根据修改后还需要数据库系统投入使用。同时不会影像数据库的运行,从而使得系统具有良好的可扩展性。
在使用SQL语言访问数据库的时候,用户无需告诉计算机怎样一步步的达成操作,只需要描述清楚所要实现的目的。SQL语言之后便会将用户的要求提供到数据库管理系统,然后其将自动将剩余的任务达成。
尽管SQL语言有着强大的功能,但是它并不复杂,通过很少的几条命令便能实现众多功能。而且,SQL语法和日常语言比较相似,十分便于学习。
SQL语言能够通过到命令的模式直接应用,同时能够嵌入在使用的编程语言之中。如今数据库制作工具普遍的直接将SQL语言变成自己的语言,它是使用起来非常方便。贴现使用,为用户提供了一个灵活的选择。但不管是什么样的应用,SQL语言都会采用大体相同的格式。鉴于SQL 2005所具有的功能可以方便高效的实现本次工作的目的,本系统将使用SQL 2005。
本网站的开发工具使用的是Visual Studio 的二零零八版,使用的是C#语言作为编程语言,用到的技术有ASP.NET这一微软推出的先进技术,在数据库开发方面使用的则是SQLServer数据库,版本为二零零五。
2.5 ADO.NET连接数据库
在网站的开发过程中,如何存取数据库是最常用的部分。.Net 框架提供了多种存取数据库的方式。
ADO.NET这种数据访问技术虽然比较先进,但也存在着需要编写大量重复代码的问题,为了提高工作效率,ASP.NET 2.0进行来大胆的改进,增加来许多数据源控件和数据绑定控件。数据源控件包中的所有接入和数据处理功能,包括连接到数据源头,使用选择,更新,delete和插入SQL代码来获取数据和管理。数据绑定控件是用来显示数据在多种方式。把数据来源相关的控件和绑定上数据的空间有机整合起来,用户只需要轻点需要的属性,基本上不用依靠任何代码就都可以访问数据库。
System.Data命名空间管理专业类在ADO.NET中,数据处理是一个关键部分。所有依靠ADO.NET的软件的实现方法的关键都是数据集。该数据集是一个内存库中的副本。一个数据集包括许多数据表,每个数据表一般都会对应着一个数据库的表或者视图。有些特定的命名空间便是用来提供处理数据集,数据表和
视图的类。通过这些类能够方便的以编程的方式与数据库中的数据进行交互。
System.Data命名空间中的类,涵盖了所有的内容和关系数据库,如某些特定的类的外键查找和修改数据视图的数据关系表。
使用System.Data能够将数据库中的数据进行缓存,方便客户端进行读取,从而打到提高数据交互性能的目的。
System.Data是数据操作的关键,System.Data命名空间中包含的类负责着协调整合修改并且提供数据交互的一些常用功能:
通过使用共同System.Data命名空间中的类和接口的连接,可实现连接数据库。在这之中最关键的是DataSet类,它管理者数据库中的多个表。这些表在第一次读出来之后就保存在内存中,在此读取的时候可以直接从内存中读取,因此一般会把DataSet放在内存的缓存里边。10 基于Asp.Net的个人博客网站的设计与实现
第三章 需求分析
3.1 可行性分析
技术可行性:如今主流的计算机配置水平均可以实现平台的安装和稳定运行;SQL数据库和VS2008等编程工具提供了可靠的编程环境;凭借以前所学的软件开发方法和编程的知识,并且查阅相关资料和书籍可以为网站的开发提供足够的技术保障。
社会可行性:目前互联网上已经有很多成功的博客网站,博客系统的存在完全符合国家的相关法规和普遍的社会价值观,不存在严重的障碍。此外,博客的的操作方式简便,门槛低,适合大多数人使用,其内容符合大众的价值观,有利于提高人们学习、交流的效率,因此本设计具有可行性。
经济可行性:本设计基于ASP.NET开发,完全可以实现免费、开源,用户可以直接浏览博客信息和留言,并且可用通过免费注册来获得更多的功能,便于为人们接受。3.1.1 技术可行性
技术可行性是本设计最关键的部分,也是其他可行性的基础。需要根据用户所提出的各种功能要求和限制条件,在技术的角度上研究本系统实现的可行性。系统的开发涉及多个方面的技术。包括了系统的软件和硬件,网络的环境,人员的技术水平,系统开发的各种相关理论。在
在技术可行性方面需要考虑的有很多,首先是技术人员,无论任何工作,都是以人为本的,由人来完成,最后面向的用户也是人。而不管是个人还是团队,如果要开发一款产品都需要相应的技术基础。对于个人来说必须要掌握相关的技术或者确定可以在可接受的时间范围内掌握该技术才能够去进行开发。对于团队来说,团队之中至少要有一个人能够完整的掌握相关的技术,不能这个人会一点那个人懂一点来东拼西凑,这样会大大的降低开发效率。而且对于团队来说,良好的团队协作是成功的必要条件,如果一个人所写的代码虽然能顺利运行,但是不具有很好的规范性兼容性,那么这个团队也是无法协同工作的。
之后要提到的就是采用的技术,从信息革命爆发以来所涌现出的新技术新理念层出不穷,但是为人们所广泛接受的技术同庞大的总量比起来就显得九牛一毛了。很多技术或者是不成熟,或者是不完善或者是不符合大多数人的价值观。总
之因为各种各样的原因导致它们没有广泛的应用。我们在开发的过程中确定了产品的功能之后要做的便是选择合适的技术来实现它,这其中的大多数技术应当是成熟的可靠的,因为作为一款产品首先应该是可靠的,不能总是出现问题。但是也应当采用一些具有新特点的技术,令本产品同其他类似产品比起来有所独特的地方,能够在众多同类产品中脱颖而出。当然,如果技术实力足够强大,也可以更加大胆和广泛的采用新技术新理念。
博客作为一款网络应用,需要注意的还有网络环境的问题,如何降低网络环境的波动对博客系统性能产生的影响。比如博客在只有少数用户的时候能够流畅的运行,但是在面对大量的用户时原有的资源就可能捉襟见肘,如何在低谷和高峰之间进行切换,在面对大量用户时不会导致明显的性能能下降,在面对少量用户时避免资源的浪费。
最后要注意是硬件条件,有些程序在正常运行的时候看起来效果很好,但是它要求的硬件条件非常高。像是核爆炸的模拟程序,它已经各个大国所使用,它能够为相关领域的科技发展提供极大的便利。但是由于它庞大到令人惊叹的运算量,世界上也只有着为数不多的超级计算机能够运行它。再比如一款游戏,在刚推出的时候如果只能在那个时期顶尖的旗舰级电脑平台上才能流畅运行,那么能接受它的用户面就会仅仅限制在一些游戏发烧友上,失去广大的用户群体,从而导致无法获得理想的经济回报。因此,对于博客这种需要依靠大的用户群体来支撑的事物,必须用尽可能地的硬件要求便能实现好的用户体验。
技术成熟性方面本系统的软件方面采用ASP.NET技术,而.NET技术已经投入实际应用很长时间,如今已经成为来计算机领域一门非常有前途的技术,它成熟、稳定。并且本网站的开发开发工具使用的是Visual Studio 的二零零八版,使用的是C#语言作为编程语言,用到的技术有ASP.NET这一微软发明的先进技术,在数据库开发方面使用的则是SQLServer数据库,版本为二零零五。通过ADO技术将其与.NET有机结合起来开发出一个适应性强,稳定并且高效的系统,在相关的技术方面不存在不成熟,缺乏实际检验,缺乏实用性和适应性的问题。其硬件方面由于采用的是较老版本的软件平台,其对硬件的要求较低,现在绝大多数个人电脑均能运行。在技术人员方面,我之前在课堂上学习过ASP.NET网站的开发和SQL数据库,并且通过在图书馆查阅相关资料,网上参考类似的成熟的相关产品,和老师同学的交流等掌握了所需的技术。预期整体开发过程所需时间小于毕业设计所规定的时间,能够独立按时完成任务。3.1.2 经济可行性
经济可行性是指可以使用的资源的可能性,经济可行性研究的核心是成本效益分析,主要是估算开发成本是否会高于预期利润。要关注开发设计所投入的资
本与软件所带来的经济效益是否对称,要关注软件是否能够给用户创造经济效益并且带来好的体验。对于一款产品来说,经济可行性是至关重要的。我们开发产品的最终目的是为了产生经济效益,如果这个最高目标无法得到实现,其他的努力都将是徒劳的。所谓经济效益就是最后能产生的直接利益加上间接利益再减去开发成本和运行维护的成本所得到的收益。现有的博客的盈利方式主要有植入广告,用户个性化需求等方面。植入广告已经成为了互联网行业的一个主要盈利方式,比如谷歌公司百分之九十以上的经济收入来自于广告。而广告盈利的前提是有这大量的点击量,现在很多网站上有大量的恶意广告和不友好的广告,比如要实现点击某个连接或者看到某些内容就必须点击若干个广告。这种方式在短期来看是能够为网站提供大量的点击率,但是随着同类网站的发展,用户会趋向于简单友好的网站,而不是下载个文件都需要机械性的点击关闭多次广告的网站。好的广告植入方式应该是在尽量不引起用户反感并且能够吸引用户的注意力,用户应该对广告的内容有一定的选择能力,而不是那些闪耀到晃眼的模式单一的广告。并且由于不同人的博客有着不同风格主题,针对某一风格主题也有着特定的人群。比如CSDN中主要的用户都是计算机领域相关的人员,而关注刘慈欣博客的人大多是科幻小说的爱好者。对于不同风格主题的博客应该投入不同类型的广告,从另一个角度来说,采用某些技术可以记录人们在浏览互联网时所关注的信息,在这些信息中选择出一些具有代表性的产品在特定用户浏览博客时以图片连接的形式呈现在其面前也是一种被广泛使用并且十分有效的方式。
对于另一种盈利方式,也有着十分广泛的市场,比如腾讯空间中有有少量的比较死板的主题和皮肤。而腾讯空间的主要使用者又是喜欢追求个性的年轻人,而在腾讯空间的商城中有着十分丰富并且符合年轻人喜好的各种付费产品,并且其又推出了各种钻来以优惠为吸引人的方式让用户对其产生长期的依赖,使为其投入一定的金钱成为交水电费一样的生活习惯,从而为产品带来长期稳定的用户群体。并且通过收取一定的费用可以提供一些特权服务(会员),比如更低廉甚至免费的个性化装饰,在更大限度上放宽带宽的限制,提供去除广告的功能,使得浏览更加简洁和流畅,并且可以扩展一些受限的功能(好友数量的限制,图片最大数量的限制等)。并且将其付费方式与时下迅猛发展的新付费方式所结合,让客户足不出户轻点鼠标或者发几条短信就能购买到所要的功能和产品。在成本方面需要考虑的有开发的成本和运行与维护的成本。
开发成本是指在开发产品时所花费的人力,物力和时间。人力成本与开发人员的数量,层次有关,对于大型的高端的开发需要大量高端人才,其成人力本无疑将是巨大的。而对与小的点单的产品开发则往往只需要个人便能独立完成,其目的又多以兴趣爱好,验证自身技术和较小的盈利为目的,这种开发的成本相对来说是很低的。在物力投入和花费方面也与所开发的产品是密切相关的,对于所
要开发的产品应该事先进行评估,确定其开发中所需要投入的各种成本,并且对今后的运行维护做出比较准确的预期。从而避免出现系统自身问题导致耗费大量人力物力来解决后期运行中的问题。
而我们所开发的这套博客网站系统正式基于提高用户使用效率,节省工作时间,简化操作管理的理念来设计的。并且本系统是个人独立设计开发的,并不需要投入大量经费,系统今后的运行和维护也相当简便,无需投入额外的资金,其成本不会出现超于预期的可能。并且在其过程中也可以提高个人的开发水平,因此在经济上是完全可行的。在系统运行的过程中将定期进行系统备份,在遇到突发事件时只需将备份的系统在另外一台具有所需环境的计算机上即可还原,并且重新运行,系统的可靠性高,风险小。3.1.3操作可行性
在当今这个信息技术迅猛进步的时代,信息技术早已深入到社会中的每个地方,它为人们带来来便利的工作方式,优越的工作环境,因此也对人们的工作效率和操作水平提出了更高要求。在这种发展趋势下,减少费时费力的人工操作,通过各种智能化软件来提高工作效率和工作精度就成为了一个很重要的方向。
对于用户来说一个可以轻而易举上手的产品显然比那些要读完冗长的说明书甚至进行一定的学习培训才能操作的产品受欢迎的多。一个成功的博客应该是
很友好的,对于任何一个熟悉上网方式的人都应该能够无障碍的使用它。同时它的功能又应该是全面的,用户可以用符合日常习惯的方式来实现所要达到的目的。对于一些新颖的功能,应该通过给予用户一些奖励的方式使用户对其产生兴趣,并且试用它。若是使用起来有一定的难度则应该给予一定的说明和引导。比如腾讯微博在更新出新功能时会通过种种奖励和优惠积极像广大用户推广,并且用很详细的方式来一步步引导用户学会使用新功能。
本博客网站系统的用户平台同时面向游客、普通注册用户和管理员,其界面简洁,采用web的可视化界面,普通注册用户只需要轻点鼠标和键盘就可以使用博客;而数据的输入和维护均由博客的管理者来完成。正是由于这些特性,本博客系统十分适于新手使用,无须学习复杂的教程便可以获得好的体验。故,本博客网站系统在操作上是可行的。
3.2 功能需求
用户管理模块:注册(游客用户)、登入(注册用户)、修改资料(注册用户)系统管理模块:用户管理(管理员)
文章管理模块:添加(注册用户)、删除(注册用户,管理员)
留言管理模块:张贴评论(游客用户,已注册用户,管理员)、删除(注册用户,管理员)
相册管理模块:添加相片(注册用户)、删除(注册用户,管理员)音乐管理模块:添加音乐(注册用户)、修改(注册用户)、查询(注册用户)、删除(注册用户,管理员)
3.3 性能需求
数据精度要求:数据需要遵循严格的格式,否则系统将不会予以响应。时间要求:运行环境方面的连接响应时间应小于等于10秒,对大于180秒没进行任何操作的用户其访问认证将失效,需要重新进行登入。
数据管理要求:即数据库系统管理,其包括:
注册信息表包含用户名,密码,住址,爱好,职业等基本信息。并且要求数据库的自动增长比例为2%。
日志记录:包含标题,时间,内容,作者等信息。留言管理:包含回复人,内容,时间等信息。相册管理:包含评论人,内容,时间等信息。
控制:用户在进入博客首页面后,可以以三种身对博客网站系统进行浏览——游客身份,普通用户身份(需要通过登录)和管理员身份(需要以特定的帐号来登录),在访问over后关闭所浏览的网页的同时也就退出了博客,3.4系统用例
根据以上需求分析,总结出个本人博客系统的基本功能需求。如图3-1所示: 15
日志管理<
基于Asp.Net的个人博客网站的设计与实现
第四章 系统概要设计
4.1概述
本博客系统采用B/S结构,即Browser/Server或浏览器/服务器结构;建立在两种Web服务模式之上,本模型结构适用于Internet环境下。用户只需要连上Internet,便能够在任何时间、任何地点使用本系统,本网站工作的原理如4-1:
执行过程请求客户端回发验证Web服务器传送数据库检索 图4-1 系统工作原理图
4.2系统结构
本博客网站系统基于B/S架构,分为用户前台和管理者后台这两大模块。
前台的关键任务是:查看日志、查看相册、大家评论、音乐背景、用户登录、用户资料等功能模块。
后台的主要功能为:日志管理、相册管理、图片管理、留言管理等功能模块。本系统的功能部分结构如图4-2所示: 基于Asp.Net的个人博客网站的设计与实现
系系系系系系系系系系系系系系系系系系系日背日日发志留相添上景用日相历志布类言册加传音户志册浏留管日别管管相图乐登查浏览言理志管理理册片设录看览文板理置章图4-2系统功能结构图
从上图可以看出本个人博客系统由前台和后台这两个功能模块组成。前台功能模块包括:
用户登录:用户通过自己所注册的账号和密码登录成功后便能进入属于自己的博客管理界面。
日志查看:日志查看可以分为对日志的列表进行查看和对日志的内容进行查看,并且日志可以根据类别进行浏览。
相册浏览:相册浏览包含首页最新相册和相册列表这两项,点击相册的类别便可以看到该类别的所有图片。
留言板:本博客系统具有留言板功能,游客和用户能均可以到留言板发表留言。
用户资料:对于登录之后的的用户来说,在这里能够修改自己的个人信息,对于么有登录的用户则只能浏览个人信息。
后台功能模块包括:
日志管理:即发布日志,更改日志,deleted日志,并可以对日志类别进行区分和修改。
留言管理:博主可以在留言板以博主身份回复前台的留言信息。相册管理:可以进行添加相册,修改相册,删除相册等操作。图片上传:用户可以选择指定的相册,将上传图片至该相册中。音乐设置:博主能够在后台对博客的背景音乐进行上传、删除等操作。
4.3 数据库设计 个人档基于Asp.Net的个人博客网站的设计与实现
4.3.1 数据库设计概述
数据库设计是使用现有的数据库管理系统,针对特定应用的简历数据库模型,建立数据库来满足它所要实际使用的环境。因此,它可以快捷的采集数据,进行内存操作和管理数据,实现使用者对信息需求和处理的要求。从另一个角度来看,数据库的设计是在现实世界的数据库管理系统的紧密结合,有机的过程,结合相应的。
在数据库的设计过程之中,我们将会遇到的关键难题会是:
懂得计算机与数据库的人往往缺乏应用业务的只是和实际经验。而熟悉应用业务的人一般又不懂得计算机和数据库。两者兼具的人很少。
在项目的一开始旺旺不能明确应用业务的数据库系统目标。能普遍适用的工具与设计方法几乎不存在。
用户的要求一般情况下并非在一开始就是鲜明的,而是在设计的过程中不断的提出新要求,甚至在数据库完全建立之后还会要求修改数据库或者增加新的功能。应用业务系统成千上万,难以找到一种广泛试用于各种应用业务的工具和方法,隐刺增加里研究数据库自动生成工具的难度。由此可见,研制一种适合所有应用业务的全自动的数据库生成工具是不可能的。
要设计数据库首先要明确系统目标。这样可以确保开发工作得以顺利实施,提高工作效率,保证数据模型的准确和完整。数据库设计的终极目标是数据库必须满足使用者对数据的存储和处理的要求。一个成功的数据库应该是功能强大的。能够准确的显示工作数据。使用方便,易于维护。在系统实际投入使用的时候,对于用户的请求能够在合理的时间内给与响应。方便在投入使用之后根据实际情况对数据库结构进行再次的改进。便于对数据的查找和编辑。维护数据库的工作较少。具有可靠的安全措施可以保证数据的安全。冗余的数据尽可能少。便于数据的备份和恢复。数据库的结构对于最后使用的用户应当是可视化的。
新奥尔良方法。这种方法是一种比成熟的数据库设计的办法。其主要包括对需求进行分析,之后根据需求建立概念结构,以之前的工作为基础简历逻辑结构,最后设计系统的物理结构等肆大部分。这种方法注重于数据库的结构设计,而不太考虑数据库的行为设计。
数据库设计方法——E-R模型是以第三范式作为理论基础的,抽象的语言规范世纪的方法,设计方法的基础上,使用在数据库设计的各个步骤中的的实际的技术和方法。
数据库设计的实现方法,从根本上来讲依旧是靠手工分析来设计的,他的基本思想是通过不断的反复带入和不断的精益求精来实现的。
在数据库设计过程中,首先要做的是需求分析,在这个部分要做的是对我们
所生活的世界中要实现的目标进行详细调查,通过之前的调查中所得到的有用的信息,来确定系统的新功能,基本数据和处理方法收集支持系统目标。需求分析是基于用户进行的调查,通过分析逐渐清晰的用户需求的系统,包括数据本身和以这些数据为根本的各种处理工作。
用户调查,获取信息的用户需求,其中的加工要求,安全性和完整性的要求和其它要求。在需求分析,通过顶部,逐步分解的方法分析系统,系统可以抽象为数据流程图的形式,在这个阶段,没有确定具体的数据存储。处理二字将系统要求的的功能在数据流图中抽象的表达出来,整个函数对系统的要求能够被逐步以多个子系统来实现主系统的功能要求,通过一步步用多个子系统等价代替的方法,将系统工作过程逐步划分为可以清楚描述的N个子系统。
数据库的需求分析是数据库最重要也是最困难最麻烦的一步,如果这一步做得不好,那么后续的设计花费再多的时间,再怎么优化也无法从根本上改变之前的问题。
在明确了数据库的需求之后要做的就是数据库的结构设计。4.3.2 数据库概念设计
设计数据库的结构,需要以需求分析的结果作为基础,一步步归纳总结出数据库的概念,逻辑,物理结构。结构概念设计的概念模型,形成数据库层,语义层模型。如ER模型的逻辑结构设计的模式和模式的数据库,形成层结构模型,如基本表,视图。物理结构设计的结果在设计结果的形成模式数据库,使用的话,是属于的描述,如数据库文件或目录,索引。
数据库结构设计的第一步要做是确立概念性的结构,其顶部的信息结构的设计,会要求根据对使用者需求的研究出的结果,抽象出系统的信息结构,也就是概念模型,建立数据库系统的结构是最重要的工作,独立的逻辑结构设计,数据库管理系统。
数据库概念结构需要具有丰富的语义表达能力。表达各种用户的不同需求,包括各种现实世界中的物体的描述,它们之间的连接,可满足用户数据处理的需求。容易沟通和理解。结构的概念是设计师和用户之间沟通的主要工具。容易修改。当这个系统所使用的地方和应用中遇到的要求发生变化时,可以很容易地修改的概念结构,以反映这些变化。轻松转换模型的各种数据,很容易推导出的DBMS的逻辑模型。
其设计的方法是采用E-R图,其过程可以分为三步:
(一)在E-R模型的设计
设计内容包括当地的ER模型确定本地的ER模型范围内,定义实体,关系和它们的属性。主要核心是实际的现实情况是,加工,共同的特征提取,忽略不
重要的细节,而将这些需要的特征描述为概念。抽象的方法有聚蔟,概括,分类这三种。
(二)设计整体E-R模型
将所有部分E-R模型图融合为一个整体E-R图,即整体E-R模型。其方法主要有一次性将所有E-R模型有机融合在一起的方式和逐步累加的方式。在把部分E-R的模型集成为一个整体的E-R模型的过程中,消除各个部分E-R模型合并时所产生的冲突是其关键所在。这些矛盾一般分为三种情况:实体的属性互相矛盾,即属性的范围矛盾和属性的取值单位矛盾。命名的矛盾,是指同一个名字具有不同的意义与不同的名字有着相同意义这两种情况。对于属性和命明矛盾一般采用讨论协商的方法进行结局。另外,结构的矛盾,它是指多个的属性来对应有且仅有的一个对象,或者多个对象却共同使用着一个属性,不一样的的排列顺序的E-R模型并非是完全一样的。对于前者可以通过把属性转换为实体或者将实体转换为属性的方法,使同样的对象具有相同的抽象。后一种解决方案的方法是使该实体的属性和ER模型的各部分的属性,然后在属性,以调整适当的。
(三)优化整体E-R模型
通过对相关实体的合并减少数量的实体,通常具有相同的原代码实体合并。此外,如果多个实体之间存在1:1的关联,那么你可以考虑把他们整合成一个实体,同时适当把多余的属性和多余的链路消除掉。
通过对现实世界信息的抽象,建立概念模型,可以有效提高数据库设计的效率。根据以前所学的知识,可以依靠系统E-R图来描述概念模型,并且易于该图所体现的系统中各个实体间关系来建立数据库。相关的内容如图4-3所示:
编号相册名称1管理N相册相册封面登录账号添加时间编号管理员信息11管理N登录账号登录密码登录密码管理编号用户信息出生年月N电子邮件标题描述爱好星座编号日志信息内容类别发布时间
图4-3系统E-R图
4.3.3 数据库实体设计
在概念设计完成的是进行E-R模型转化为一个特定的数据库管理系统在支持数据模型的组织,这是在一定条件下所限定的数据库管理系统。它能够对数据库中所包括的信息的逻辑结构进行处理。
数据库管理系统的具体数据支持的组织层形式有四种。层次的形式,网络的形式,关系的形式和面向对象的形式。
在本设计中将用到的是E-R模型想关系模型的转换。
其包含有两个步骤:
(一)E-R模型向关系模型的转换
从ER模型转换关系模型中面对的问题是如何将实体和关系模型之间的关系,如何确定主代码和属性模型之间的关系。
(二)数据模型的优化
逻辑结构的设计结果并非是唯一的,因此应该根据实际需求对逻辑数据模型进行适当的调整与修改,即数据模型的优化。
在完成了以上工作之后,便到了物理结构设计的阶段。物理结构依靠数据库管理系统为基础建立存储结构,是把已经确定的数据库逻辑结构性能尽可能提高的方法和技术。数据访问,访问和存储分配设计合理高效的数据的路径,数据库结构和可行的。
其一般方法为确定数据库的物理结构,用于选择适合对数据库进行物理访问的方法和数据库信息储存的结构;对物理结构的时间效率和空间效率做出评价。
相册信息实体,相册包含编号;相册的名字;相册的封面图;建立的时间这四个属性,具体如图4-4:
相册名称编号相册相册封面添加时间
图4-4相册信息实体图
用户信息包含有编号;登录帐号;登录密码;出生年月;电子邮件地址;星
座;爱好;个人描述等属性,如图4-5:
登录账号登录密码编号用户信息出生年月电子邮件描述爱好星座
图4-5用户信息实体图
日志信息包含编号;标题;具体信息;类别;发布时间等属性,如图4-6:
编号日志信息标题内容类别发布时间
图4-6日志信息实体图
日志类别包含编号和类别名称这两个属性,如图4-7:
编号日志类别类别名称 图4-7日志类别信息实体图
留言信息包含有编号;留言人;留言时间;留言内容;回复内容等属性,如图4-8: 23 基于Asp.Net的个人博客网站的设计与实现
编号留言信息留言人回复内容留言内容留言时间
图4-8 留言信息实体图
图片信息包含有编号;图片名称;图片描述;所属相册;上传时间;图片地址等属性,如图4-9:
编号图片信息图片地址上传时间图片描述图片名称所属相册
图4-9 图片信息实体图
4.3.4 数据库设计表
在完成了数据库的结构设计和行为设计,并且编写了实现用户需求的应用程序之后要做的边上利用DBMS提供的功能实现之前所做的设计,并且选择尽可能好的方法。然后夹在数据并且调试和运行应用程序。
下面将介绍本博客系统所需要的数据库中各个表的详细信息。
Album信息表包含编号(ID),相册名称(AlbumName),相册封面(AlbumPic),添加时间(addTime)。在这些字段中编号是该表的主键。如表4-1所示:
表4-1 相册信息表
字段名 ID AlbumName AlbumPic addTime 数据类型 int nvarchar nvarchar datetime
长 度 4 50 50 8
主 键 是
否 否 否
描
述 编号 相册名称 相册封面 添加时间
Music信息表包含编号(id),音乐标题(MusicPath)。其中编号作为该表的主键。如表4-2所示:
表4-2 背景音乐信息表
字段名 id MusicPath 数据类型 int int
长 度 4 50
主 键 是 否
描
述 编号 标题
Picture信息表包含编号(id),图片地址(imagePath),相册编号(AlbumId),相册名称(AlbumName),图片描述(ds)。在这些字段中编号是该表的主键。依表4-3所示:
表4-3 相册内容信息表
字段名 id imagePath AlbumId AlbumName ds 数据类型 int nvarchar int nvarchar text
长 度 4 50 4 50 16
主 键 是 否 否 否 否
描
述 编号 图片地址 相册编号 相册名称 图片描述
Article信息表包含编号(id),日志标题(Title),日志内容(Contents),发布时间(addtime)。在这些字段中编号是该表的主键。如表4-4所示:
表4-4 日志信息表
字段名 id Title Contents addtime 数据类型 int nvarchar text datetime
长 度 4 50 16 8
主 键 是 否 否 否
描
述 编号 日志标题 日志内容 发布时间
UserInfo信息表包含编号(id),帐号(Username),用户密码(Userpwd),用户生日(BirDay),电子邮件(Emal),星座(httpweb),爱好(address),注册时间(addtime),用户描述(ds)。在这些字段中编号是该表的主键。如表4-5所示:
基于Asp.Net的个人博客网站的设计与实现
表4-5 用户信息表
字段名 id Username Userpwd BirDay Emal httpweb address addtime ds 数据类型 int nvarchar nvarchar nvarchar nvarchar nvarchar nvarchar datetime text
长 度 4 50 50 50 50 50 50 8 16
主 键 是 否 否 否 否 否 否 否 否
描
述 编号 账号 用户密码 用户生日 电子邮件 星座 爱好 注册时间 用户描述
userliuyanban信息表包含编号(id),发布时间(Date),留言姓名(Name),回复内容(Reply),留言内容(Message)。其中编号作为该表的主键。如表4-6所示:
表4-6 留言信息表
字段名 id Date Name Reply Message 数据类型 int nvarchar nvarchar Text Text
长 度 4 50 50 16 16
主 键 是 否 否 否 否
描
述 编号 发布时间 留言姓名 回复内容 留言内容
ArticleType信息表包含编号(id),类别名称(Name)。其中编号作为该表的主键。如表4-7所示:
表4-7 日志类别信息表
字段名 id Name 数据类型 int nvarchar
长 度 4 50
主 键 是 否
描
述 编号 类别名称 基于Asp.Net的个人博客网站的设计与实现
第五章 系统详细设计
通过将ASP.NET技术与SQL 2005数据库系统的有机结合,通过科学的计划方法实现了个人博客网站的建设工作。在这次设计的过程中,运用了很多在课本上学过的理论知识,但是经过实际操作发现仅靠这些并不足以实现目标。在开发的过程中,我认识到好的开发方法起着至关重要的作用,只有先做好前期的工作才能少走弯路,高效的达成目标。由于自己的实际经验不足,在过程中出现不少考虑不周的地方,导致在后期的测试中花费了较多的时间,因此导致比较仓促,所设计的界面比较简单,主要精力投入在功能的开发和调试中。尽管如此,系统依旧具有完整的功能和比较友好的界面。
5.1用户登录模块的实现
实现用户登录的过程由以下几个部分组成,第一步是对用户所输入的信息进行保存,之后利用ASP.NET程序在数据库中检索是否存在用户输入的信息,如果存在则返回正确的结果,否则就返回错误的结果。若返回正确结果,则显示登陆成功,否则将显示登录失败,请重新登录。在这之中将使用验证码技术防止短时间内重复提交登录请求。在这之中使用了GetDataReader方法,CheckCode验证。
登录页面的页面效果如图5-1所示:
图5-1 用户登陆 基于Asp.Net的个人博客网站的设计与实现
用户登录过程的主要代码如下:
protected void Button2_Click(object sender, EventArgs e)
{
string sno = TextBox1.Text.Trim();
string pass = TextBox2.Text.Trim();
SqlDataReader dr = data.GetDataReader(“select * from UserInfo where txtUsername='” + sno + “' and txtUserpwd='”+pass+“'”);
if(dr.Read())
{
if(string.Compare(Session[“CheckCode”].ToString(), TextBox3.Text, true)!= 0)//判断所输入的验证码与系统随机生成的验证码是否相同
{
Label2.Text = “验证码错误。”;
return;
}
else
{
Session[“User”] = dr[“txtUsername”].ToString();
Session[“UserName”] = TextBox1.Text.Trim();
Response.Redirect(“loading.aspx”);
}//将用户名和密码与数据库中的信息进行比对
}
else
{
Response.Write(“”);
} } 5.2留言板模块的实现
本博客网站为用户提供了留言板功能,所用用户均可在留言板进行留言,博客拥有这在后台可以查看和删除留言信息。
留言的页面效果如图5-2所示:
图5-2 用户留言
留言的主要代码如下:
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)//页面首次加载
{
rptMR.DataSource = data.GetDataReader(“select * from Message”);
rptMR.DataBind();
}
}
protected void btSubmit_Click(object sender, EventArgs e)
{
string sql = “insert into [Message](Name,Message)values('” + tbName.Text + “','” + TextBox1.Text + “')”;
data.RunSql(sql);
Alert.AlertAndRedirect(“感谢您的留言”, “Message.aspx”);
} 下面是留言板的后台部分,博客拥有者在后台可以进行查看和删除留言的操作。
后台管理留言的效果如图5-3所示:
图5-3 管理留言
5.3相册模块的实现
相册模块主要是对相册中信息的展示,博客的拥有者可以进行添加相册、编辑相册、删除相册等操作。
相册展示列表的实现效果如图5-4所示:
图5-4 相册信息列表
主要的代码如下: private void GetListPage()
{
try
{
DataSet ds = new DataSet();
ds = data.GetDs(“select * from Album ”, “Album”);
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[0].DefaultView;
objPds.AllowPaging = true;
objPds.PageSize = 6;
int CurPage;
if(Request.QueryString[“Page”]!= null)
CurPage = Convert.ToInt32(Request.QueryString[“Page”]);
else
CurPage = 1;
objPds.CurrentPageIndex = CurPage1);
}
if(!objPds.IsLastPage)
{
hylastpage.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + objPds.PageCount;
lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + Convert.ToString(CurPage + 1);
}
DataList3.DataSource = objPds;
DataList3.DataBind();
}
catch
{
}
}
博客管理者在后台凭借相册相关介绍添加的部分可以实现对相册加入多重介绍,包括相册的名字,图片的注释。添加相册信息实现的效果如图5-5所示:
图5-5 添加相册信息
主要代码如下:
protected void Button1_Click(object sender, EventArgs e)
{
string res;
upload up = new upload();
res = up.Up(file1, “../UpLoadImage/”);
this.Label1.Visible = true;
this.Label1.Text = up.Resup[Convert.ToInt32(res)];
this.pic.Text = up.s;
Image1.ImageUrl = “../UpLoadImage/” + pic.Text;
}
protected void btnAdd_Click(object sender, EventArgs e)
{
string AlbumName = this.txtAlbumName.Text;
string AlbumPic = pic.Text;
data.RunSql(“insert into Album(AlbumName,AlbumPic)values('”+AlbumName+“','”+AlbumPic+“')”);
Alert.AlertAndRedirect(“添加成功”, “MangerAlbum.aspx”);
} 首先我们将采用一个图片上传类来对图片的上传进行操作,用户先获取所要
上传图片的路径信息,之后窝们将都用日期时间对图片进行重命名,从而避免由于图片重名而导致无法上传的问题,然后采用Server.MapPath方法取得图片将要存放的文件夹路径,将图片上传到该文件夹中,最后将图片的相对路径信息保存到数据库中。
5.4图片管理模块的实现
图片管理模块主要包括前台图片信息的展示,后台对图片信息的添加和管理以及上传图片等功能模块。
图片展示效果如图5-6所示:
图5-6 图片信息展示
主要实现代码如下:
private void GetListPage()
{
try
{
DataSet ds = new DataSet();
ds = data.GetDs(“select * from Pic ”, “Pic”);
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[0].DefaultView;
objPds.AllowPaging = true;
objPds.PageSize = 6;
int CurPage;
if(Request.QueryString[“Page”]!= null)
CurPage = Convert.ToInt32(Request.QueryString[“Page”]);
else
CurPage = 1;
objPds.CurrentPageIndex = CurPage1);
}
if(!objPds.IsLastPage)
{
hylastpage.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + objPds.PageCount;
lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + Convert.ToString(CurPage + 1);
}
DataList3.DataSource = objPds;
DataList3.DataBind();
}
catch
{
}
} 在后台可以实现图片信息的添加、修改和上传图片等功能的操作。上传图片界面运行效果如图5-7所示:
图5-7 上传图片
主要实现代码如下:
protected void Button1_Click(object sender, EventArgs e){
string res;
upload up = new upload();
res = up.Up(file1, “../UpLoadImage/”);
this.Label1.Visible = true;
this.Label1.Text = up.Resup[Convert.ToInt32(res)];
this.pic.Text = up.s;
Image1.ImageUrl = “../UpLoadImage/” + pic.Text;
}
protected void btnAdd_Click(object sender, EventArgs e)
{
string imagePath = pic.Text;
int AlbumId = int.Parse(DropDownList1.SelectedValue);
string AlbumName = DropDownList1.SelectedItem.Text;
string ds = this.txtds.Text;
data.RunSql(“insert into Pic(imagePath,AlbumId,AlbumName,ds)values('”+imagePath+“',”+AlbumId+“,'”+AlbumName+“','”+ds+“')”);
Alert.AlertAndRedirect(“添加成功继续上传”, “UpLoadPic.aspx”);}
5.5背景音乐的实现
背景音乐管理模块包含两个方面——在后台添加背景音乐的功能和在前台读取背景音乐并且播放的功能。
博主进入后台后可以电击背景音乐设置按钮选定背景音乐,然后上传到数据库中,这样便成功实现了设置背景音乐。
背景音乐设置效果如图5-8所示:
图5-8 背景音乐设置
主要实现代码如下:
protected void Button3_Click(object sender, EventArgs e)
{
string res;
upload up = new upload();
res = up.Up(file1, “../UserMusic/”);
this.Label1.Visible = true;
this.Label1.Text = up.Resup[Convert.ToInt32(res)];
this.pic.Text = up.s;
}
protected void Button4_Click(object sender, EventArgs e)
{
string sql = “update Music set MusicPath='” + pic.Text + “' ”;
data.RunSql(sql);//将音乐和说明信息上传数据库
Alert.AlertAndRedirect(“上传背景音乐成功”, “SetMusic.aspx”);
} 这样数据库中便以存储了背景音乐的路径和名称,在前台登陆后便可以采用微软自带的音乐播放器来自动加载和播放背景音乐。
背景音乐的主要代码如下:
5.6日历模块的实现
为了便与检索文章,我们在博客中加入了日历模块,用户可以点击日历模块上的日期便能够直接查询该日期当天所发布的所有日志信息。其原理是在选择日期后系统会把所选择的日期值传到文章页面,通过检索将结果显示到页面中。
日历效果如图5-9所示:
图5-9 日历效果
主要实现代码如下:
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
Response.Redirect(”CalendarArticleList.aspx?addtime=“ + Calendar1.SelectedDate.ToShortDateString());}
DataSet ds = new DataSet();
string sql = ”select * from Article where Addtime = '“ + Request.QueryString[”addtime“].ToString()+ ”'“;
ds = data.GetDs(sql, ”Article");经过一段时间的实际测试证明,该博客网站系统有着较高的稳定性,其操作简单,功能齐全,所采用的技术成熟并且有很好的发展预期,故本设计基本达到预期。
由于自身的实践水平不足,导致在后期调试中花费较多时间,因而时间比较仓促,很多地方不够完善。比如其网站界面不够美观,对于一个网站来说,网站的页面是用户第一个看到的方面,其给用户的印象对整个网站来说是至关重要的。
对于一个访问量较大的网站来说缓存技术的应用也很重要,当网速较慢或者同时在线用户数量很大的时候采用缓存技术可以有效的保证用户的体验。并且本系统由于没有采用Ajax技术,导致在后台添加动态信息的时候需要刷新,这也影响到了用户的体验。凭借对ASP.NET有效的发挥,以VS2008与SQL2005为平台进行开发。从多方面说明了基于DotNet的个人博客网站的设计与实现的可行性。本博客系统的的搜索功能比较简单,仅能够按照日志的类别和日期来搜索,在本次设计的编程阶段,由于之前所写过的代码量不多,编程经验不足,导致容易出现问题。比如命名空间的错误,语法结构的错误,支持的浏览器的错误等问题。在很多细节的地方出现的错误往往导致整个程序无法运行,因此养成良好的编程习惯是至关重要的。只有通过不断的实践才能提高实际操作的水平,只有不断学习成功的案例才能发现自身的不知。尽管有很多不尽如人意的地方,但是总体来说,所预期的功能基本达到了实现,设计之初的目标已经达成。40 基于Asp.Net的个人博客网站的设计与实现
第六章 总结
经过近三个月的努力,终于完成了这项程序设计及论文的撰写。设计成品能够符合我的设计初衷,即为特定年龄层用户以及博客初次使用者编写一款简单方便的个人博客系统。
本系统所实现的具体目标如下:
1、界面简洁、操作方便:使用完全控件式的页面布局,上用户在使用博客时更加简单方便;用户在使用博客的一些功能时只需按流程点击鼠标即可,不存在复杂的操作功能,实现博客易操作的目标;系统风格朴实简单,避免因花俏缭乱给人以不实之感。
2、即时可见:对博客进行的操作,包括发布、修改、删除等,一旦操作成功将立该在系统的相应位置出现,实现系统消息的提交与发表之间的零时差性。
3、功能完善:本系统包含一般博客系统所具备的三个模块:一般用户浏览、注册用户操作、管理员管理。不仅具备每个博客都有的写日志、上传照片、回复留言、修改信息等模块,甚至后台管理员可以对管理系统注册用户,对用户发布的日志、照片、视频进行审核,违反发布原则的可以立刻进行删除。
4、动态管理:能够动态的完成对数据库作息的存储、搜索、修改等操作,实现对系统的动态管理。
在查阅了大量的书籍资料后,将书本上的理论知识同我制定的基本目标与功能想结合,设计出一套理想的实施方案。这样不但将以前所学过的知识进行了巩固,而且为今后从事软件开发工作做好准备。
本系统的界面采用简洁清爽的风格,系统功能让人一目了然,操作简单易上手。在系统功能实现方面主要使用ASP.NET、SQL Server 2005 数据库等开发技术。在设计早期由于对一些知识有些欠缺,在老师的帮助下参考有关书籍、解答相关疑问、纠正设计错误等,使我能够顺利的完成程序的设计。
经过这几个月的学习,我现在已经基本掌握了ASP.NET、SQL Server 2005、C#等网站开发技术,完成了从入门到运用的阶段跨越。除此之外,在程序设计过程中我还学会了做事要态度严谨、心思细腻,不然在过程中出现任何一个微小的错误都可能造成最后失败的结果。
由于时间和能力有所限,本系统必然不是完美的,程序和论文都存在不足之处。我今后将会更加努力学习软件开发方面的知识,争取将这个设计尽可能的改进完善。
参考文献
[1]Roger S.Pressman.软件工程实践者的研究方法(英文版第4版)[M].机械工业出版社.1999.[2]American Microsoft.Microsoft SQL Server 2000 数据库编程(第一版)[M].北京:希望电子出版社.2001.[3]李海龙.SQL Server 2000 图解教程(第一版)[M].北京:希望电子出版社.2001.[4]李香敏.SQL Server 2000 编程员指南(第一版)[M]..北京:希望电子出版社.2000.[5]Michael Lee Rick Sawtell.MCSE:SQL Server Administration 考试指南(英文原版)[M].电子工业出版社.1999.[6]JD UIlman and JWidom.A first course in databasr systems[M].北京:清华大学出版社.1997.[7]Andrew.M.Fedorchek.SQL Server核心技术精解.中国水利水电出版社.2000.[8]Steve Adrien Deluca.SQL Server 7性能优化[M].机械工业出版社.2000.[9]范盛荣.Visual C#2008控件使用范例详解[M].北京:清华大学出版社.2009.[10]黄国平.使用开发参考大全 C#[M].电子工业出版社.2008.[11]沈士根.Web程序设计——ASP.NET实用网站开发[M].北京:清华大学出版社.2009.[12]刘乃丽.精通ASP.NET 2.0+SQL Sever 2000 项目开发[M].北京:人民邮电出版社.2007.[13]Hewardt.Advanced dot NET Debugging.[M].Addison-Wesley.2010.[14]郭兴峰.ASP.NET 动态网站开发基础教程(C#篇)[M].清华大学出版社.2006 [15]陈惠贞.陈俊荣.ASP.NET程序设计[M].机械工业出版社.2006.42
致谢
在毕业设计期间,老师们认真负责的工作态度、客观严谨的治学精神、深厚扎实的理论知识和为人师表的道德风范都给我留下了深刻的印象,这些都是值得我用一生学习的宝贵财富。
在本次毕业设计的过程中,我巩固了大学中所学的理论知识,提高了时间能力,通过XX老师的悉心指导我成功的将自己所学的理论知识同实际需要有机结合起来,在完成设计的过程中我独立调研,全面分析,系统的灵活的运用理论知识解决了很多实际问题,并且在这个过程中发现自身的不足,从而使自己的整体理论水平进一步提高。与此同时,老师们严谨的治学精神,认真的工作态度也深深的感染了我,我将在今后的工作学习中以此为楷模不断进取。
在此,我向给予了我巨大帮助的各位老师们和同学们致以深深的感谢与敬意,在你们的帮助下我才能取得今天的成绩。与此同时,谨向审稿的老师们致以衷心的感谢!
第二篇:个人网站的设计与实现
二○○七届学生毕业论文(设计)
毕业设计(论文)论文题目
个人网站的设计与实现
英文 Personal Webside Design and accomplish 个人网站的设计与实现
摘 要
在互联网走进我们的生活之前,没有人敢梦想拥有自己的报纸、杂志、电台、电视台。除了政策上的制约外,一个人也根本没有操作一份传播媒体的能力。现在不同了,互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件,你可以建立自己的个人网站。只要你办得成功也可以吸引成千上万的订户、读者,并建立自己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节:
1.了解中国网络个人主页研究背景与发展现状 2.系统需求分析与总体设计
3.熟悉网站开发模式、工具及环境
4.把自己的作品和想要展示的内容制作成网页 5.使用动态网页技术(ASP),实现动态内容更新 6.认真地选取测试用例,进行交叉测试 7.网站的后期完善、宣传及发展方向
其中 ,网页制作和使用动态网页技术(ASP)实现动态内容更新是网站开发的核心内容。
关键词:网页、制作、访问、链接
Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links: 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link
前 言
随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。如果说个人建立网站是为了追求时尚,那么企业建立网站就是必然的选择了。
无论是专业的,还是业余的,很多人对网页制作颇感兴趣。事实上制作一个简单的网页并不困难,会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易了,而Dreamweaver却可以满足你的愿望,它是Macromedia公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器。
同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添花的作用,是个人网站实现的好帮手,在制作网站的时候经常会用到这些软件。
目 录
摘要----------------1 前言----------------1 第一章:绪论--3 1.1 我国网络发展现状---------------------3 1.2 个人网站的目的------------------------3 第二章:个人网站的开发环境--------4 2.1 Dreamweaver简述----------------------4 2.2 Dreamweaver的操作环境-------------4 2.3 ASP技术--5 第三章:需求分析--------------------------7 3.1 概述-------7 第四章:网站制作---------------------------9
4.1站点-----------9 4.2首页-----------9 4.3创建其它网页-----------------------------11 3.2个人网站的问题定义与可行性分析-7 3.3 个人网站整体要求----------------------8 第五章:网页链接的建立-----------------12 5.1 链接的概念12 5.2 创立连接---12 5.3文字链接-----15 5.4影像链--------16 5.5 Email链接---18 5.6文件下载链接------------------------------21 5.7在HTML语言中建立网页链接-------22 第六章:总 结--25 致谢------------------26 参考文献----------27
第一章 绪论
1.1 我国网络发展现状
2010年1月15日,中国互联网络信息中心(CNNIC)发布了《第25次中国互联网络发展状况统计报告》(以下简称《报告》)。《报告》数据显示,截至2009年12月,我国网民规模已达3.84亿,互联网普及率进一步提升,达到28.9%。随着我国互联网普及率的逐年提高,互联网正在走进人们的工作与生活。CNNIC《报告》调查显示,在家和单位上网的网民比例在2009年有了明显的提高,有83.2%的网民选择在家上网,另有30.2%的网民选择在单位上网,互联网作为人们日常工具的价值正在日益提升。
1.2 个人网站的目的
个人网站最开始的动机可能是出于兴趣或一种爱好,但时间一长,这些兴趣或爱好便为自己积累了许多资源,比如数量可观的访问量。当这些资源积累到一定程度的时候,商业意识比较敏感的个人网站站长便开始寻求开展电子商务,将自己手中的资源进行商业操作,从而,个人网站开始赚钱。当然,目前比较流行的个人网站赚钱方式可能更多的还是依赖于广告,但从目前个人网站的广告收入来看,它已经陷入了一个低谷。所以,如果个人网站想要得到长足的发展,或者希望自己的
网站能够赚钱,那么必须主动出击!事在人为,作为一个个人网站,我们可以拥有自己的产品,并把它们卖掉,依靠自己来赚钱!
一、个人网站自主经营的可行性 网民正在不断地快速增长。另有调查表明,网民的平均收入水平提高了,也就是说网民的消费水平也提高了。我们个人网站为什么要依靠做广告来赚钱?我们难道不可以转变一下思路吗?打个比方,你的网站日访问量有1000左右(也就是说每天有1000个人左右进入你的“商店”),做广告相当于代理别人的产品,就算卖出去了也只能返回给你一部分的利润。但是如果你的“商店”卖自己的产品,那么大部分利润就掌握在自己手中。广告赚钱只是做网站的“副产品”,真正的产品是你自己的网站。记住:你的网站是一座金矿,可能你只是开采了“浏览量”这一层矿产,更深层次的矿产你可能还尚未开发出来!你完全可以将你自己网站的产品进行出售,比如将你网站的精品内容印成一本书,然后在网上卖你自己的书。还有更多的经营方法,关键是你要去不断探索!下面我就结合我对互联网的观察与自己的实践经验告诉大家如何经营自己的产品。对于网络经商,起初一定要抱平和的心态!因为中国的网民毕竟不是很多,大家不要过分期望网络经商会给你带来很大的效益。要把网络经商作为一种锻炼,说句现实的话:“现在赚小钱,以后赚大钱”。这是我对
网络经商的一种“长期作战”的战略观点。第二章 个人网站的开发环境
2.1 Dreamweaver简述
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用 它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver 8的发布,更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。Dreamweaver8.0的特点如下。
1、灵活的编写方式
Dreamweaver具有灵活编写网页的特点,不但将世界一流水平的“设计”和“代码”编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制自己的用户界面。
2、可视化编辑界面
Dreamweaver是一种所见即所得的HTML编辑器,可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面,Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。
3、功能更多的CSS支持——CSS可视化设计、CSS检查工具
4、动态跨浏览器验证
当保存时系统自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。
5、强大的WEB站点管理功能
6、内建的图形编辑引擎
7、Dreamweaver的集成特性
Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性,可以在这些Web创作工具之间自由地切换,轻松地创建美观实用的网页。
8、丰富的媒体支持能力
可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能,在设计DHTML和CSS方面表现得极为出色,它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。
2.2 Dreamweaver的操作环境
我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。
2.2.1 标题栏
Dreamweaver MX的“标题栏”中将显示文字“Macromedia Dreamweaver MX”如果打开网页的话,在后面还会显示该网页的一些信息,如网页标题、所在位置及网页名称,右边有三个钮,分别对应Dreamweaver MX的最大化最小化和关闭的操作。
2.2.2菜单栏
“标题栏”下面就是“菜单栏”,栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意一项菜单,随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码,这是该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记,它代表该指令还包含下一级的指令,鼠标停留片刻即可显示。
2.2.3快捷工具栏
“快捷工具栏”指的是“菜单栏”下边的3排按钮,选择菜单“查看/工具栏”,勾选里面的“插入”、“文档”和“标准”3项,完整的快捷工具栏就显现出来了。
2.2.4属性面板
在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中起到举足轻重的作用。
属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性面板”在界面上也会有所差异,用户可以分别对不同的对象进行调整。
2.3 ASP技术
Active Server Pages:“动态服务器网页”,一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE 或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或 JavaScript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果。ASP的特点如下:
1、任何开发工具皆可发展ASP 只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、FrontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。
通过各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。
2、语言相容性高
ASP与所有的ActiveX Script语言都相容,除了可结合HTML,VBScript、Java script Active X服务器组件来设计外,并可经由plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。
3、隐密安全性高
如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!这是因杰ASP程序先于网站服务(Web Server)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
4、易于操控数据库
ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Access fox pro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是“Excel” 文件当成数据库用。
5、面向对象学习容易
ASP具备有面向对象(object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或“Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
6、ASP的六大内部对象 对象名称 功能描述
Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个
Session内的用户信息,该信息仅可被该用户访问在一个 ASP-Application中让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理 所以我选择了ASP结合Dreamweaver架构个人站点。
第三章 需求分析
3.1 概述
需求分析最根本的任务是确定“为了满足客户的需要,系统必须做什么”。具体的说,应该确定系统必须具有的功能和性能,系统要求的运行环境,并且预测系统发展的前景。必须仔细分析系统中的资料,既要分析系统中的数据流,又要分析长期使用的资料储存。该阶段不是确定系统怎样完成它的工作,而仅仅是确定系统必须完成哪些工作,也就是对目标系统提出完整、准确、清晰、具体的要求。
3.2个人网站的问题定义与可行性分析
一、明确架设网站的目的及客户要求
通常情况下,架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流,具有较强的目的性,我的个人网站一般体现在:为了展示自己的风采,让大家和我一起分享我的心得与经验,让和我有共同爱好的朋友有一个倾诉的地方。
二、我的个人网站概貌 因为是个人网站,所以只是选择了自己擅长和喜爱的内容,在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。
三、功能划分
网站设计有新闻更新,浏览者可以在首页浏览自己喜欢的新闻,并且可以在留言板和大家交流,在后台管理页面中,通过身份认证,管理员——我,可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏,与大家一起分享
3.2.1 功能定义
(1)管理员权限:修改所有页面内容、增删改文章、管理评论、修改公告、修改管理员自身信息、编辑各页面栏目、添加删除图片、添加删除音乐、修改版权信息等。
(2)浏览者权限:阅读所有页面内容、添加评论、添加留言、浏览文章、浏览图片、浏览音乐等。3.2.2 可行性分析
系统可行性分析主要从经济可行性、技术可行性和操作可行性三方面去分析。(1)经济可行性分析
从系统的开发和效益关系上讲,采用asp这个可以开发出交互、高性能Web数据库应用的技术进行开发,效率较高。该系统的开发不需要花费太多的经费,只需在域名和服务器空间租用上有开销,因为个人网站不涉及超大容量的文件存储和庞大的访问量,因此对于服务器来讲,要求不会太高,开销不会很大。因此,从经济性分析是可行的。
(2)技术可行性分析
根据现有的技术设备条件,在技术上实现也是可行的。在设备方面,前期系统开发在本地端制作完成,只需通过ftp软件上传至服务器端即可,而软件开发所需条件相对较低,对于系统开发及运行环境均不造成任何困难。对于系统开发人员基本具备了计算机专业知识,有一定的编程基础,熟悉和掌握数据库及网络相关知识,具备开发条件。
(3)操作可行性
该系统操作上非常简单,对于用户来说,只要具备IE浏览器5.5版本以上即可通过域名搜索即可登录本站。
3.3 个人网站整体要求
3.3.1 功能要求
(1)页面风格简洁明快,给人以较好的视觉印象。(2)用户浏览、操作均便捷,迅速。(3)用户权限、功能的设置要准确无误。3.3.2 系统性能要求
在目前硬件设备条件下,要求处理程序的速度相对较快。因此,在程序设计阶段,优化代码,降低处理时间是需要考虑的问题。3.3.3关于未来需求
由于系统开发时间较短,可能不是很完善,在运行过程中还会遇到一些问题,所以应在系统设计过程中对未来可能需要的扩充和修改做好准备,以便及时变更
第四章 网站制作
4.1 站点
4.1.1 创建站点
要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”,之后再选择其中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追梦人”。填好后,单击“下一步”,进入下一个步骤。由于我要做的是一个静态的网页,所以选择上面的一项“否,我不想使用服务器技术。” 单击“下一步”,进入下一个步骤。
在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹,Dreamweaver将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标,新建并指定一个空的文件夹“E:/ding”。之后单击“下一步“,进入下一个步骤。
这一步是如何设置连接到远程服务器,弹出式菜单中有6中选择,这里选择“无”。而后“下一步”再“完成”,即可。
4.1.2 创建站点内容
站点创建完成后,就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板,此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“index.htm(或index.html),它就是未来的首页。网站分为“平面设计”、“动画制作”、“网文精品”、“经典回顾”、“个人说明“这五个大栏目,所以继续用鼠标右击右侧,在弹出的菜单中选择第二项“New Folder(新建文件夹)”。执行五次操作,新建五个文件夹,并把它们重命名为graph、anim、books、music、letter,分别对应上面的五个大栏目。存放它们各自的内容。之后再次新建1个文件夹,命名为images,用来存放“所有的图象文件”的内容。
之后在个栏目的文件夹里还要建立想相应的栏目网页。
4.2首页
4.2.1 设置首页布局
首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置,一般的有index.htm,default.htm或home.htm等,目前主要以index.htm的居多。当然,后缀名为html也是正确的。
具体设置方法是:右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。
首页的布局有很多方法,在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格,单元格称为布局单元格。在绘制布局表格和布局单元格时,必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤:
1、在“插入快捷栏”的“布局”分类中,单击“布局表格”按纽。
2、将变成“+”形状的鼠标光标放到编辑中网页上,在要绘制的地方进行拖动就可以进行创建了。(如果绘制的是第一个表格必须从网页的最左上角开始绘制)。
3、在这里要绘制多个表格,可以再次单击“布局表格”按纽进行绘制,也可以按住Ctrl键绘制多个表格。
4.2.2设置首页的页面属性
首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域,在菜单中选择“页面属性”,之后弹出“页面属性”对话框,若选择主菜单“修改/页面属性”项,也可以把打开该对话框。
在“页面属性”对话框中,左侧窗口显示“分类”,其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项,右侧区域则显示各类中可以设置的项目。4.2.3查看和编辑头内容
一个网页文件结构上实际是由两部分组成,头(head)内容和主体(body)内容主体内容(body)是文档的主要部分,也是包含文本和图像等的可见部分。头内容(head)是除文档标题外的不可见部分,包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息,这些元器并不是每个页面都需要的,例如,可以仅为主页提供关键字。
下面就以首页为例,说明怎样插入较常用的头(head)内容。
单击“菜单拦”下面“插入快捷”的下拉列表,选择其中的HTML类,此时右侧将会显示该类中可以插入的对象快捷按钮,再次单击第2个按钮“文件头”旁边的下拉箭头,会弹出菜单,该项列出的便是即将插入的头内容。4.2.4 插入图像
图像是网页中不可或缺的组成成份,恰当地使用图像,可以使网站充满生活生命力与说服力,吸引更多的浏览者,加深他们欣赏你网站的意愿。
另一方面,网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制,导致了下载的速度不可能太快,因此,网页的大小就不能太大,其中关键就在于图像的大小了,否则浏览者会失去等待的耐心,无论你的网站多么精彩也无济于事了。
所以,在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤,以使得它们在保持图形美丽与网站风格搭配的基础上,图片文件能够变的更小。
1、首先将光标停留在要插入图像的位置,然后单击“菜单栏”下面“插入快健栏”的下拉表,选择其中的“常用”类,则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像:图像”按钮,单击它右侧的下拉列表,选择第1项“图像”。
2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件,或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中,可选择文件URL地址的类型,如果选择“文档”选项,表示图像地址相对于当前文档;如果选择“站点根目录”选项,表示地址相对于根目录。在这里我要插入的是网站标志logo,插入logo图象。
最后单击“确定”按钮,即可完成插入图像的操作。
4.2.5 插入多媒体
在Dreamweaver中,除了之前讲到的可以插入“图像”外,还可插入动画、声音、视频等媒体元素,如Flash,Shockwave,Applets,ActieX及格Midi声音文件等,并且还可以在Dreamweaver自身内插入Macromedia Flash按钮和文本对象,以及进行相关的后期处理和添加设计备注等操作。
在Dreamweaver MX 2004文档中,可以插入媒体文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各种格式的音频文件。
要在浏览器中播放放Flash 动画,必须在浏览器中集成“Flash 播放器(Flash Player)”。其中,Internet Explorer通过ActiveX控制来实现,Netscape Navigator则是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏览器中,均已集成了 Flash动
3、画播放功能。操场作步骤:
步骤1 将光标停留在要插入Flash的位置,然后单击菜单栏下面“插入快捷栏”的下拉列表,选择其中的“常用”分类,右侧将会显示该类中可以插入的对象快捷按钮。左起第6个即为“媒体”按钮,单击它右侧的下拉列表,选择第1项Flash图标。
步骤2 在弹出的对话框中选择扩展名为swf 的Flash文件,即可将其插入到Dreamwe
aver的“网页编辑窗口”中,可以看到,在这个窗口中Flash文件的大小。在这里我的主页插入的一个动画。4.2.6插入文本
在网页中,文本内容也可以说是重要的组成部分,一个网站成功与否,它是最关键的因素。在这最关键的因素。可丰富网站的文字内容,并以最最美观、最整齐的方式放入到网页中。
插入文本的两种方式
一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了,和一些文本编辑软件(如Microsoft Word)的使用方法一样,选择好习惯的输入法,就可以运指如飞了。
另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver来进行打字的工作,而更习惯在专门的文本编辑软件中快速打字,如Microsoft Word和 Windows自带的记事本等,又或者读者已经准备好了要放入网页的文本的电子版本,那么我们就可以直接使用Dreamweaver的文本复制功能,将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作,具体步骤如下。
打开文本编辑软件(如Microsoft Word),选中要复制的文本,它们将反白显示,执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C,之后切换回Dreamweaver,将光标停留在插入文本的位置,执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。
这在我的“网文精品”中用到很多,全部是在word软件中排好ctrl+c,然后点击要粘贴的位置,crtl+v到Dreamweaver即可。
4.3创建其它网页
还有其它的几个网站与主页的制作相同,一个网页是图象和文字的组合。
“平面设计”中的图象插入和前面的介绍相似,并可以在属性拦中调节图象的大小。在Dreamwerver中常常会用到Firework、Flash,它们是相辅相成,在主页中的主体部分就是用Firework 在“个人说明”中也用到这点,首先定好需要尺寸,在属性中设好背景,颜色等等,插入图象,输入文字,也word里的操作雷同。
第五章 网页链接的建立
5.1 链接的概念
链接(或称超链接)是网页与网页之间一种单向的连接关系。也是www.xiexiebang.com如图所示
(3)即对所选文本或图像建立完链接。
5.6文件下载链接
“文件下载链接”的原理很简单,只要链接文件属于浏览无法识别的关型,便都会使用IE浏览器直接进行下载,并保存到本地计算机中。
浏览器无法识别的文件类型有很多,这里就介绍一个最常用的,以zip或rar为后缀名的压缩格式文件,这种文件可以使用主流的压缩软件(如winzip、winrar)来制作。下面我们就业以实例来说明。
在前面“插入多媒体”一章中,我们曾经讲过直接链接文件的方式来插入“视频”,即直接在“链接”文本框中输入“文件名+名后缀名”,如olympus.wmv。单日击这个链接,经过数据下载后,Windows系统将启动自带的媒体播放器Windows Media Player 来播放该视频。操作步骤
步骤1 先将视频文件olympus.wmv通压缩成olympus.rar文件,放入站点的media文件夹下。
步骤2 将文件路径输入至“链接”文本框中。
步骤3 保存网页,按下F12预览,在浏览器中单击“下载精彩广告视频”链接文本,会弹出“文本下载”选择框,单击其中的“保存”按钮。
步骤4 在“另存为”对框中选择保存到本地计算机中的位置,实例中为“经典回顾”文 件夹。之后单击“保存”按钮,压缩文件即保存到该位置中。至此,“文件下载链接”便制作完成了。读者可以打开“我的文档”文件夹,解压缩olympus.rar文件,随时欣赏下载影片。
本设计中未用到此链接,在此只作简单介绍。
5.7在HTML语言中建立网页链接
5.7.1文字链接
在HTML语言中用超链接标记指向一个目标。其基本格式为: 举个简单的“文本链接”的实例,该实例相对应的HTML代码如下所示。 a href-“index2.html”target=”-blank”>平面设计
动画制作(原窗口,默认为空)
第三篇:个人博客的设计与实现——开题报告
毕业设计(论文)开题报告
题目名称:个人博客网站的设计与实现
学院:计算机科学技术学院
专业年级:
学生姓名:班级学号:班号
指导教师:
二○一三 年 十二 月 二十二 日
XXXX计算机科学技术学院本科生毕业设计开题报告
第四篇:论文:个人网站的设计与实现
个人网站的设计与实现
前 言
随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。如果说个人建立网站是为了追求时尚,那么企业建立网站就是必然的选择了。
无论是专业的,还是业余的,很多人对网页制作颇感兴趣。事实上制作一个简单的网页并不困难,会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易了,而Dreamweaver却可以满足你的愿望,它是Macromedia公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器。
同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添花的作用,是个人网站实现的好帮手,在制作网站的时候经常会用到这些软件。
本文有五章,我来由浅到深介绍个人网站的设计与实现。
摘 要
在互联网走进我们的生活之前,没有人敢梦想拥有自己的报纸、杂志、电台、电视台。除了政策上的制约外,一个人也根本没有操作一份传播媒体的能力。现在不同了,互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件,你可以建立自己的个人网站。只要你办得成功也可以吸引成千上万的订户、读者,并建立自己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节 : 1 了解中国网络个人主页研究背景与发展现状 2 系统需求分析与总体设计 3 熟悉网站开发模式、工具及环境 把自己的作品和想要展示的内容制作成网页。5 使用动态网页技术(ASP),实现动态内容更新。6 认真地选取测试用例,进行交叉测试 7 网站的后期完善、宣传及发展方向
其中 ,网页制作和使用动态网页技术(ASP)实现动态内容更新是网站开发的核心内容。
关键词:网页、制作、访问、链接 Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links: 1、understands the Chinese network individual main page research background and the development present situation 2 systems demands analysis and system design 3 familiar websites developments pattern, tool and environment 4 and wants own work the content which demonstrated to manufacture the homepage.5 uses dynamic homepages technology(ASP), realization dynamic content renewal.6 earnestly selects measured the test example, carries on the overlapping test 7 websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link
第一章 预备知识
1.1 什么是Internet Internet的中文名为“国际互联网”,又称“因特网”。
Internet是由众多的计算机网络互联而成的互联网,它覆盖了全世界各地,它是采用开放系统协议的计算机通讯网络。然而,Internet不仅仅是计算机的互联网,它还是全球最大的信息资源宝库,它提供了包括科研、教育、文化娱乐、商业和信息交流等各种各样的服务,使得世界范围内的人与人之间的交流在时间和空间上变的更小了。
要了解Internet,就必须先了解局域网。我们可以将同一地点的许多计算机使用网线连接在一起,构成一个高效率的计算机网络,所有处于网络内的终端机或电脑都能享受网络内所有的资源,比如程序,图文资料等。这种计算机网络因为一般都局限在一定区域中,我们称之为“局域网”(Local Area Network,简称LAN),它是在日常工作中用得最多的一种小型计算机网络。局域网所覆盖的地理范围比较小,通常不超过几十公里,甚至只在同一座建筑物内或者邻近的几座建筑内。像常见的校园网,一座写字楼内部的网络等都属于局域网。
而Internet则不是指单个区域范围内的网络,而是指将全世界的各中不同类型的计算机网络连接起来的一个全球性的网络。Internet上有取之不尽,用之不竭的信息资源。对于Internet中各种各样的信息,所有的人都可以通过网络的连接来共享和使用。
1.2 Internet有那些功能
Web页浏览:这是目前利用最广泛、最直接的互联网服务,通过浏览WWW(万维网)中的网页,可以了解世界各地的新闻,查看最新的股市行情,最新的娱乐动态、科技发明,找到众多的就业信息„„几乎想找到什么样的信息,就有什么信息。正是有了WWW、Internet才会变得如此丰富多彩,才能走进千家万户。信息发布:通过Internet,不仅可以浏览别人发布在Web页上的信息,也可以将自己要发布的信息制作成Web页,也即网页,然后发布到Internet上,供全世界的人浏览。
电子邮件:不同于传统邮件,电子邮件(E-mail)通过Internet传输,写信,发信,收信都在计算机上完成,一封电子邮件最短在一秒之内就可以发送出去,其效率是传统邮件无法比拟的。而且发送与接收电子邮件几乎是免费的,所以比传统邮件既节省时间又经济的多。
网上聊天:通过聊天软件(如QQ、ICQ等)或不同网站的聊天室,可以和世界各地的网友聊天。网友可能是远在天边的异国朋友,也可能是与你一起工作的饿同事,或者是一起生活的家人,在这里没有年龄、性别、身份、职业、国籍、肤色的限制,完全突破了交友的传统方式,人们可通过Internet互相了解对方,进行各种各样的交流。
电子商务:现在网上交易已经成为现实,网上购物、网上商品销售、网上拍卖、企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色,几乎所有的专家都预测,在未来的几年内,电子商务会飞速发展。在不久的将来,您可以做在电脑前进行各种各样的商务活动。
网络游戏:通过Internet,可以与全世界的玩家一起进行游戏对战,也可以协同作战。网络游戏已经成为信息产业全新的经济增长点,每年都为开发商带来巨额的利润。通过网络游戏,可以充分享受Internet给我们带来的乐趣。
网络电话:网络电话也称IP电话。它采用Internet技术,利用专门的网络电话软件,只需支付非常低廉的话费就可通话。Internet在电信市场上的应用将越来越广泛。
1.3 WWW的简介
WWW的全称为World Wide Web,含义是“环球网”,又称“万维网”、3W、Web。WWW是一个基于超文本(Hypertext)方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本,也就是HTML(Hypertext Mark-up Language,超文本标记语言)文件,这些网页文件被放置到WWW服务器上,并且都有一定的地址。当我们想浏览某个网站时,首先要在电脑上安装浏览器,如Internet Explorer或Netscape,然后在浏览器中输入网站的地址(网址),就可以进入网站进行浏览。在这些网页中,都有超连接,当将鼠标指针移动到某个地方(如文本或图象)时,鼠标指针就会变成一个小手形形状,单击它就可以连接到另个网页中,从而使得浏览者能在不同的信息之间跳转,我们之所以能在Internet的海洋中穿梭自如,正是超连接的功劳。
WWW 为我们带来的是世界范围的超级文本服务:只须操纵鼠标,就可以通过Internet从世界各地调来你所希望的文本、图像、动画和声音等信息。通过使用WWW,一个不熟悉网络使用的人也可以成为Internet的行家。
1.4网页基本构成元素
要学会制作网页,首先需要了解网页都是由什么元素构成的。
文字:文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。
图片:正是有个各种美丽的图片,网页才变得多姿多彩。
动画:如今,网页上的动画越来越多,最常用的有GIF动画、Flash动画等。
超连接:如上所述,超连接几乎是必不可少的。一个没有超连接的网页,就如同汪洋大海中的一座孤岛,失去了与外界的一切联系。
其它元素:还可以在网页中添加声音、视频等元素。
1.5软件的安装与启动 要使用网站设计软件,自然先要将这些软件安装到自己的电脑中。安装完毕,还需要如何启动,如何创建快捷方式。下面就让我们来详细地看一看具体的操作步骤。
1.5.1软件的安装
安装之前,需要先了解软件对系统的要求。以Windows为例,系统要求如下: Intel Pentium II处理器或等效处理器,主频300MHz或更高。
Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windows Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用内存(RAM),建议采用128MB内存。
分辨率可达 800×600像素的256色显示器(建议颜色为百万颜色,分辨率达到1024×768像素)。CD-ROM 驱动器。
检查一下您的计算机,看是否具备了以上条件。如果具备,将“Macromedia Studio MX”程序会自动运行。如果不能自动运行,可以找到光盘放入光驱,安装程序会自动运行。可以找到光盘中的“Install Macromedia Studio MX”程序或“Autorun”程序并双击运行。
Dreamweaver的安装比较容易,几乎可以自动完成。下面简要说明一下安装步骤。
操作步骤:
1、将安装光盘放入光驱,安装程序自动运行,并出现安装界面。如果单击安装界面上的“Macromedia STUDIO MX安装”,那么将会安装其下方所列出的软件。所有的安装会自动完成。
2、单击Dreamweaver MX,开始安装过装过程.先是出现解压缩文件窗口,等待一会儿,便会出现安装向导对话框。单击“下一步”按钮,继续安装过程。
3、出现“选择目的地位置”对话框,默认的盘是C盘,如果想安装到不同的位置,可以单击目的文件夹右边的“浏览”按钮,并在弹出的“选择文件夹”对话框选择不同的文件,如要安装在D盘则可直接将路径中的“C:”改为“D:”。也可以在下面的“目录”中选择其它的文件夹,设置完后,单击“确定”,回到“选择目的地址”对话框,单击“下一步”继续。
4、而后会出现“默认编辑器”的对话框,默认为全选。如果希望让Dreamweaver MX成为下面所列文件类型的默认编辑器,那么可以在这里做选择。选择完毕,单击“下一步”按钮。
5、出现“开始复制文件”对话框,单击“下一步”安装程序开始复制文件,过几分钟后,安装结束,单击“结束”按钮,结束安装。
1.5.2 软件启动
软件安装完毕后,我们就可以使用它了。安装程序已经自动在“开始”菜单中加入了快捷方式。
单击“开始”菜单,将鼠标指针依次指向“程序”|“Macromedia”|“Macromedia MX”,并在上面单击鼠标左键。
1.5.3 创建快捷方式 使用“开始”菜单启动程序的过程比较烦琐。可以在Windows桌面或快速启动栏上创建快捷方式,这样可以快速的启动程序。
具体实现方法是:在“开始”菜单中找到相应程序的快捷方式,不过这是不要用鼠标左键单击,而是用右键按住向桌面拖动,然后松开右键,会出现一个快捷菜单,在其中可以选择不同的命令,比如选择“在当前位置创建快捷方式”或“复制到当前位置”。
这样以后在运行程序时,就方便快捷的多了。
1.6 制作网页前的准备
电脑必备:
电脑速度够快,最好能够上网。操作系统:Windows 98/NT/Me/2000/XP.软件可选:
其它软件:看图软件ACDSee、图像处理软件Photoshop、上传工具CuteFTP、Fireworks、动画软件Flash等。
1.7 Dreamweaver MX的操作环境
我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。
1.7.1 标题栏 Dreamweaver MX的“标题栏”中将显示文字“Macromedia Dreamweaver MX”如果打开网页的话,在后面还会显示该网页的一些信息,如网页标题、所在位置及网页名称,右边有三个钮,分别对应Dreamweaver MX的最大化最小化和关闭的操作。
1.7.2 菜单栏
“标题栏”下面就是“菜单栏”,栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意一项菜单,随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码,这是该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记,它代表该指令还包含下一级的指令,鼠标停留片刻即可显示。
1.7.3 快捷工具栏
“快捷工具栏”指的是“菜单栏”下边的3排按钮,选择菜单“查看/工具栏”,勾选里面的“插入”、“文档”和“标准”3项,完整的快捷工具栏就显现出来了。
1.7.4 属性面板
在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中起到举足轻重的作用。
属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性面板”在界面上也会有所差异,用户可以分别对不同的对象进行调整。
第二章 网站制作实战
2.1 站点
2.1.1 创建站点
要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。
从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”,之后再选择其中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追梦人”。
填好后,单击“下一步”,进入下一个步骤。由于我要做的是一个静态的网页,所以选择上面的一项“否,我不想使用服务器技术。” 单击“下一步”,进入下一个步骤。
在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹,Dreamweaver将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标,新建并指定一个空的文件夹“E:/ding”。之后单击“下一步“,进入下一个步骤。
这一步是如何设置连接到远程服务器,弹出式菜单中有6中选择,这里选择“无”。而后“下一步”再“完成”,即可。
2.1.2 创建站点内容
站点创建完成后,就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板,此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“index.htm(或index.html),它就是未来的首页。
由于“追梦人”网站分为“平面设计”、“动画制作”、“网文精品”、“经典回顾”、“个人说明“这五个大栏目,所以继续用鼠标右击右侧,在弹出的菜单中选择第二项“New Folder(新建文件夹)”。执行五次操作,新建五个文件夹,并把它们重命名为graph、anim、books、music、letter,分别对应上面的五个大栏目。存放它们各自的内容。之后再次新建1个文件夹,命名为images,用来存放“所有的图象文件”的内容。
之后在个栏目的文件夹里还要建立想相应的栏目网页。
2.2 首页
2.2.1 设置首页布局
每个网站都会有一个首页,就功能上而言,它代表着一个网站的风格与特色,就网站架构上而言,它代表了网站的第一层架构,至于网站上其他Web页,原则上都必须通过首页来连接散播出去,可见首页是多么的重要。
首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置,一般的有index.htm,default.htm或home.htm等,目前主要以index.htm的居多。当然,后缀名为html也是正确的。
具体设置方法是:右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。
首页的布局有很多方法,在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格,单元格称为布局单元格。在绘制布局表格和布局单元格时,必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤:
1、在“插入快捷栏”的“布局”分类中,单击“布局表格”按纽。
2、将变成“+”形状的鼠标光标放到编辑中网页上,在要绘制的地方进行拖动就可以进行创建了。(如果绘制的是第一个表格必须从网页的最左上角开始绘制)。
3、在这里要绘制多个表格,可以再次单击“布局表格”按纽进行绘制,也可以按住Ctrl键绘制多个表格。追梦人”网站首页的布局如图所示:
2.2.2设置首页的页面属性
首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域,在菜单中选择“页面属性”,之后弹出“页面属性”对话框,若选择主菜单“修改/页面属性”项,也可以把打开该对话框。
在“页面属性”对话框中,左侧窗口显示“分类”,其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项,右侧区域则显示各类中可以设置的项目。“追梦人”首页设置的属性如下图所示:
2.2.3查看和编辑头内容
一个网页文件结构上实际是由两部分组成,头(head)内容和主体(body)内容主体内容(body)是文档的主要部分,也是包含文本和图像等的可见部分。头内容(head)是除文档标题外的不可见部分,包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息,这些元器并不是每个页面都需要的,例如,可以仅为主页提供关键字。
下面就以首页为例,说明怎样插入较常用的头(head)内容。
单击“菜单拦”下面“插入快捷”的下拉列表,选择其中的HTML类,此时右侧将会显示该类中可以插入的对象快捷按钮,再次单击第2个按钮“文件头”旁边的下拉箭头,会弹出菜单,该项列出的便是即将插入的头内容。
2.2.4 插入图像
图像是网页中不可或缺的组成成份,恰当地使用图像,可以使网站充满生活生命力与说服力,吸引更多的浏览者,加深他们欣赏你网站的意愿。
另一方面,网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制,导致了下载的速度不可能太快,因此,网页的大小就不能太大,其中关键就在于图像的大小了,否则浏览者会失去等待的耐心,无论你的网站多么精彩也无济于事了。所以,在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤,以使得它们在保持图形美丽与网站风格搭配的基础上,图片文件能够变的更小。
1、首先将光标停留在要插入图像的位置,然后单击“菜单栏”下面“插入快健栏”的下拉表,选择其中的“常用”类,则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像:图像”按钮,单击它右侧的下拉列表,选择第1项“图像”。
2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件,或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中,可选择文件URL地址的类型,如果选择“文档”选项,表示图像地址相对于当前文档;如果选择“站点根目录”选项,表示地址相对于根目录。在这里我要插入的是网站标志logo,插入logo图象,如图所示:
最后单击“确定”按钮,即可完成插入图像的操作。2.2.5插入多媒体
在Dreamweaver MX2004中,除了之前讲到的可以插入“图像”外,还可插入动画、声音、视频等媒体元素,如Flash,Shockwave,Applets,ActieX及格Midi声音文件等,并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象,以及进行相关的后期处理和添加设计备注等操作。
在Dreamweaver MX 2004文档中,可以插入媒体文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各种格式的音频文件。要在浏览器中播放放Flash 动画,必须在浏览器中集成“Flash 播放器(Flash Player)”。其中,Internet Explorer通过ActiveX控制来实现,Netscape Navigator则是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏览器中,均已集成了 Flash动画播放功能。操场作步骤:
步骤1 将光标停留在要插入Flash的位置,然后单击菜单栏下面“插入快捷栏”的下拉列表,选择其中的“常用”分类,右侧将会显示该类中可以插入的对象快捷按钮。左起第6个即为“媒体”按钮,单击它右侧的下拉列表,选择第1项Flash图标。
步骤2 在弹出的对话框中选择扩展名为swf 的Flash文件,即可将其插入到Dreamwe aver的“网页编辑窗口”中,可以看到,在这个窗口中Flash文件的大小。在这里我的主页插入的一个动画,如图所示:
2.2.6插入文本 文字是人类语言最基本的表达方式,在网页中,文本内容也可以说是重要的组成部分,一个网站成功与否,它是最关键的因素。在这最关键的因素。可丰富网站的文字内容,并以最最美观、最整齐的方式放入到网页中。插入文本的两种方式
网页中需要大量的文本,我们或以通过以下两种方式插入它们。
一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了,和一些文本编辑软件(如Microsoft Word)的使用方法一样,选择好习惯的输入法,就可以运指如飞了。
另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver MX2004来进行打字的工作,而更习惯在专门的文本编辑软件中快速打字,如Microsoft Word和 Windows自带的记事本等,又或者读者已经准备好了要放入网页的文本的电子版本,那么我们就可以直接使用Dreamweaver的文本复制功能,将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作,具体步骤如下。
打开文本编辑软件(如Microsoft Word),选中要复制的文本,它们将反白显示,执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C,之后切换回Dreamweaver,将光标停留在插入文本的位置,执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。
这在我的“网文精品”中用到很多,全部是在word软件中排好ctrl+c,然后点击要粘贴的位置,crtl+v到Dreamweaver即可。
2.3创建其它网页
还有其它的几个网站与主页的制作相同,一个网页是图象和文字的组合。“平面设计”中的图象插入和前面的介绍相似,并可以在属性拦中调节图象的大小。在Dreamwerver中常常会用到Firework、Flash,它们是相辅相成,在主页中的主体部分就是用Firework,如图所示:
在“个人说明”中也用到这点,首先定好需要尺寸,在属性中设好背景,颜色等等,插入图象,输入文字,也word里的操作雷同。
第三章 建立网页链接
网站实际上是由很多网页组成的,那么网页之间是如何联系的呢?这就是本章要讲的内容----网页的“链接”。
“链接”,又称“超链接"(Hyperlink),它作为网页的桥梁,起着相当重要的作用。网页中的很多对象都可以加入“链接”属性。在Dreamweaver MX2004中,如果以“链接”的媒介来划分的话,则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”,共8种。其中部分内容在之前的章节中可能接触过,这里将对其进行更深入的讲解。
3.1文字链接
“文字链接”即以文字作为媒介的链接,它是网页中最常被使用的链接方式,具有“文件小、制作简单和便于维护”的特点。
接下来结合我的个人网站为实例,来讲解如何为文字建立“链接”。具体操作步骤如下所述。操作步骤
步骤1 准备好已经制作完成的首页的各个栏目页面(假设除了“链接”,其他内容都已经制作完成了),该网站包含6个栏目,这里的5个栏目----“平面设计”、“动画制作”和“网文精品”、“经典回顾”、“个人说明”为例来进行讲解。
步骤2 在Dreamweaver 中打开首页,之后反白选取作为“链接”的文字。实例中要做到单击不同的栏目的网页。因此为第1个栏目“平面设计”设置链接,首先要反白选中“平面设计”4个文字。
步骤3 观察“属性面板”,其中包括一个“链接”文本框。步骤4 接下来需要把链接的地址加入到文本框中,方法有3种。
这里我用到的是直接点击文件夹图标,在文件夹中找到要链接的对象graph.htm。这样就建立了超链接。不过有点很重要,由于大多数服务器都不支持中文文件名,而且对大小写敏感,因此采用英文文件名并统一大小写。如图所示:
步骤5 在“链接”文本框下面还有一个“目标”下拉列表,从中可以选择链接网页显示的窗口方式,共有4种。如图:
实例中没有选择任何选项,保持空白,表示在原窗口中打开链接网页。
步骤6 还可以设置一些“链接”的属性,这是前面讲过的内容。单击“属性面板”中的“页面属性”,选择其中的“链接”分类,可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。
步骤7 至此,第1个栏目的链接就制作完毕了,按下Ctrl+S保存网页,再按下F12预览,测试一下,当鼠标放在“平面设计”这4个文字上时将变成手形,并且浏览器窗口下面的状态栏中会显示链接到的网页的地址,单击文字,页面会立即跳转到第1个栏目中,这表示链接已经制作成功了。
步骤8 同理,按照以上步骤,再为“动画制作”和“网文精品”“经典回顾“等其它栏制作指向对应栏目的链接。
步骤9 通常在栏目页面中还需要有“返回首页”的链接,单击其后可以跳转回首页,因此在各个栏目中还要插入“网站首页”的文字,并且制作指向首页index.html的链接,制作方法不变。
至此,整个“文字链接”的实例就全就全部完成了。通过对这个实例的讲解,读者不仅应该学会如何为文字制作链接,还应用对“链接”有了更加深刻的理解,链接的目的何在?它到底能够在网页的网站中发挥什么样的作用?怎样才能更好地使用它?这些是网页制作者更应该思考的问题。下面继续介绍其他类型的链接。
3.2图像链接
“图像”也是常被使用的链接媒体,它和“文字链接”非常相似。为图像加入链接,首先应该在网页中插入“图像”,有关插入“图像”或“导航条”按钮的内容,接下来以我的网站“追梦人“为例,讲解如何建立“图像链接”。操作步骤
步骤1 首先仍然要准备好已经制作完成的首页和各个栏目的页面(假设除了“链接”,其他内容都已经制作完成了),该网站包含6个栏目,下面我们就动手为这6个栏目分别制作它们的链接。
步骤2 在Dreamweaver中打开网站的首页,之后选取要制作“链接”的图像。实例中先为第3个栏目“动画制作”设置链接,因此选中包含“动画制作”4个字的图像。步骤3 观察“属性面板”,在“链接”文本框中输入链接的文字地址。可以使用之前讲过的“指向文件”和“选择文件”的方法。
步骤4 如果有需要,可以在“目标”下拉列表中选择“链接”网页显示的窗口方式,分别为-blank、-parent、-self或 top。实例中使用了默认出的保留空白选项的方式。
步骤5 另外,读者还可以为图像增加“替代”文本。实例中为第1个栏目增加栏目名称的“替代”文本。
步骤6 至此,第1个栏目的图像链接就制作完毕了,按下Ctrl+S保存网页,再按下F12预览,测试一下,将鼠标放在“动画制作”4个文字上时将变成手形,同时浏览器窗口下面的状态栏中会显示出链接到的网页的地址,并且会显示出“替代”文本“动画制作”,单击文字,页面会立即跳转到第3个栏目中,这表示链接已经制作成功了。步骤7 同理,按照以上步骤,再为其它几幅图像制作指向对应栏目的链接。
步骤8 在栏目页面中制作“返回首页”的链接,使得单击后可以跳转回首页,其制作方法不变。
至此,整个“图像链像”的实例就全部完成了。
3.3E –Mail的链接
E-Mail链接,是指当浏览者单击该链接之后,不是打开一个网页文件,而是启动用户的E-Mail客户端软件(如Outlook Express),并打开一个空白的新邮件,供浏览者撰写内容来与网站联系人联系,这是一种最方便的互动方式。结合“个人说明”网页,建立E-Mail链接的步骤如下所述。操作步骤 步骤1 将光标停留在页面右下角要插入E-mail链接的位置。
步骤2 选择“插入快捷栏”中的“常用”分类,单击左侧第2个“电子邮件链接”按钮。
步骤3 在弹出的“电子邮件链接”对话框中有两个输入项,分别是“文本”和“E-Mail”。在“文本”项中输入链接的文字,中文、英文均可,在E-Mail项中输入网站联系有的电子邮件地址,如实例中的 ding_zhuimeng123@163.net。
步骤4 单击“确定”按钮,具有“E-Mail链接”属性的文本就ding_zhuimeng123@163.net。插入到光标所在位置了,按下 Ctrl+S保存网页,再按下F12预览查看实际效果。上面的方法只适用于文本的“E-Mail链接”,如果想在其它的对象(如图像)上也加入这种链接,该怎办呢?下面介绍第2种建立“E-Mail链接”的方法。
其实很简单,与前面讲过的图像加入链接的方法基本一样。先在页面中需要的地方插入图像,之后选中图像,并在“属性面板”的“链接”文本框中输入如下语句即可----mailto: ding_zhuimeng123@163.net ?subject=网站的建议与第1种方法不同的是,E-Mail 地址前面增加了mailto:字样。用这种方法就可以给图像等其他对象建立“E-Mail链接”了。
3.4文件下载链接
“文件下载链接”的原理很简单,只要链接文件属于浏览无法识别的关型,便都会使用IE浏览器直接进行下载,并保存到本地计算机中。
浏览器无法识别的文件类型有很多,这里就介绍一个最常用的,以zip或rar为后缀名的压缩格式文件,这种文件可以使用主流的压缩软件(如winzip、winrar)来制作。下面我们就业以实例来说明。在前面“插入多媒体”一章中,我们曾经讲过直接链接文件的方式来插入“视频”,即直接在“链接”文本框中输入“文件名+名后缀名”,如olympus.wmv。单日击这个链接,经过数据下载后,Windows系统将启动自带的媒体播放器Windows Media Player 来播放该视频。操作步骤
步骤1 先将视频文件olympus.wmv通压缩成olympus.rar文件,放入站点的media文件夹下。
步骤2 将文件路径输入至“链接”文本框中。
步骤3 保存网页,按下F12预览,在浏览器中单击“下载精彩广告视频”链接文本,会弹出“文本下载”选择框,单击其中的“保存”按钮。
步骤4 在“另存为”对框中选择保存到本地计算机中的位置,实例中为“经典回顾”文件夹。之后单击“保存”按钮,压缩文件即保存到该位置中。至此,“文件下载链接”便制作完成了。读者可以打开“我的文档”文件夹,解压缩olympus.rar文件,随时欣赏下载影片。
本设计中未用到此链接,在此只作简单介绍。
3.5在HTML语言中建立网页链接
3.5.1文字链接
在HTML语言中用超链接标记指向一个目标。其基本格式为: 举个简单的“文本链接”的实例,该实例相对应的HTML代码如下所示。 a href-“index2.html”target=”-blank”>平面设计
动画制作(原窗口,默认为空)
第五篇:班级网站设计与实现
沈阳化工学院
本科毕业论文
题 目: 班级网站设计与实现 院 系: 计算机科学与技术学院 专 业: 计算机科学与技术 班 级: 计算机0802 学生姓名: 金智宇 指导教师: 张 丽
论文提交日期:2012年06月20日 论文答辩日期:2012年06月26日
I
内容摘要
随着人类的进步,网络技术不断发展和计算机的普及,越来越多的人拥有自己电脑,让人们的生活更快捷和丰富,并且丰富人类的精神世界和物质世界,让人类最便捷地获取信息,找到所求,让人类的生活更快乐。
网络的普及越来越多的学校和班级通过计算机网来管理各项事务。同时,学生与学生之间通过网络来交流的方式也日趋频繁。在这种潮流的趋势下,应该采用什么样的方式来更好的管理学生各项信息和班级各项日常事务,以及怎么是学生之间能更好的交流,成为一个问题。
班级网站设计是为了合理的利用网络资源,提供班级与交流、有管理班级事务的网络平台。本网站基于B/S模式,在ASP.NET集成开发的环境下采用C#语言开发完成。本网站有班级介绍、班级相册、同学登陆、班级留言、学习空间、休闲等模块。网站的设计体现个性化要求。其中同学登陆模块实现了用户注册、登陆与修改个人资料等功能;班级相册实现图片上传和在线浏览功能;班级留言实现网上留言功能;提供交流平台。本网站 促进班级学生的学习交流,实现用户自由访问,增加同学们的相互了解,增强班级凝聚力。
关键词: 网站建设、网站运营、ASP.NET|、SQL server 2005
II
Abstract With the progress of mankind, the continuous development of network technology and the proliferation of computers, more and more people have their own computer to make people's lives more efficient and rich, and enrich our spiritual world and physical world, human access to the most convenientinformation, find what we seek to make human life happier.More and more schools and classes of the popularity of the network through the computer network to manage the affairs.At the same time, the way to communicate through the network between the students and the students become more frequent.In this fashion trends, what way should be used with good management students all the information and classes the daily affairs, and how better communication between students, become a problem.The class website is designed to use the network resources to provide classes and exchanges, to manage class affairs network platform.This site is based on B / S mode, ASP.NET integrated development environment using C # language developed.This site have a class, class album, the students landing, message classes, learning space, leisure and other modules.The site design reflects the individual requirements.Students landing module user registration, login and modify personal information;class album image upload and
III
online feature;class message Message function;provide an exchange platform.This site to promote the exchange of classes students learn to achieve the users the freedom to access, increase mutual understanding of the students, and enhance class cohesion.Key words: Website building、website operators、ASP.NET|、server 2005
IV
SQL
目录
班级网站设计与实现.........................................................................1 一.绪论..........................................................................................1 1.1 课题背景来源和发展意义..........................................................1 1.1.1 课题背景.............................................................................1 1.1.2 课题来源.............................................................................1
二.开发工具与开发技术..................................................................3 2.1 开发技术...................................................................................3 2.1.1 ASP.NET技术....................................................................3
2.2 开发工具...................................................................................4 2.2.1 SQL server 2005数据库.....................................................4
2.3 开发环境...................................................................................5 2.3.1 Visual Studio.NET2010开发环境.....................................5 2.3.2 CSS样式表在HTML中的实现............................................7
三.方案设计与论证........................................................................9 3.1 项目概述与需求分析.................................................................9 3.1.1 目标....................................................................................9 3.1.2 用户的特点..........................................................................9
V
3.1.3 假定和约束..........................................................................9
3.2 设计中的图表..........................................................................10 3.2.1 对功能的规定....................................................................10 3.2.2 网站结构图:....................................................................11 3.2.3 类图..................................................................................12
3.3 测试........................................................................................12 3.3.1 软件测试...........................................................................12
四.设计与实现..............................................................................14 4.1 网站框架和代码......................................................................14 4.1.1 添加用户...........................................................................14 4.1.2 管理用户...........................................................................15
4.2 网站首页.................................................................................15 4.2.1 班级首页...........................................................................15 图4.2.1班级首页.........................................................................16 4.2.2 网站首页部分代码.............................................................16
4.3 网站介绍.................................................................................18 4.3.1 班级介绍...........................................................................18 4.3.2 班级介绍部分代码.............................................................19
4.4 资源共享.................................................................................22 4.4.1 资源共享介绍....................................................................22 4.4.2 连接代码...........................................................................22
VI
4.5 专业课程.................................................................................23 4.5.1 课程信息...........................................................................23 4.5.2 专业课程部分代码.............................................................23
4.6 班级通讯.................................................................................24 4.6.1 通讯界面...........................................................................24 4.6.2 班级通讯部分代码.............................................................25
4.7 留言飞语.................................................................................27 4.7.1 留言界面...........................................................................27 4.7.2 同学留言部分代码.............................................................27
4.8 联系方式.................................................................................29 4.8.1 管理员联系界面.................................................................29 4.8.2 联系方式部分代码.............................................................29
五.结果与评价..............................................................................31 六.结论.........................................................................................32
VII 沈阳化工学院学士学位论文
第一章 绪
论
班级网站设计与实现
一.绪论
1.1 课题背景来源和发展意义
1.1.1 课题背景
随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。网页制作更是日新月异,层出不穷。涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。网页功能分析就是以系统的观点,对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么,最终为后面的设计工作打下基础。需求分析是制作一个网站的第一步。在制作网站之前,首先要了解客户的需要和要求。这些必要的信息包括客户所要表达的理念、界面显示的内容和栏目的要求、网站功能方面的要求等。根据客户的具体情况,需求也会有所差别。本网站是针对班级同学而设计的网站,主要是便于同学联系例如聚会、发布班级信息等系列的通知,同时本网站还针对同学们的需求建立个人信息空间,可以建立个人影集,彰显每个同学的个性与风采,相当于一个“便携式”的聊天平台,无论同学们以后身在那里我们都可以在茶余饭后对我们现在也或是过去进行讨论,彼此交换心得体会,更加了解班级的概况,增强同学之间交流。
1.1.2 课题来源
大学时代的同学之情是最真挚的一份感情。没有任何一个时代的学生比现在的学生们更加渴望言论自由,渴望情感交流。但在学分制条件下,快节奏的学习生活、越来越少的集体活动时间使同班同学之间的交流也日益困难。大学班级网站的建立为现实世界中的班级提供了一个非正式交往的虚拟平台,它为班级每一个成员都提供了平等、自由的发言机会,使相互的交流跨越了时间和空间的樊篱,也打破了男女间、寝室间的障碍。沈阳化工学院学士学位论文
第一章 绪
论
为了满足班级网站的交流目的。本网站包括:班级简介、班级相册、班级登陆、班级留言、学习交流、论坛等模块。班级简介模块,作为班级总体介绍平台,极少班级的建设,班级成员,班级成绩等;班级相册模块,包括用户上传图片以及图片的浏览功能,实现与数据库的衔接;班级登陆模块,包括注册和登陆两个子模块,通过注册可以成为班级成员,在通过登录拥有访问网站各项功能的权限;班级留言模块,实现用户的在线留言;班级论坛模块,论坛模块主要实现注册用户能在此网站平台之上交流,一般用户可以回复别人的发言,亦可提出自己的言论,一伙的其他人的建议和意见;
本系统使用ASP。Net技术的动态网页与SQL server2000数据库结合设计建立的一个班级网站。用户首先通过内部网络访问本站进行简单的注册并经营管理员审核通过后,即拥有了使用本网站上所提供的出管理模块的各项功能的权利。功能模块包括班级留言、班级相册、学习交流等,论坛社区提供用户之间的主要交流平台,用户可以发起自己的帖子,来引起班级其他同学的对本帖的讨论或回复,同时用户也可以对自己或别人的帖子提出自己的见解,从而很好地促进了班级内同学的交流。班级留言提供网上留言功能。留言可以使班级的老师班长或其他同学的留言,通过网络的迅捷的传输率达到快速的了解及处理班级各项事务的目的。班级相册可以将班级内同学的相册传到网站上自由浏览,增加班级的亲和力。以及以上功能很好的解决上面所提出的问题 沈阳化工学院学士学位论文
第二章 开发工具与开发技术
二.开发工具与开发技术
2.1 开发技术
2.1.1 ASP.NET技术
AS.PNET是一种建立在通用语言上的程序结构,能被用于一台Web服务器来建立强大的Web应用程序。ASP.NET是在服务器上运行的编译好的公共语言运行库,利用早期的绑定、实时编译、本机优化和盒外缓存服务,着相当于在编写代码行之前便显著提高了性能。另外,由于ASP.NET框架补充了Visual Studio 集成开发环境,想必ASP,使程序设计相对简化,结构更为清晰
ASP.NET的前身ASP技术,是在IIS 2.0上首次推出(Windows NT 3.51),当时与 ADO 1.0 一起推出,在IIS 3.0(Windows NT 4.0)发扬光大,成为服务器端应用程序的热门开发工具,微软还 特别为它量身打造了Visual InterDev开发工具,在1994年到2000年之间,ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一,数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。它的简单以及高度可定制化的能力,也是它能迅速崛起的原因 之一。不过ASP的缺点也逐渐的浮现出来:
意大利面型的程序开发方法,让维护的难度提高很多,尤其是大型的ASP应用程序。直译式的VBScript或JScript语言,让效能有些许的受限。延展性因为其基础架构扩充性不足而受限,虽然有COM元件可用,但开发一些特殊功能(像文件上传)时,没有来自内置的支持,需要寻求第三方软件商开发的元件。1997年时,微软开始针对ASP的缺点(尤其是意大利面型的程序开发方法)准备开始一个新项目来开发,当时ASP.NET的主要领导人Scott Guthrie刚从杜克大学毕业,他和IIS团队的Mark Anders经理一起合作两个月,开发出了下一代ASP技术的原型,这个原型在1997年的圣诞节时被发展出来,并给予一个名称:XSP,这个原型产品使用的是Java语言。不过它马上就被纳入当时还在开发中的CLR平台,Scott Guthrie事后也认为将这个技术移植到当时的CLR平台,确实有很大的风险(huge risk),但当时的XSP团 沈阳化工学院学士学位论文
第二章 开发工具与开发技术
队却是以CLR开发应用的第一个团队。
为了将XSP移植到CLR中,XSP团队将XSP的内核程序全部以C#语言重新撰写(在内部的项目代号是 “Project Cool”,但是当时对公开场合是保密的),并且改名为ASP+,作为ASP技术的后继者,并且也会提供一个简单的移转方法给ASP开发人员。ASP+首次的Beta版本以及应用在PDC 2000中亮相,由Bill Gates主讲Keynote(即关键技术的概览),由富士通公司展示使用COBOL语言撰写ASP+应用程序,并且宣布它可以使用Visual Basic.NET、C#、Perl与Python语言(后两者由ActiveState公司开发的互通工具支持)来开发。
在2000年第二季时,微软正式推动.NET策略,ASP+也顺理成章的改名为ASP.NET,经过四年的开发,第一个版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0),Scott Guthrie也成为ASP.NET的产品经理(到现在已经开发了数个微软产品,像ASP.NET AJAX和Microsoft Silverlight)。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已经在VS2010平台内应用。
2.2 开发工具
2.2.1 SQL server 2005数据库
数据库是信息的集合,是指长期存储在计算机内的、有组织的、可共享的数据集合。数据库中的数据按一定的数据模型组织、描述和储存,具有较小的冗余度、较高的数据独立性和易扩展性,并可为各种用户共享。例如,记录客户信息、网络通讯录等。以往会将这些数据记录到纸上或是计算机某个文件中,如果要修改或查询则要消费大量时间。现在人们借助计算机和数据库技术科学地保存和管理大量的复杂的数据,以便能方便而充分的利用这些宝贵的信息资源。数据被规整地存储起来,修改和查询只需几条SQL语句就完成了。
Internet集成。SQL Server 2005 数据库引擎提供完整的XML 支持。它还具有构成最大的Web 站点的数据存储组件所需的可伸缩性、可用性和安全功能。SQL Server 2000 程序设计模型与 Windows DNA 构架集成,用以开发 Web 应用程序,并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服务等功能,在Web 应用程序中包含了用户友好的查询和强大的搜索功能。沈阳化工学院学士学位论文
第二章 开发工具与开发技术
2.可伸缩性和可用性。同一个数据库引擎可以在不同的平台上使用,从运行 Microsoft Windowsreg;98 的便携式电脑,到运行 Microsoft Windows 2000 数据中心版的大型多处理器服务器。SQL Server 2005 企业版支持联合服务器、索引视图和大型内存支持等功能,使其得以升级到最大 Web 站点所需的性能级别。
3.企业级数据库功能。SQL Server 2005 关系数据库引擎支持当今苛刻的数据处理环境所需的功能。数据库引擎充分保护数据完整性,同时将管理上千个并发修改数据库的用户的开销减到最小。SQL Server 2005 分布式查询使您得以引用来自不同数据源的数据,就好像这些数据是 SQL Server 2005 数据库的一部分,同时分布式事务支持充分保护任何分布式数据更新的完整性。复制同样使您得以维护多个数据复本,同时确保单独的数据复本保持同步。可将一组数据复制到多个移动的脱接用户,使这些用户自主地工作,然后将他们所做的修改合并会发布服务器。
4.易于安装、部署和使用。SQL Server 2005 中包括一系列管理和开发工具,这些工具可改进在多个站点上安装、部署、管理和使用 SQL Server 的过程。SQL Server 2005 还支持基于标准的、与 Windows DNA 集成的程序设计模型,使 SQL Server 数据库和数据仓库的使用成为生成强大的可伸缩系统的无缝部分。这些功能使您得以快速交付 SQL Server 应用程序,使客户只需最少的安装和管理开销即可实现这些应用程序。
2.3 开发环境
2.3.1 Visual Studio.NET2010开发环境
1998 年,微软公司发布了 Visual Studio 6.0。所有开发语言的开发环境版本均升至 6.0。这也是 Visual Basic 最后一次发布,从下一个版本(7.0)开始,Microsoft Basic 进化成了一种新的面向对象的语言:Microsoft Basic NET。由于微软公司对于 Sun 公司 Java 语言扩充导致与 Java 虚拟机不 兼容被 Sun 告上法庭,微软在后续的 Visual Studio 中不再包括面向 Java 虚拟机的开发环境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 开发使用的 Visual Basic 5.0、Visual C++5.0,面向 Java开发的 Visual J++和 面向数据库开发的 Visual FoxPro,还包含有创建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中,Visual Basic 和 沈阳化工学院学士学位论文
第二章 开发工具与开发技术
Visual FoxPro 使用单独的开发环境,其他的开发语言使用统一的开发环境。
2002 年,随着.NET 口号的提出与 Windows XP / Office XP 的发布,微软发布了 Visual Studio.NET(内部版本号为 7.0)。在这个版本的 Visual Studio 中,微软剥离了 Visual FoxPro 作为一个单独的开发环境以 Visual FoxPro 7.0 单独销售,同时取消了 Visual InterDev。与此同时,微软引入了建立在.NET 框架上(版本1.0)的托管代码机制以及一门新的语言 C#(读作 C Sharp,意为 C#)。C# 是一门建立在 C++和 Java 基础上的现代语言,是编写.NET 框架的语言。
.NET 的通用语言框架机制(Common Language Runtime, CLR),其目的是在同一个项目中支持不同的语言所开发的组件。所有 CLR 支持的代码都会被解释成为 CLR 可执行的机器代码然后运行。
Visual Basic、Visual C++ 都被扩展为支持托管代码机制的开发环境,且 Visual Basic.NET更是从 Visual Basic 脱胎换骨,彻底支持面向对象的编程机制。而 Visual J++ 也变为 Visual J#。后者仅语法同 Java 相同,但是面向的不是 Java 虚拟机,而是.NET Framework。
2003 年,微软对 Visual Studio 2002 进行了部分修订,以 Visual Studio 2003 的名义发布(内部版本号为 7.1)。Visio 作为使用统一建模语言(UML)架构应用程序框架的程序被引入,同时被引入的还包括移动设备支持和企业模版。.NET 框架也升级到了 1.1。
2005 年,微软发布了 Visual Studio 2005。.NET 字眼从各种语言的名字中被抹去,但是这个版本的 Visual Studio 仍然还是面向.NET 框架的(版本2.0)。
这个版本的 Visual Studio 包含有众多版本,分别面向不同的开发角色。同时还永久提供免费的 Visual Studio Express 版本。
随着即将发布的 Windows Vista和 Office 2007,Visual Studio 9 也渐渐浮出水面。Visual Studio 9 目前可以确定的是支持建立于 DHTML 基础上的 Ajax 技术,这种微软在 Visual InterDev 时代提出的基于异步的客户端动 态网页技术在当年并没有像微软预期中的那么流行起来,反而随着 Gmail 等应用而东山再起,渐渐成为主流网络应用之一。同时 Visual Studio 9 会强化对于数据库的支持以及微软新的基于工作流(Workflow)的编程模型。预计为了保持与 Office 系列的统一,Visual Studio 9 的名称为 Visual Studio 2007。沈阳化工学院学士学位论文
第二章 开发工具与开发技术
2007年11月,微软发布了 Visual Studio 2008 英文版,2008年2月14日发布了简体中文专业版。
2010年4月12微软发布Visual Studio 2010以及.NET Framework 4.0,并于2010年5月26发布了中文版
Visual Studio.NET2010是Microsoft推出.NET应用程序开发工具。Visual Studio,我们一般都简称为VS,Visual Studio其实是微软开发的一套工具集,它由各种各样的工具组成,这就好像Office 2007时由Word 2007、Excel 2007、Access 2007等等组成的一个道理。其中Visual C++就是Visual Studio的一个重要的组成部分。Visual Studio可以用于生成Web应用程序,也可以生成桌面应用程序,在Visual Studio下面,除了VC,还有Visual C#,Visual Basec,过去还有Visual J#,现在还有Visual F#等等组件工具,使用这些工具你可以使用C++语言C#语言或者Basic语言进行开发。这就好比桌上放着刀、叉、筷子,你可以用它来吃饭,无论它们都是餐具的一种
2.3.2 CSS样式表在HTML中的实现
在HTML网页中加入CSS并不是只有一种方法,在不同的情况下,可以采用不同的方法,比较常用的有下面几中。
1.嵌入式样式表
嵌入式样式表的实现很简单,只需在每个要应用样式的HTML标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色,字号为10pt,可在当前表格的