校园网站设计论文

XX medical college

本科毕业设计（论文）

校园网站开发与设计

Campus Website Design and Development

摘    要

   “把教育放在立国之本的位置，强调教育是关系人才培养和国家强盛的重大问题，不可稍缓”——孙中山。随着计算机网络的发展和普及,以及越来越多的校园信息化，各校园信息的采集以及信息的发布利用网络已起到广泛宣传的作用。我国人口众多，不同规模的校园遍布整个中国，不同的的学校都有自己的特色，为方便宣传与管理，很多学校大都已经有了自己的宣传网站，通过网站任何人都可以在网上即时了解校园信息，为突出某个学校某系的特色，本人特设计关于母校及本人所在系的网站，力在宣传本校特色，即时公布校里动态，希望能为校内及校园外的所有关心本系动态的人给予便利。本网站主要运用用DreamWeaver，采用Access数据库，也运用了 ASP，以及利用Photoshop处理图片大小及颜色等。本网站采用Access数据库，是由于Access数据库是Windows环境下非常流行的桌面型数据库管理里系统。它管理的对象包括表、查询、窗体等，都存放在库文件后缀为.mdb的文件中，便于操作。本网站图文共存，运用简单，版式统一，搭配协调。

关键词： ASP , Dreamweaver ，Access

Abstract:" put education in the foundation of our position, emphasize education is training and the prosperity of the nation 's major problem, not a slightly slower" --Sun Zhongshan. With the development and popularization of computer network, more and more information on campus, each campus information collection and information utilizing network has play a widely publicized role. Our country population is numerous, depending on the size of the campus across the whole of China, different schools have their own characteristics, to facilitate the promotion and management, many schools have had their own website, through the web site where anyone can online real-time understanding of campus information, to highlight one school one of, I special Design on the alma mater and I am of the Department website, the publicity of the flora, immediately released system dynamic, hope for the campus and outside the campus all concerned about the dynamics of human to facilitate. The site mainly use DreamWeaver, using Access database, also the use of the ASP, and the use of Photoshop processing image size and color. This website uses Access database, because Access database Windows environment is very popular desktop database management system. It managed objects including tables, queries, forms, are stored in a library file suffix . Mdb file, convenient operation. This website graphic coexistence, using simple layout, unified, coordinated.

Key words: ： ASP , Dreamweaver ，Access

目     录

1 绪论    1

1.1 选题背景    1

1.2 选题意义    1

1.3 校园网站设计方案    2

2 基本理论概述    3

2.1   ASP概述    3

2.2 概述    4

2.3 Access    4

2.3.1 Access概述    4

2.3.2 Access的基本命令    5

3 数据库设计    5

3.4 环境配置    6

3.4.1 开发平台搭建    6

4 用户登陆    6

4.1登陆设计    6

5 网站总体分析与设计    11

5.1 新闻通知版块的功能实现    12

5.2 就业公告版块的功能实现    14

5.3 留言版块的功能实现    19

5.3.1留言版块的设计    19

5.3.2 留言管理版块设计    21

参考文献    24

引言

     短短几年里，Internet迅速发展成一个全球的网络系统，现在的Internet更是结合了商业的用途，快速转变成提供电子商务信息的平台，Internet已走向了一个很重要的商业大舞台。如今网站遍布互联网，我们当下最关心的人才招聘网站，人事考试网站，学校网站等诸多网站告诉我们，我们要想以最快的速度知道最新最准的信息，网站是必不可少的。为了宣传在这里生活4年了的母校，特设计此网站，希望把我校的特色广泛宣传。

1 绪论

1.1 选题背景

随着我国对教育的重视，校园网站逐年增加，校园网站为学校和外界的信息交换和沟通搭建了一个有效的平台。如今，随人们的生活信息化，足不出户网上购物，网上预约驾校等，校园网站，能满足您随时运用互联网查询你所关心的校园资讯，家长可以通过校园网站了解学校的动态，切身关心自己孩子所生活的环境。校园网站及时发布网上信息及通知，快捷有效。

Dreamweaver是专业可视化网站的先锋。通过为基于CSS的设计和开发新增添创新的支持，使Web更上一层楼。采用web社区所使用的强大开放式、基于标准的开发。Dreamweaver 8还支持所有主要服务器技术，包括ColdFusion、PHP、ASP、ASP.NET和JSP，使所有技术级别的开发者的设计都栩栩如生【1】。本网站主要就运用Dreamweaver设计前台页面，使页面美观大方，后台用ASP开发。ASP能增加网页的新功能，还能输出HTML标记，与HTML很好的结合。

