基于WEB同学录管理系统设计

基于WEB同学录管理系统设计[java毕业论文下载]

工具及背景介绍

在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为信息社会的重要组成部分,从而倍受人们的重视。为了今后更好的方便大家联系、交流,特构建山西农业大学信管011班同学录网站。

1.1 设计思想

通过网站,方便大家联系,全面展示我班的风采,加深同学们之间的感情,更好的为大家服务。

在设计网站时,首先应该考虑客户端浏览网站所使用的浏览器的兼容性的问题。现在,最常用的是IE和NETSCAPE,由于IE对ASP、ActiveX、DHTML等的良好支持,拥有广泛的使用者,具备良好的兼容性。因此可以选用IE作为兼容标准,同时尽可能兼顾NETSCAPE。

其次,在选择编程语言上,一般都采用HTML语言,同时采用ASP技术以及运用网络数据库。

1.2 开发工具的选用及相关知识介绍

1.2.1  Macromedia Dreamweaver MX 

Macromedia Dreamweaver MX 是一种专业的HTML 编辑器,可用于对Web 站点、Web 页和Web 应用程序进行设计、编码和开发。利用Dreamweaver MX中的可视化编辑功能,可以快速地创建页面而无需编写任何代码。Dreamweaver MX 提供了许多与编码相关的工具和功能,如表单、表格和各种控件。借助Dreamweaver MX,可以使用多种服务器语言,例如ASP、ASENET、ColdFusion 标记语言(CFML) JSP 和PHP 生成支持动态数据库的Web 应用程序。Dreamweaver MX 可谓是开发静态、动态网站的利器,也是开发Web 应用程序的高效工具。不仅是专业人员制作网站的首选工具,而且普及到广大网页制作爱好者中,相对于其它网页制作工具和以前版本,有以下这些优势:

◇ 对简体中文良好的支持,不会出现一些不兼容中文的现象。例如,在早期的Dreamweaver4.0中,制作Flash按钮时会出现乱码。

◇ 使用Dreamweaver MX中文版,可以在可视化界面制作出ASP,ASP,NET,JSP,PHP, ColdFusion站点。

◇ Dreamweaver MX中文版自带大量模板,简化了用户的制作过程。

◇ Dreamweaver MX中文版支持数量众多的第三方插件,大大增强了Dreamweaver MX的功能。

◇ 通过配置 Dreamweaver MX 生成符合 XHTML 的代码,确保用最新的 HTML 设计标准及时更新站点[1]

1.2.2  ASP(Active Server Pages)

Active Server Pages:“动态服务器网页”,一般简称为“ASP”,基于传统的静态Web技术,信息网页、文本文件和图像等内容是以单独文件形式存放的。Web服务器应用程序简单地从磁盘中读取它们并转换成能够在网络上传输的正确的HTTP协议。在客户或用户端,浏览器接收传送的信息,并转换成能够显示的页面。然而这种静态Web技术无法实现传递实时性很强的信息,例如在页面上输入信息或传递从其他应用程序中得到的内容,特别是访问特定类型的数据库内容。这就需要有相应的技术来满足客户的要求。ASP技术的出现和应用较好地解决了网页信息传递的实时性和交互性要求。与HTML网页不同,以ASP为后缀的文件并不能直接在浏览器中打开。当IIS服务器接收到对ASP页面的请求时,服务器将它解释并生成为标准的HTML网页,发回给浏览器。ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE 或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或 JavaScript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果[2]。ASP的特点:

