培训学校校园网站设计本科毕业论文(设计)

摘要目前我国的培训机构招生规模逐年扩大，已经开始全面融入专业技术人员培训体系。我国培训行业在国民经济中的比重将进一步提高。ASP技术是目前常用的网站开发技术，因此运用ASP技术开发的培训网站，为浏览者提供真实、有效、可靠的培训内容信息。通过平台宣传了该培训机构，扩大培训机构的知名度和影响力，实现信息易添加易修改，后台易于管理，给人们了解培训学校提供了一个平台，拉近了教育和社会之间的距离。让人们足不出户，轻松快捷的获取培训学校的各种信息，开展培训学校和教师的风采，同时也通过给平台，学校可以及时了解社会对培训学校的建议和意见，以为培训学校在今后的工作中及时改正。关键字ASP；技术；培训；机构目录1前言111开发背景112现实意义12系统设计相关的知识技术221网络基础知识2211ASP技术介绍2212VBSCRIPT介绍2213DREAMWEAVER简介33网站设计准备531网站设计工具选择532网站运行环境基本要求533网站整体准备54数据库设计641数据库的概念结构设计642数据库逻辑结构设计643创建数据库844数据库链接和读取记录945数据库写入记录1046数据库查询1247数据库删除135网站详细设计1451网站功能模块划分1452网站的主界面设计1653用户登陆界面设计1754后台管理界面设计1755注册界面设计1856报名通知管理界面1857用户信息管理界面1958精品课程界面1959在线报名界面20510在线留言界面20511留言管理界面20512课程展示管理界面21513首页宣传管理界面21514课程试听界面216网站测试23参考文献24致谢25培训学校校园网站的设计1前言11开发背景随着INTERNET/INTRANET的迅速发展和电子商务的兴起，21世纪人类已经全面进入信息化社会的时代，新世纪已将我们带入了一个五彩斑斓的网络世界，网络教学、网络查询、网络会议等等。同时我国对教育的重视，使校园网站逐年增加，校园网站为学校和外界的信息交换和沟通搭建了一个有效的平台。而对于培训机构来说，通过网络可以更广泛便捷的宣传自己，培训机构为了扩大自己的影响力，增加招生，更不容忽视自己的网站建设。培训网站能满足人们随时运用互联网查询所关心的校园资讯，家长可以通过校园网站了解学校的动态，切身关心自己孩子所生活的环境。校园网站及时发布网上信息及通知，快捷有效。12现实意义目前我国的培训机构招生规模逐年扩大，已经开始全面融入专业技术人员培训体系。根据发达国家的经验，预计未来随着行业自动化和行业技术水平的提高，我国培训行业在国民经济中的比重将进一步提高。培训网站的建设能够为浏览者提供真实、有效、可靠的培训内容信息，用户可以及时方便的了解到自己想要的信息，同时通过网站平台宣传了该培训机构，扩大培训机构的知名度和影响力，无论对每一位客户都要认真对待，从而有效地保证了学员的利益。2系统设计相关的知识技术21网络基础知识211ASP技术介绍MICROSOFTACTIVESERVERPAGES即我们所称的ASP，其实是一套微软开发的服务器端脚本环境，ASP内含于IIS30和40之中,通过ASP我们可以结合HTML网页、ASP指令和ACTIVEX元件建立动态、交互且高效的WEB服务器应用程序。有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。以下罗列了ASP所独具的一些特点1使用VBSCRIPT、JAVASCRIPT等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。2无须COMPILE编译，容易编写，可在服务器端直接执行。3使用普通的文本编辑器，如WINDOWS的记事本，即可进行编辑设计。4与浏览器无关BROWSERINDEPENDENCE,用户端只要使用可执行HTML码的浏览器，即可浏览ACTIVESERVERPAGES所设计的网页内容。ACTIVESERVERPAGES所使用的脚本语言VBSCRIPT、JSCRIPT均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。5ACTIVESERVERPAGES能与任何ACTIVEXSCRIPTING语言相容。除了可使用VBSCRIPT或JAVASCRIPT语言来设计外，还通过PLUGIN的方式，使用由第三方所提供的其他脚本语言，譬如REXX、PERL、TCL等。脚本引擎是处理脚本程序的COMCOMPONENTOBJECTMODEL物件。6ACTIVESERVERPAGES的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。7可使用服务器端的脚本来产生客户端的脚本。8物件导向（OBJECTORIENTED）。9ACTIVEXSERVERCOMPONENTSACTIVEX服务器元件具有无限可扩充性。可以使用VISUALBASIC、JAVA、VISUALC、COBOL等编程语言来编写你所需要的ACTIVEXSERVERCOMPONENT。212VBSCRIPT介绍VBSCRIPT即MICROSOFTVISUALBASICSCRIPTINGEDITION是一种脚本语言，它是VISUALBASIC的一个子集，可直接嵌入到HTML文件之中。编程方法与VB基本相同，但删去了部分VB的特性。如VBSCRIPT只有一种数据类型。虽然VBSCRIPT不是唯一的脚本语言，也不是ASP支持的唯一解释性执行的语言，但由于它是微软公司自身提出并发布的，因而与ASP程序有最好的兼容性，同时由于它简单易学，故成为ASP默认的脚本语言。使用VBSCRIPT，既可编写服务器端脚本，也可编写客户端脚本。服务器端脚本在WEB服务器上执行，生成发送到浏览器的HTML页面。客户端脚本由浏览器处理，将脚本代码用标记嵌入到HTML页面中去。在HTML文件中直接嵌入VBSCRIPT脚本。这样能够扩展HTML，使它不仅仅是一种页面格式语言。带有VBSCRIPT脚本的网页在每次下载到浏览器时都可以是不同的，而且可以对用户的操作做出反应。要在HTML中加入VBSCRIPT程序，通常利用HTML的SCRIPT标记，其语法格式如下VBSCRIPT程序在VBSCRIPT脚本中加入注释的方法有以下两种，即REM第一种注释方式第二种注释方式这两种方法执行同样的功能，在VBSCRIPT脚本中不能用HTML风格的注释。HTML风格的注释与VBSCRIPT注释的一个重要区别是当处理脚本时，VBSCRIPT注释将被删除，不发送给浏览器，不能用浏览器中的“查看源文件”命令来察看VBSCRIPT注释。213DREAMWEAVER简介DREAMWEAVER是当前最流行的网页设计软件。它与同为MACROMEDIA公司出品的FIREWORKS和FLASH一道，被誉为网页制作三剑客。DREAMWEAVER与其它同类软件相比主要有以下优点不生成冗余代码。可视化的网页编辑器，都要把使用者的操作转换成HTML代码。一般的编辑器都会生成大量的冗余代码，给网页以后的修改带来了极大的不方便，同时还增加了网页文件的大小。DREAMWEAVER则在使用时完全不生成冗余代码，避免了诸多麻烦。而且，通过设置，还可用DREAMWEAVER清除掉网页文件原有的冗余代码。方便的代码编辑。可视化编辑和源代码编辑都有其长处和短处。有时候，直接用源代码编辑会很有效。DREAMWEAVER提供了HTML快速编辑器和自建的HTML编辑器，能方便自如的在可视化编辑状态和源代码编辑状态间切换。强大的动态页面支持。DREAMWEAVER的BEHAVIOR能在使用者不懂JAVASCRIPT的情况下，往网页中加入丰富的动态效果。DREAMWEAVER还可精确的对层进行定位，再加上TIMELINE功能，可生成动感十足的动态层效果。操作简便。首先，DREAMWEAVER提供的历史面板、HTML样式、模版、库等功能避免了重复劳动，使用者不必重复输入相同的内容、格式。其次，DREAMWEAVER能直接往页面中插入FLASH、SHOCKWAVE等插件，经过设置后还可直接调用相应的软件对这些插件进行编辑。最后，DREAMWEAVER与FIREWORKS集成紧密，可直接调用FIREWORKS对页面的图像进行修改、优化。优秀的网站管理功能。在定义的本地站点中，改变文件的名称、位置，DREAMWEAVER会自动更新相应的超级链接。CHECKIN和CHECKOUT功能可协调多个使用者对远程站点的管理。便于扩展，使用者可给DREAMWEAVER安装各种插件，使其功能更强大。使用者若有兴趣，还可自己给DREAMWEAVER制作插件，使DREAMWEAVER更适应个人的需求。3网站设计准备31网站设计工具选择在开发本网站使用的是MACROMEDIADREAMWEAVERCS4进行网页的界面的实现编程和框架的制作。使用MACROMEDIAFIREWORKS进行网页的美工和图像的处理工作。,使用MACROMEDIAFLASHCS3进行FLASH动画的制作。32网站运行环境基本要求1服务器配置WINDOWS2000IIS50SQLSERVER2000及以上。2客户端管理计算机的配置必须使用IE50以上的版本的浏览器，支持VBSCRIPT、JAVASCRIPT脚本并且关闭所有弹出窗口的阻拦程序。33网站整体准备设计本网站主要从以下划分的几个模块去实现各自功能。用户注册信息用户留言，查看留言用户在线报名主页数据动态更新后台管理4数据库设计41数据库的概念结构设计姓名性别联系方式留言内容留言回复删除管理员发布宣传报名通知ID号宣传内容ID号通知内容姓名密码添加修改留言用户用户名联系方式报名课程身份证号联系方式姓名密码在线报名图41ER图设计42数据库逻辑结构设计网站数据库设创建的表有用户表USER,留言表（LY），报名通知（BMTZ），宣传（XC），课程展示（KCZS），报名通知发布（BMTZFB），友情提示（YQTS），在线报名（ZXBM）。下面分别介绍这些表的结构。A用户表用户表包括的字段为ID、USERNAME、PASSWORD、TEL。结构表如表41所示。表41USER表的结构编号字段数据类型1ID自动编号2USERNAME文本3PASSWORD文本4TEL文本B留言表留言表包括的字段为ID（编号）、XM（姓名）、XB（性别）、LXFS（联系方式）、QQ、TEXTAREA（留言内容）、HUIFU（回复）。结构如表42所示表42LY表的结构编号字段数据类型1ID自动编号2XM文本3XB文本4LXFS文本5QQ文本6TEXTAREA文本7HIFU文本C在线报名表在线报名表主要包括的字段有ID、XM（姓名）、SFZH（身份证号）、BMKC（报名课程）、LXDH（联系电话）。表的结构如表43所示。表43ZXBM表的结构编号字段数据类型1ID自动编号2XM文本3SFZH文本4BMKC文本5LXDH文本D宣传报名通知表主要包括的字段为ID、XC。表的结构如表44所示。表44XC表的结构编号字段数据类型1ID自动编号2XC文本E报名通知表报名通知表主要包括的字段有ID、TZ。表的结构如表45所示。表45BMTZ表的结构编号字段数据类型1ID自动编号2TZ文本F友情提示表友情提示主要包括的字段为ID、YQTS（友情提示）。结构如表46所示。表46YQTS表的结构编号字段数据类型1ID自动编号2YQTS文本G精品课程表精品课程表主要包括的字段有ID、KCM（课程名）。结构表如表47所示。表47JPKC表的结构编号字段数据类型1ID自动编号2KCM文本H报名通知发布表报名通知发布表主要包括的字段有ID、BMTZFB。结构表如表48所示。表48BMTZFB表的结构编号字段数据类型1ID自动编号2BMTAFB文本43创建数据库首先创建一个DB1MDB的数据库存放数据。图42数据库创建界面44数据库链接和读取记录定义了一个ADODB数据库连接组件并且连接数据库第一句设置查询数据库的命令，SELECT后面加的是字段，如果都要查询的话就用，FROM后面再加上表的名字；第二句定义一个记录集组件，所有搜索到的记录都放在这里面；第三句是打开这个记录集，EXEC就是前面定义的查询命令，CONN就是前面定义的数据库连接组件，后面参数“1，1”，这是读取，修改记录就把参数设置为1，3对于是连接到CONN的数据文件，我们一般在开始的时候都要建一个写了数据库连接的代码的文件叫CONNASP，然后这里面的代码在不同的网页里应用的时候不需要频繁的去重复写了，而是通过这样一句连接来连接到数据进行访问。接下来是读取数据采用DO循环，NOTRSEOF的意思是条件为没有读到记录集的最后，RSMOVENEXT的意思是显示完一条转到下面一条记录，就等于用于在HTML代码里面插入ASP代码，主要用于显示变量。45数据库写入记录首先要建立一个表单姓名性别联系方式QQ号码表单提交到LY_INSERTASP，下面是LY_INSERTASP的代码向表LY表中添加记录ALERT“留言成功“LOCATIONHREF“LYASP“INSERTINTO后面加的是表的名字，后面的括号里面是需要添加的字段，不用添加的或者字段的内容就是默认值的可以省略。注意，这里的变量一定要和ACCESS里面的字段名对应，否则就会出错。VALUES后面加的是传送过来的变量接下来的CONNEXECUTE就是执行这个EXEC命令，最要把打开的数据库关闭，把定义的组件设置为空，这样可以返回资源。相应代码为RSCLOSESETRSNOTHINGCONNCLOSESETCONNNOTHING次序不可以颠倒46数据库查询“LOCATIONHREF“KCZSGLASP“上面代码删除指定ID的数据，锁定记录用了记录唯一的表示ID，建立数据库的时候用的是系统给我们的主键，名字是编号，由于是中文的名字不是很方便，大家可以修改为ID。小结RESPONSE组件基本就是用到RESPONSEWRITE，RESPONSEREDIRECT分别是写字符串和转向的作用REQUEST基本就是REQUESTFORM，REQUESTQUERYSTRING分别是接受POST,GET方法传来的信息。5网站详细设计51网站功能模块划分从功能描述的内容可以看到，本网站可以实现如下几个完整的功能。根据这些功能，设计出系统的功能模块，如下图51所示。伊犁启航教育培训中心用户管理报名信息管理留言管理报名通知发布管理友情提示管理首页宣传管理管理课程展示管理图51功能模块示意图本网站系统的功能模块之间的关系如下图52所示。后台系统提供数据信息管理前台页面数据库各模块信息发布首页信息留言图52功能模块关系图在本网站中，管理员管理模块的功能有添加、修改、删除功能。管理员管理功能模块的关系如下图53所示。管理员管理添加、修改、删除信息用户信息理报名通知报名信息留言友情提示首页宣传图53用户管理功能模块的关系图后台系统的流程分析开始用户登录失败重试管理所有用户的信息管理已发布的信息，发布新信息。管理员图53后台系统的流程分析留言系统的流程分析如下图54所示。开始用户登录失败重试回复留言、删除留言等发布、查看留言管理员普通用户图54留言系统流程分析52网站的主界面设计本主界面为INDEXASP，它的功能是显示课程展示中的最新课程视频，以及最新发布的报名通知、友情提示、学校简介、精品课程、办学资质、师资队伍、在线留言、快速导航、用户登陆、报名通知。在线报名等各个模块的信息，并在首页有部分采用了框架嵌入到主页中链接MAINASP，使得整个网页分格统一美观。网页底部链接到BOTTOMASP，并且可以在邮箱链接处链接到邮箱。图55网站的主界面代码实现主页潜入了浮动框架53用户登陆界面设计用户登陆界面主要实现两个功能，一个是管理员登陆后台，链接GUANLIASP另一个是普通用户通过账户链接STUDENTASP,登陆到相应的界面。图56用户登陆界面54后台管理界面设计后台管理界面主要实现对用户信息USERASP，报名信息BMXXASP，报名通知BMTZASP，留言LYASP，课程展示KCZSASP，首页宣传SYXCASP，友情提示YQTSASP的添加与删除功能。图57后台管理界面55注册界面设计注册界面（ZHUCEASP）主要链接实现用户填写相应的信息后提交注册账户的功能。图58用户注册界面56报名通知管理界面报名通知界面主要实现对报名信息的添加与删除功能。图59报名通知管理界面代码实现姓名身份证号报名课程电话删除“删除57用户信息管理界面用户信息管理界面实现对用户信息的删除功能。图510用户管理界面58精品课程界面精品课程界面主要实现链接各个精品课程的主页面。图511精品课程界面59在线报名界面通过在线报名界面用户可以填写相应的信息提交后上传到数据库实现报名的功能。图512在线报名界面510在线留言界面留言板LYASP主要通过用户提交自己的留言上传到数据库，然后可以查看到管理员对留言的回复情况。图513在线留言界面511留言管理界面留言管理界面LY_GUANLIASP主要实现管理员对用户留言的删除与回复。图514留言管理界面512课程展示管理界面课程展示界管理面（KCZS_GUANLIASP）主要实现对课程的添加与删除图515课程展示界面513首页宣传管理界面首页宣传管理界面（SYXC_GUANLIASP）主要实现对首页宣传消息的修改功能。图516首页宣传管理界面514课程试听界面课程试听界面（KCSTASP）主要实现通过加载音频用户可以试听课程的功能图517课程试听界面代码实现加载音频文件6网站测试本网站此次测试分两个版本系统进行测试的，服务器端采用的是WINDOWS2003SERVER和IIS60运行环境，测试一切均达到了正规化网站的运行基本要求。图61设置参数图62启动WEB服务器参考文献1姚晋