1.2 选题意义

ASP.NET是一种基于服务器的功能强大的技术，用于为internet或企业的内部网创建动态的、交互式的HTML网页。.NET微软公司发布的新一代的系统、服务和编程平台，主要由.NET Framework和Microsoft Visual Studio .NET开发工具组成。

ASP任何开发工具都可发展

1.ASP执行结果所产生的HTML适用于不同的浏览器

2.安全性高，它的ASP原始代码是看不到的

3.语言相容性高，它可以与HTML和JavaScript良好的结合

4.可以连接各种数据库，本网站连接的是极为简单的access数据库，除此它还可以连接Sql和Oracle数据库等。【2】

1.3 校园网站设计方案

本校园网站主要服务于本校的学生、老师以及外部浏览人群，设计构思非常简单，功能较实现容易。本校的人登陆本网站，进入站内浏览站内消息，校外的人想进入本站需要先注册，方可以进入本站。

本网站设计主要是实现如下功能：管理注册、登陆、查询站内信息、查看或发表留言消息、查看站内新闻。具体功能实现如下图所示：

2 基本理论概述

2.1   ASP概述

    最常用的动态网页语言有VBscript，JSP（JavaServer Pages），PHP（Hypertext Preprocessor），和ASP。

1.ASP 的全名为Active Server pages，是一个WEB服务器端的开发环境，利用它可以产生和执行的、互动的、高性能的WEB服务器应用程序。ASP采用脚本语言VBScript或Java script作为自己的开发语言。

2.PHP 是一种跨越平台服务器端的嵌入式脚本语言，它大量地借用C语言、Java和Per1语言的语法，并且融合了PHP所具有的特性，从而使WEB开发者能快速地产生动态页面。它支持目前绝大多数的数据库。PHP、MySQL数据库和Apache Web 服务器是一个很好的组合。

3.JSP是Sun公司推出的新一代网站开发语言，Sun公司借助自己在Java上的造诣，将Java从Java应用程序和JavaApplet之外，又有新的硕果，就是JSP，Java ServerPage。JSP可以在Srevlet和JavaBean的支持下，完成功能强大的站点程序。 

2.2 概述

2.3 Access

2.3.1 Access概述

同为Office办公软件中的一部分，Access不像Word和Excel那样广泛，虽然概念同样强大，使用的人却相对少些。事实上，真正用过Access的人都会夸赞它的好。Access 数据库管理系统是Office办公系统的重要组成之一，适用于小型的商业活动，可以用来存放和管理商务活动所需要的数据。Access不仅是一个数据库，而且它具有强大的数据库管理功能，它可以方便的利用各种数据源，生成窗体或表单，查询，报表以及应用程序等。

 表与表之间可以建立关系，以便于查询相关信息。Access数据库以文件形式保存，文件的扩展名是MDB.

Access数据库由6种对象组成，他们是表、窗体、报表、宏和模块。

 表(Table)是数据库的基本对象，是创建其他5种对象的基础。表由记录组成，记录由字段组成，表用来存储数据库的数据，故又称数据表。

查询(Query)可以按索引快速查找需要的记录，按要求筛选记录并能连接若干个表的字段组成新表。

    窗体(Form)提供了一种方便的浏览、输入及数据更改的窗口。还可以创建子窗体显示相关的表的内容，也称表单。

报表(Report)的功能是将数据库中的数据分类汇总，然后打印出来，以便分析。

宏(Macro)相当于DOS中的批处理，用来自动执行一系列操作。Access列出了一些常用的操作供用户选择，使用起来十分方便。

模块(Module)的功能与宏类似，但它定义的操作比宏更精细更复杂，用户可以根据自己所需编写程序。

2.3.2 Access的基本命令

1. 查询记录：select字段名from表名where条件

2．删除记录：delete from表名where条件

如不加条件会删掉表中所有信息，会变成一个空表

3. 添加记录：insert into表名（字段1，字段2，字段3）value（字段1的值，字段2的值，字段3的值）

Value前后的两个表中字段和字段值是顺序对应的，否则会出错。