任何开发工具皆可发展ASP,只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、FrontPage等也都可以。◇语言相容性高

    ASP与所有的ActiveX Script语言都相容,除了可结合HTML,VBScript、Java Script、Active X服务器组件来设计外,并可经由“plug-In”(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。

◇隐密安全性高

    如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!这是因为ASP程序先于网站服务端(Web Server)执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

◇易于操控数据库

ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Access、Foxpro、DBase、Oracle等等,另外,ASP亦可将“文本文件”或是“Excel” 文件当成数据库用。

◇面向对象学习容易

ASP具备有面向对象(Object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或“Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

◇语言简洁

ASP是由静态的HTML和动态的ASP代码组成,采用ASP的一个很大的优点是,可以在客户端中包含你的服务器端脚本的运行结果。为了能够区分代码的起始位置和终止位置,在ASP中是用 <% ASP Code %>来标识,其中<%是ASP代码的起始的标记;%>是ASP终止的标记;ASP Code就是任意的ASP代码[3]

1.2.3 ASP 下Web 数据库的连接与打开

在网络技术飞速发展的今天, 基于网络的W EB 数据库的操作成为了信息处理的核心, 自从Microsoft 推出A SP 技术后, 由于它在创建动态交互式站点上的强大功能及其代码编写的简便性、面向对象的设计, 很快在Internet.Intranet 网站上得到了广泛的应用, 尤其是涉及到数据库操作的网站应用系统更是倾向于采用A SP 技术. ASP 成为许多计算机专业人士设计网站时的首选技术. 现简单介绍在A SP 下数据库连接的相关知识。

◇基本原理 

在A SP 中, 用来存取数据库的对象统称ADO 对象(ActiveX Data Objects), 这是一项容易使用并且可扩展的将数据库访问添加到Web页的技术, 可以使用它去编写紧凑简明的脚本以便连接到ODBC (Open Database Connectivity) 兼容的数据库和OLEDB 兼容的数据源.在ASP中, 有7 个对象, 其中与数据库有关的主要有3 种对象: Connection, Recordset 和Comm and, 其中Connection 负责打开或连接数据库,Recordset 负责存取数据表, Comm and 定义对数据源进行操作的命令。如果只依靠这3个对象还是无法存取数据库的, 还必须具有数据库存取的驱动程序: OLEDB 驱动程序和ODBC 驱动程序. 对于任何一种数据库都必须有相对应的OLEDB 驱动程序和ODBC 驱动程序,ADO 对象才能对数据库进行存取。ADO 对象必须与各种驱动程序相结合才能存取各种类型数据库, 不同的数据库需要不同的驱动程序。可以非常方便地在“控制面板”中“ODBC Data Source (32Bit) ”中获得本机驱动程序的信息[4]

◇数据库连接 

访问数据库信息的第一步是创建数据库源并和数据库源建立连接. ADO提供了Connection 对象, 可以使用该对象建立和管理应用程序和ODBC 数据库之间的连接. Connection 对象具有各种属性和方法, 可以使用它们打开和关闭数据库连接, 并且发出查询请求来更新信息. 要建立数据库连接, 首先应创建Connection 对象的实例. 在实际应用中不同数据库的连接方法有所不同, 它们需要建立不同的Connection, 但如果建立Connection 后, 使用Recordset 对象存取数据的方法却基本相似. 以Test.mdb 为例连接, 基本步骤如下:

(1)  创建数据库源 数据库源名, 即DSN (Data Source Name) 是连接ODBC 和数据库的桥梁,ODBC 通过DSN 来找到要访问的数据库. 可以通过“32 位ODBC”对其进行管理.

(2) 创建数据库链接ASP文件中如果要访问数据, 必须首先创建与数据库的链接, 其语法如下:

set Tconn = Server createObject (“ ADOBD. CONN ECT ION ”).创建了链接对象TConn TConn. Open“dns”,“username”,“password”.打开链接。

(3) 创建数据对象 RecordSet 保存的是数据库命令结果集, 并标有一个当前记录. sql=“SEL ECT 3 FROM test”.设SQL 语句Set RecordSet= TConn. Execute (sql).创建并打开了对象, TConn 是创建的链接对象Set RecordSet = TConn. Execute (sql).将表test 中的所有记录保存到RecordSet。

(4) 操作数据库 可以利用Execute 方法执行数据插入、修改、删除等操作, 它的参数是一个标准的SQL 语句串, 如:

执行插入操作:Sql1=“INSERT INTO test (字符串行)   values (字符值串行)”.SQL 语句TConn. Execute (sql1).

执行修改操作:Sql2= “UPDATE test SET (字符串行)= (字符值串行)”.SQL 语句TConn. Execute (sql2).

◇关闭数据对象和链接 在使用了ADO 对象之后, 一定要记住关闭它, 因为它使用了服务器的资源. 通过调用方法close 实现关闭, 然后再释放它.

TConn. Close[5]

考虑以上各方面因素,所以我选择了Dreamweaver结合ASP技术架构本网站。

2 网站结构设计

2.1页面布局

网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现班级的勃勃生气,网站布局应该以轻松、简洁的风格为主,同时使用一定的图形和多媒体元素,将整个网页分成四个部分(如图1)

第一部分

            第二部分

 

 

第三部分

第四部分

 

图1   页面布局

第一部分主要用来放置网站的标志图片;第二部分与第四部分主要用来放置一些功能链接;第三部分是主体部分,放置班级信息、留言、公告模块等[6]

2.2网站结构及功能

网站的具体结构如图2所示,在首页上共有7个大的功能菜单,每个菜单链接一个功能页面,每个页面实现不同功能。

 

                          

 

 

 

 

 

图2

充分利用ASP的强大功能,在网站中提供留言簿、公告栏等交流场所,为同学们展开信息交流提供方便。

2.3数据库设计

    本网站采用的数据库是Microsoft Access ,建立库文件,包含如下几个表文件:

claim        网站公告信息表

loginfo      来访登陆时间信息表

mssg         留言信息表;

photo        图片内容说明信息表

user         成员地址信息表[7]

3 详细设计

3.1统一规划网站的布局和格式

首先要规划好网站的结构,对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式,包括整个页面的颜色,宽度,阴影,背景,字体的大小颜色这就需要我们制作一个超文本样式表.css文件,以供每个网页调用。本站具体的.css代码如下:

body {

SCROLLBAR-FACE-COLOR: #ffffff;

SCROLLBAR-HIGHLIGHT-COLOR: #000000;

SCROLLBAR-SHADOW-COLOR: #000000;

SCROLLBAR-3DLIGHT-COLOR: #ffffff;

SCROLLBAR-ARROW-COLOR: #666666;

SCROLLBAR-TRACK-COLOR: #ffffff;

SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

 background-image:url(../images/bg.gif); background-position:center

}

BODY {

FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "arial"

}

TABLE {

FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "arial"

}

TR {

FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "arial"

}

TD {

FONT-SIZE: 12px; WORD-BREAK: break-all; FONT-FAMILY: "Verdana", "arial"

}

INPUT {

BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #0066cc 1px solid; BORDER-LEFT: #0066cc 1px solid; BORDER-RIGHT: #0066cc 1px solid; BORDER-TOP: #0066cc 1px solid; COLOR: #0066cc; FONT-SIZE: 9pt; HEIGHT: 16px

}

TEXTAREA {

BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #cccccc; BACKGROUND: #fefefe; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc

}

在每个网页的程序中加人如下的程序段:

<link href="css/class.css" type=text/css rel=stylesheet>。来实现调用已经编制好的超文本样式表文件class .css,这样就为网站中的每个网页设定一个共同的样式,如整个网页文字的大小、字体,还有活动超联接和已访问超联接的颜色以及菜单的一些属性等等。

为网站设计一个主页面使用DreameWeaver MX来制作。还要用到HTML语言、VBScript、JavaScript等。将前面说到的功能和内容以菜单的形式列出在主页上,级联菜单上是一些具体的功能和内容。当然,这个菜单是用JavaScript编制出来的一个函数,然后,在每一个菜单文件的代码中再调用这个函数,其它的菜单也可以用同样的代码来实现。同样,对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同,那么我们就可以先建立一个空的含菜单的文件作为模板,以后每建立一个类似的页面,就可以调用此模板文件,在此基础上再进行修改、补充[8]

3.2注册和登录模块设计

注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理,从而保证系统的运行安全,过程如图3所示[9]

 

 

 

 

 

 

 

 

 

 

 

 

图3 过程图

基于WEB同学录管理系统设计[点击下载]

如需要全部源码,联系QQ:2812491287如需要全部源码,联系QQ:2812491287

评论