应用application实现动态网站功能.doc

应用application实现动态网站功能 动态网页从字面含义来理解，就是网页中的内容可以随时更新。如果一个网页的页面结构稳定，而内容需有频繁更换，可以使用application技术来实现。本节介绍的只是原理和基本方法，在网页动态更新实用技术中，还要使用数据库技术。在后面学习连接数据库后，读者可以应用application制作真正的动态更新网页。 一、范例的演示和代码清单 演示步骤： 启动JSP引擎后，启动IE，在地址栏键入:8080/ch3/ch3-5a.htm，如图3-18所示窗口： 图 3-18 点击“查看当前网页” 按钮，可以看到原有的网页界面，点击“新闻一”或“新闻二”链接，可以看到相应的内容。如图3-19 图 3-19 点击“更新管理”超链接，可以回到图3-18的界面， 在“主题栏图片”下拉列表中选择所需的图片； 在“第一条新闻”的“标题”文本框中输入所需的文字（本例是“学院新闻一”）； 在“第一条新闻”的“内容”下拉列表中选择所需的内容（本例是“头条A稿”）； 然后用上述方法，设置第二条和第三条新闻的“标题”和“内容”；如图3-20所示窗口，最后点击“更新查看网页”按钮。 图 3-20 可以看到原来的网页中主题栏图片、新闻标题、新闻标题链接的内容都更新发生了变化，如图3-21所示： 图 3-21 点击“更新管理”超链接，回到图3-18的界面，再次选择新的更新内容，进行更新操作，又可以看到另一种更新页面。 这组网页由ch3-5a.htm、ch3-5a.jsp、ch3-5b.jsp三个网页构成，ch3-5a.htm是一个HTML表单的管理界面，用于管理员输入更新的数据。ch3-5a.jsp是将ch3-5a.htm提供的数据写入application，停顿二秒钟转入更新后的页面。ch3-5b.jsp是可以更新的网页页面，页面上所有能够更新的内容，用JSP变量的值来展现，而JSP变量的值通过读取application取得。 以下是三个网页的代码： ◇－◇－◇－◇－◇－◇－◇－◇－◇ 新闻页更新管理 ◇－◇－◇－◇－◇－◇－◇－◇ 范例ch3-5a.htm %@ page contentType=text/html; charset=gb2312 language=java import=java.sql.* % html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title使用application更新网页/title script language=JavaScript type=text/JavaScript function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i(args.length-1); i+=2) eval(args[i]+.location=+args[i+1]+); } /script style type=text/css !-- .STYLE7 {font-family: 楷体_GB2312} .STYLE8 {font-size: medium} -- /style /head body h1新闻页更新管理/h1 form name=form1 method=post action=ch3-5a.jsp table width=520 border=1 tr td align=center bordercolor=#FFFFFF class=STYLE8更新内容设置/td td colspan=2 bordercolor=#FFFFFF div align=right input name=Submit type=button onClick=MM_goToURL(parent,ch3-5b.jsp);return document.MM_returnValue value=查看当前网页 /div/td /tr tr td width=163 align=centerspan class=STYLE7主题栏图片/span/td td colspan=2 select name=myimg id=myimg option value=a.jpg图片一/option option value=b.jpg图片二/option option