12


主页 | 上一层

 










1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

实验十二 用Dreamweaver MX/UltraDev4编制JSP程序

实验目的:学习ASP的基本编程技巧

掌握客户端程序的调试方法

实验器材:装有Dreamweaver MX/UltraDev4的计算机,Apache Tomcat4.0+Java2服务器 FTP服务器

实验原理:

JSP也是现在使用的很广泛的Web编程技术,从功能上来看,JSP直接采用了Java作为编程的语言,因此可以获得更为强大的交互功能。在编程方面,JSP同ASP很类似,因此会用ASP编程的程序员很容易使用JSP来编制Web应用程序。

采用Dreamweaver MX/UltraDev4可以获得一种可视化的编程环境。

熟悉Dreamweaver UltraDev 4,很容易过渡到Dreamweaver MX。如果在机器中安装了Dreamweaver MX,建议切换到Dreamweaver UltraDev4的界面。这样可以按照教材的操作来进行实验。

JSP也是在服务器端运行的程序,因此在调试JSP程序的时候,必须有服务器支持,在本次试验中,教师可以按照教材上的提示,在教师机上分别安装Apache Tomcat4.0 和 Java 2开发环境,这样便于集中管理。

在一段JSP程序编制完成以后,必须将该段JSP程序上传到教师设置的服务器中,访问的时候,也必须输入相应的域名和IP地址来进行访问。

在这个实验中,通过编写两个非常简单的JSP程序来了解JSP程序的编制技巧。

实验步骤:

1.firstjsp.jsp

1.1 在C盘新建一个myjsp的目录。打开Dreamweaver MX,选择Site/New Site

1.2 在新建站点向导中输入站点名称myjsp

1.3 单击Next按钮,在下一个对话框中选择“Yes,I want to use a server technology”,在下面的“Which server technology”中选择JSP

1.4 单击Next按钮,选择Edit locally, then upload to remote testing server,在下面选择刚才新建的myjsp目录。

1.5 单击Next按钮,在下一个对话框中“How do you connect to your testing server”中选择FTP,然后在下面输入教师设置的FTP服务器的信息。单击最下面的Test Connection按钮,测试一下连接是否成功。

1.6 单击三次Next按钮。

1.7 在最后一个对话框中,核对一下新站点的设置情况,最后单击Done按钮完成站点的新建。

1.8 选择File/New

1.9 在弹出的对话框左边选择Dynamic Page,然后在右边选择JSP

2.0 单击Show Code View按钮,可以切换到源代码窗口,在标记符<body>之间输入下列代码:


<%="您好!" %>


2.1 保存文件,执行菜单命令Site/PUT,可以将文件上传到服务器。

2.2 打开浏览器,教师机的IP地址和自己所在的目录,如http://教师机IP地址:8080/目录,浏览一下效果。

2.留言本

2.1 按上述步骤,执行"File/New",在弹出的对话框中选择"Basic Page",右边选择HTML

2.2 在该页面中执行Insert/Form,插入一个表单

2.3 鼠标移到该表单中,输入下列文字:

我的留言本

请输入您的姓名:

请输入您的留言: 

2.4 在“请输入您的姓名”后面执行Insert/Form Objects/Text Fields,在下面的Properties面板中,TextField下面输入名称T1

在“请输入您的留言”后面执行Insert/Form Objects/Textarea,在下面的Properties面板中,TextField下面输入名称S1

2.5 在表单中最下面,执行Insert/Form Objects/Button,选择该按钮的属性为:

Label: 提交

Action: Submit form 

2.6 在表单内部任意位置单击,然后单击下面的<form>标记符。在Action中输入result.jsp

2.7 按需求排版好,并保存为文件guestbook.htm

2.8 然后选择File/New,在弹出的对话框左边选择Dynamic Page,然后在右边选择JSP

2.9 单击Show Code View按钮,切换到源代码窗口,鼠标移到第2行单击,执行Insert/JSP Objects/Page,可以插入<%@ Page %>

2.10 鼠标单击刚才插入的符号,在Properties面板中单击Edit按钮,在Page后面输入

 import="java.io.*,java.util.*"

2.11 按上述的方法在<body></body>标记符之间输入下列代码:


 感谢您的留言,按下面链接返回:<br><a href="guestbook.htm">返回</a>
<%
String yourName = request.getParameter( "T1");
String yourComment = request.getParameter("S1");
File file = new File ("D:/Program Files/Apache Tomcat 4.0/webapps
/ROOT/exercise/mydata.txt");
FileWriter fw = new FileWriter(file,true);
PrintWriter pw = new PrintWriter(fw);
pw.println(yourName + yourComment);
pw.close();
fw.close();
%>


2.12 完成以后,将该文件保存为result.jsp

2.13 打开我的电脑,进入c:\myjsp目录,在其中新建一个名称为mydata.txt的文件。

2.14 回到Dreamweaver,分别打开刚才建立的guestbook.htm,result.jsp,mydata.txt三个文件,执行

执行菜单命令Site/PUT,可以将文件上传到服务器。

2.15 打开浏览器,输入FTP服务器地址,用右键单击文件mydata.txt文件,选择“属性”,将其改为对Owner Group All Users都可写,并退出。

2.16 再输入教师机的IP地址和自己所在的目录,如http://教师机IP地址:8080/目录/guestbook.htm,浏览一下效果。

3.学生所上传的文件可以作为这次实验的作业。

 
  如果速度慢,可以尝试访问本站的镜像站点:
北方:http://www.chengzhi.net
南方: http://www.gz-info.com