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

摘要目前我国的培训机构招生规模逐年扩大，已经开始全面融入专业技术人员培训体系。我国培训行业在国民经济中的比重将进一步提高。ASP技术是目前常用的网站开发技术，因此运用ASP技术开发的培训网站，为浏览者提供真实、有效、可靠的培训内容信息。通过平台宣传了该培训机构，扩大培训机构的知名度和影响力，实现信息易添加易修改，后台易于管理，给人们了解培训学校提供了一个平台，拉近了教育和社会之间的距离。让人们足不出户，轻松快捷的获取培训学校的各种信息，开展培训学校和教师的风采，同时也通过给平台，学校可以及时了解社会对培训学校的建议和意见，以为培训学校在今后的工作中及时改正。关键字:ASP；技术；培训；机构目录1前言 11.1开发背景 11.2现实意义 12系统设计相关的知识技术 22.1网络根底知识 22.1.1ASP技术介绍 22.1.2VBscript介绍 22.1.3Dreamweaver简介 33网站设计准备 53.1网站设计工具选择 53.2网站运行环境根本要求 53.3网站整体准备 54数据库设计 64.1数据库的概念结构设计 64.2数据库逻辑结构设计 64.3创立数据库 84.4数据库链接和读取记录 94.5数据库写入记录 104.6数据库查询 124.7数据库删除 135网站详细设计 145.1网站功能模块划分 145.2网站的主界面设计 165.3用户登陆界面设计 175.4后台管理界面设计 175.5注册界面设计 185.6报名通知管理界面 185.7用户信息管理界面 195.8精品课程界面 195.9在线报名界面 205.10在线留言界面 205.11留言管理界面 205.12课程展示管理界面 215.13首页宣传管理界面 215.14课程试听界面 216网站测试 23参考文献: 24致谢 25培训学校校园网站的设计1前言1.1开发背景随着Internet/Intranet的迅速开展和电子商务的兴起，21世纪人类已经全面进入信息化社会的时代，新世纪已将我们带入了一个五彩斑斓的网络世界，网络教学、网络查询、网络会议等等。同时我国对教育的重视，使校园网站逐年增加，校园网站为学校和外界的信息交换和沟通搭建了一个有效的平台。而对于培训机构来说，通过网络可以更广泛便捷的宣传自己，培训机构为了扩大自己的影响力，增加招生，更不容无视自己的网站建设。培训网站能满足人们随时运用互联网查询所关心的校园资讯，家长可以通过校园网站了解学校的动态，切身关心自己孩子所生活的环境。校园网站及时发布网上信息及通知，快捷有效。1.2现实意义目前我国的培训机构招生规模逐年扩大，已经开始全面融入专业技术人员培训体系。根据兴旺国家的经验，预计未来随着行业自动化和行业技术水平的提高，我国培训行业在国民经济中的比重将进一步提高。培训网站的建设能够为浏览者提供真实、有效、可靠的培训内容信息，用户可以及时方便的了解到自己想要的信息，同时通过网站平台宣传了该培训机构，扩大培训机构的知名度和影响力，无论对每一位客户都要认真对待，从而有效地保证了学员的利益。2系统设计相关的知识技术2.1网络根底知识2.1.1ASP技术介绍MicrosoftActiveServerPages即我们所称的ASP，其实是一套微软开发的效劳器端脚本环境，ASP内含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB效劳器应用程序。有了ASP你就不必担忧客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在效劳器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，效劳器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。以下罗列了ASP所独具的一些特点：1.使用VBScript、JAVAScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。2.无须compile编译，容易编写，可在效劳器端直接执行。3.使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。4.与浏览器无关(BrowserIndependence),用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。ActiveServerPages所使用的脚本语言(VBScript、Jscript)均在WEB效劳器端执行，用户端的浏览器不需要能够执行这些脚本语言。5.ActiveServerPages能与任何ActiveXscripting语言相容。除了可使用VBScript或JAVAScript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如REXX、Perl、Tcl等。脚本引擎是处理脚本程序的COM(ComponentObjectModel)物件。6.ActiveServerPages的源程序，不会被传到客户浏览器，因而可以防止所写的源程序被他人剽窃，也提高了程序的平安性。7.可使用效劳器端的脚本来产生客户端的脚本。8.物件导向〔Object-oriented〕。9.ActiveXServerComponents(ActiveX效劳器元件)具有无限可扩充性。可以使用VisualBasic、Java、VisualC++、COBOL等编程语言来编写你所需要的ActiveXServerComponent。VBscript介绍VBScript(即MicrosoftVisualBasicScriptingEdition)是一种脚本语言，它是VisualBasic的一个子集，可直接嵌入到HTML文件之中。编程方法与VB根本相同，但删去了局部VB的特性。如VBScript只有一种数据类型。虽然VBScript不是唯一的脚本语言，也不是ASP支持的唯一解释性执行的语言，但由于它是微软公司自身提出并发布的，因而与ASP程序有最好的兼容性，同时由于它简单易学，故成为ASP默认的脚本语言。使用VBScript，既可编写效劳器端脚本，也可编写客户端脚本。效劳器端脚本在Web效劳器上执行，生成发送到浏览器的HTML页面。客户端脚本由浏览器处理，将脚本代码用<SCRIPT>…</SCRIPT>标记嵌入到HTML页面中去。在HTML文件中直接嵌入VBScript脚本。这样能够扩展HTML，使它不仅仅是一种页面格式语言。带有VBScript脚本的网页在每次下载到浏览器时都可以是不同的，而且可以对用户的操作做出反响。要在HTML中参加VBScript程序，通常利用HTML的SCRIPT标记，其语法格式如下：<SCRIPTLANGUAGE=“VBScript〞>‘VBScript程序…</SCRIPT>在VBScript脚本中参加注释的方法有以下两种，即REM第一种注释方式‘第二种注释方式这两种方法执行同样的功能，在VBScript脚本中不能用HTML风格的注释。HTML风格的注释与VBScript注释的一个重要区别是：当处理脚本时，VBScript注释将被删除，不发送给浏览器，不能用浏览器中的“查看源文件〞命令来观察VBScript注释。Dreamweaver简介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网站设计准备3.1网站设计工具选择在开发本网站使用的是MacromediaDreamweaverCS4进行网页的界面的实现编程和框架的制作。使用MacromediaFireworks进行网页的美工和图像的处理工作。,使用MacromediaFlashCS3进行Flash动画的制作。3.2网站运行环境根本要求1.效劳器配置Windows2000+IIS5.0+SQLserver2000及以上。2.客户端管理计算机的配置必须使用IE5.0以上的版本的浏览器，支持VBscript、Javascript脚本并且关闭所有弹出窗口的阻拦程序。3.3网站整体准备设计本网站主要从以下划分的几个模块去实现各自功能。用户注册信息用户留言，查看留言用户在线报名主页数据动态更新后台管理4数据库设计4.1数据库的概念结构设计在线报名在线报名图4-1E-R图设计4.2数据库逻辑结构设计网站数据库设创立的表有：用户表(user),留言表〔ly〕，报名通知〔bmtz〕，宣传〔xc〕，课程展示〔kczs〕，报名通知发布〔bmtzfb〕，友情提示〔yqts〕，在线报名〔zxbm〕。下面分别介绍这些表的结构。a．用户表用户表包括的字段为id、username、password、tel。结构表如表4-1所示。表4-1user表的结构编号字段数据类型1ID自动编号2Username文本3Password文本4Tel文本b．留言表留言表包括的字段为id〔编号〕、xm〔姓名〕、xb〔性别〕、lxfs〔联系方式〕、qq、textarea〔留言内容〕、huifu〔回复〕。结构如表4-2所示.表4-2ly表的结构编号字段数据类型1ID自动编号2xm文本3xb文本4lxfs文本5qq文本6textarea文本7hifu文本c．在线报名表在线报名表主要包括的字段有id、xm〔姓名〕、sfzh〔身份证号〕、bmkc〔报名课程〕、lxdh〔联系〕。表的结构如表4-3所示。表4-3zxbm表的结构编号字段数据类型1ID自动编号2xm文本3sfzh文本4bmkc文本5lxdh文本d.宣传报名通知表主要包括的字段为id、xc。表的结构如表4-4所示。表4-4xc表的结构编号字段数据类型1ID自动编号2xc文本e.报名通知表报名通知表主要包括的字段有id、tz。表的结构如表4-5所示。表4-5bmtz表的结构编号字段数据类型1ID自动编号2tz文本f.友情提示表友情提示主要包括的字段为id、yqts〔友情提示〕。结构如表4-6所示。表4-6yqts表的结构编号字段数据类型1ID自动编号2yqts文本g.精品课程表精品课程表主要包括的字段有id、kcm〔课程名〕。结构表如表4-7所示。表4-7jpkc表的结构编号字段数据类型1ID自动编号2kcm文本h．报名通知发布表报名通知发布表主要包括的字段有id、bmtzfb。结构表如表4-8所示。表4-8bmtzfb表的结构编号字段数据类型1ID自动编号2bmtafb文本4.3创立数据库首先创立一个db1.mdb的数据库存放数据。图4-2数据库创立界面4.4数据库链接和读取记录<!--#includefile="conn.asp"-->定义了一个adodb数据库连接组件并且连接数据库<%