4.修改记录：update表名set与修改的字段名1=该字段的新值，欲修改的字段名2=该字段的新值where条件　   

该命令是修改已存在的记录数据，若不加where，就会把所有指定的字段都改成新值。　

3 数据库设计

数据库是动态校园网站开发的关键，数据库表存储着网站许多重要信息。本系统共有  数据库表：用户登陆表 、留言信息表、

    用户登录表：

    留言信息表：

    新闻表：

3.4 环境配置

3.4.1 开发平台搭建

操作系统：    Windows7

系统的开发语言 ：ASP

数据库：    Access2003

4 用户登陆

4.1登陆设计

用户输入用户名和密码验证无误后点击进入， 用户名和密码正确无误则进入，用户名或密码错误则选择“重填”，再次输入用户名和密码，直至正确方可进入，用户登陆系统界面如下图所示：

图 登陆界面

用户登录系统界面通过如下代码实现：

              登录

                用户名:

                密　码:

4.2修改用户名或密码设计

若想对用户名或密码进行修改，则要选择修改用户名和密码，输入原始正确的用户名密码，提交后重置密码。修改用户名和密码界面如下： 

                       图  修改用户名和密码界面

修改用户名和密码实现重点代码如下：

            　修改用户名和密码

            " onsubmit="return FrontPage_Form1_Validator(this)" language="JavaScript" name="FrontPage_Form1">

                        用户

                         " <%if session("dj")<>1 then response.write "readonly"%>>

                        密码

5 网站总体分析与设计

根据前面的设计思想对网站进行设计分析，按系统开发的基本观点对网站进行分解，按照主要内容划分如下：首页、我校简介、新闻通知、就业公告、联系我们等。网站的整体界面如下：

图 包头医学院网站界面

5.1 新闻通知版块的功能实现

新闻通知版块界面设计

通过新闻通知版块可以查询校园各类新闻，了解校园实时动态，如学校上级领导莅临本校或今年大学生征兵入伍开始等新闻。除此之外，此版块还以向校园内外发布各种通知，方便各重要事宜的宣布和决策结果，如2012年3月计算机等级考试在计算机科学与技术系开展。新闻通知版块的界面如图所示：

图  新闻通知版块界面

新闻通知版块主要代码如下：

  if (theForm.list.value == "")

  {

    alert("请在列表代码域中输入值。");

    theForm.list.focus();

    return (false);

  }

  if (theForm.list.value.length < 1)

  {

    alert("在列表代码域中，请至少输入1 个字符。");

    theForm.list.focus();

    return (false);

  }

  return (true);

}

<%if id<>"" then response.write "&id="&id%>" onsubmit="return FrontPage_Form1_Validator(this)" language="JavaScript" name="FrontPage_Form1">

                标题

""

 then response.write title%>" <%if lx=2 then response.write "readonly"%>>

                新闻显示页面

                (news_view.asp)

                可以使用

                HTML代码

                $$标题$$

5.2 就业公告版块的功能实现

就业公告板块界面设计

就业公告版块主要发布我校就业信息，公告最近来我校招聘的单位名单及各单位所招聘的就业岗位及人数等信息。就业公告版块的界面如下图：

图  添加公告

就业公告版块界面功能实现主要代码如下：

function FrontPage_Form1_Validator(theForm)

{

  if (theForm.title.value == "")

  {

    alert("请在公告标题域中输入值。");

    theForm.title.focus();

    return (false);

  }

  if (theForm.title.value.length < 1)

  {

    alert("在公告标题域中，请至少输入1 个字符。");

    theForm.title.focus();

    return (false);

  }

  if (theForm.title.value.length > 200)

  {

    alert("在公告标题域中，请最多输入200 个字符。");

    theForm.title.focus();

    return (false);

  }

  if (theForm.content.value == "")

  {

    alert("请在公告内容域中输入值。");

    theForm.content.focus();

    return (false);

  }

  if (theForm.content.value.length < 1)

  {

    alert("在公告内容域中，请至少输入1 个字符。");

    theForm.content.focus();

    return (false);

  }

  return (true);

}

method="POST" action="admin_gg.asp?saveid=<%=editid%>" onsubmit="return FrontPage_Form1_Validator(this)" language="JavaScript" name="FrontPage_Form1">

                                                                 " maxlength="200">

                                公告内容

                                 <%=editcontent%>