setconn=server.createobject("adodb.connection")，conn.open"driver={microsoftaccessdriver(*.mdb)};dbq="&server.mappath("2021.mdb")exec="select*fromuser"setrs=server.createobject("adodb.recordset")rs.openexec,conn,1,1%>第一句：设置查询数据库的命令，select后面加的是字段，如果都要查询的话就用*，from后面再加上表的名字；第二句：定义一个记录集组件，所有搜索到的记录都放在这里面；第三句是翻开这个记录集，exec就是前面定义的查询命令，conn就是前面定义的数据库连接组件，后面参数“1，1〞，这是读取，(修改记录就把参数设置为1，3)对于<!--#includefile="conn.asp"-->是连接到conn的数据文件，我们一般在开始的时候都要建一个写了数据库连接的代码的文件叫conn.asp，然后这里面的代码在不同的网页里应用的时候不需要频繁的去重复写了，而是通过这样一句连接来连接到数据进行访问。接下来是读取数据<tablewidth="100%"border="0"cellspacing="0"cellpadding="0"><%dowhilenotrs.eof%><tr><td><%=rs("username")%></td><td><%=rs("xb")%></td><td><%=rs("tel")%></td></tr><%rs.movenextloop%></table>采用do循环，notrs.eof的意思是条件为没有读到记录集的最后，rs.movenext的意思是显示完一条转到下面一条记录，<%=rs("")%>就等于<%response.write%>用于在html代码里面插入asp代码，主要用于显示变量。4.5数据库写入记录首先要建立一个表单：<formname="form1"method="post"action="ly_insert.asp<center><tablewidth="630"border="0"><tr><tdcolspan="4"><center><h2> </h2></center></td></tr><tr><tdwidth="86"><divalign="right">姓名：</div></td><tdwidth="173"><inputname="xm"type="text"id="xm"value=""/></td><tdwidth="65"><divalign="right">性别：</div></td><tdwidth="288"><inputtype="text"name="xb"id="xb"/></td></tr><tr><td><divalign="right">联系方式：</div></td><td><inputtype="text"name="lxfs"id="lxfs"/></td><td><divalign="right">QQ号码：</div></td><td><inputtype="text"name="qq"id="qq"/></td></tr><tr><tdheight="96"colspan="4"><textareaname="textarea"id="textarea"cols="80"rows="5"></textarea></td></tr><tr><td> </td><tdalign="right"><inputtype="reset"name="button"id="button"value="重置"/></td><td> </td><td><inputtype="submit"name="button2"id="button2"value="提交"/></td></tr></table></form>表单提交到ly_insert.asp，下面是ly_insert.asp的代码：<!--#includefile="conn.asp"--><%xm=request.Form("xm")xb=request.Form("xb")lxfs=request.Form("lxfs")qq=request.Form("qq")textarea=request.Form("textarea")%>向表ly表中添加记录<%sql="insertintoly(xm,xb,lxfs,qq,textarea)values('"+xm+"','"+xb+"','"+lxfs+"','"+qq+"','"+textarea+"')"conn.executesqlconn.closesetconn=nothing%><scriptlanguage="javascript">alert("留言成功");location.href="ly.asp"</script>insertinto后面加的是表的名字，后面的括号里面是需要添加的字段，不用添加的或者字段的内容就是默认值的可以省略。注意，这里的变量一定要和ACCESS里面的字段名对应，否那么就会出错。values后面加的是传送过来的变量接下来的conn.execute就是执行这个exec命令，最要把翻开的数据库关闭，把定义的组件设置为空，这样可以返回资源。相应代码为：rs.closesetrs=nothingconn.closesetconn=nothing次序不可以颠倒！4.6数据库查询<!--#includefile="conn.asp"--><%setrs=server.CreateObject("adodb.recordset")sql="select*frombmtzfborderbyiddesc"rs.opensql,conn,3%><tablewidth="764"height="256"border="0"cellspacing="0"><tr><tdwidth="28%"height="169"align="left"bgcolor="#FFFFFF"><ahref="#"><marqueeonmouseover="this.stop()"onmouseout="this.start()"behavior="scroll"direction="up"scrollamount="1"><%whilenotrs.eofresponse.write("->"&"  "&rs("tz")&"</br>")rs.movenextwend%></marquee></a></td></tr></table>4.7数据库删除<!--#includefile="conn.asp"--><%sql="delete*fromjpkcwhereid="&request.querystring("xh")conn.executesqlconn.closesetconn=nothing%><scriptlanguage="javascript">alert("恭喜你删除成功");location.href="kczsgl.asp"</script>上面代码删除指定id的数据，锁定记录用了记录唯一的表示id，建立数据库的时候用的是系统给我们的主键，名字是编号，由于是中文的名字不是很方便，大家可以修改为id。小结：response组件根本就是用到response.write()，response.redirect()分别是写字符串和转向的作用request根本就是request.form()，request.querystring()分别是接受post,get方法传来的信息。5网站详细设计5.1网站功能模块划分从功能描述的内容可以看到，本网站可以实现如下几个完整的功能。根据这些功能，设计出系统的功能模块，如下列图5-1所示。伊犁启航教育培训中心伊犁启航教育培训中心用户管理报名信息管理留言管理报名通知发布管理友情提示管理首页宣传管理管理课程展示管理图5-1功能模块示意图本网站系统的功能模块之间的关系如下列图5-2所示。后台系统后台系统提供数据信息管理前台页面数据库各模块信息发布首页信息留言图5-2功能模块关系图在本网站中，管理员管理模块的功能有添加、修改、删除功能。管理员管理功能模块的关系如下列图5-3所示。管理员管理管理员管理添加、修改、删除信息用户信息理报名通知报名信息留言友情提示首页宣传图5-3用户管理功能模块的关系图后台系统的流程分析开始开始用户登录失败重试管理所有用户的信息管理已发布的信息，发布新信息。管理员图5-3后台系统的流程分析留言系统的流程分析如下列图5-4所示。开始开始用户登录失败重试回复留言、删除留言等发布、查看留言管理员普通用户图5-4留言系统流程分析5.2网站的主界面设计本主界面为index.asp，它的功能是显示课程展示中的最新课程视频，以及最新发布的报名通知、友情提示、学校简介、精品课程、办学资质、师资队伍、在线留言、快速导航、用户登陆、报名通知。在线报名等各个模块的信息，并在首页有局部采用了框架嵌入到主页中链接main.asp，使得整个网页分格统一美观。网页底部链接到bottom.asp，并且可以在邮箱链接处链接到邮箱。图5-5网站的主界面代码实现：主页潜入了浮动框架<table><tr><td><iframename="mainframe"frameborder="0"src="main.asp"width="820"height="600"></iframe></td></tr></table>5.3用户登陆界面设计用户登陆界面主要实现两个功能，一个是管理员登陆后台，链接guanli.asp.另一个是普通用户通过账户链接student.asp,登陆到相应的界面。图5-6用户登陆界面5.4后台管理界面设计后台管理界面主要实现对用户信息(user.asp)，报名信息(bmxx.asp)，报名通知(bmtz.asp)，留言(ly.asp)，课程展示(kczs.asp)，首页宣传(syxc.asp)，友情提示(yqts.asp)的添加与删除功能。图5-7后台管理界面5.5注册界面设计注册界面〔zhuce.asp〕主要链接实现用户填写相应的信息后提交注册账户的功能。图5-8用户注册界面5.6报名通知管理界面报名通知界面主要实现对报名信息的添加与删除功能。图5-9报名通知管理界面代码实现：<tablewidth="600"border="0"align="center"cellspacing="0"><tr><tdwidth="598"height="43"> </td></tr></table><tablewidth="600"border="0"align="center"cellspacing="0"><tr><tdwidth="120"><divalign="left"><strong>姓名</strong></div></td><tdwidth="120"><divalign="left"><strong>身份证号</strong></div></td><tdwidth="120"><divalign="left"><strong>报名课程</strong></div></td><tdwidth="120"><divalign="left"><strong></strong></div></td><tdwidth="120"><divalign="left"><strong>删除</strong></div></td></tr></table><%whilenotrs.eof%><tablewidth="600"border="0"align="center"cellspacing="1"bgcolor="#FF3300"><tr><tdwidth="120"bgcolor="#EEEEEE"><%response.Writers("xm")%></td><tdwidth="120"bgcolor="#EEEEEE"><%response.Writers("sfzh")%></td><tdwidth="120"bgcolor="#EEEEEE"><%response.Writers("bmkc")%></td><tdwidth="120"bgcolor="#EEEEEE"><%response.Writers("lxdh")%></td><tdbgcolor="#EEEEEE">[<ahref="bmxxgl_del.asp?id=<%=rs("id")%>">删除</a>]</td></tr></table><%rs.movenext()wend%>5.7用户信息管理界面用户信息管理界面实现对用户信息的删除功能。图5-10用户管理界面5.8精品课程界面精品课程界面主要实现链接各个精品课程的主页面。图5-11/r