1
《Java Web应用软件开发》讲义
任务一:JSP运行、开发环境的构建(2012-2-24)
1、Web应用程序体系结构
三层架构
客户端
本地用户使用的计算机,通过客户端软件请求应用服务器提供服务。
接受客户请求进行数据计算,并把计算结果返回给客户。JSP页面使用的服务器,该服务器通常由JSP引擎、Servlet引擎和Web服务器构成。
提供数据处理和事务处理。例如,SQL Server2000、MYSQL、Oracle。
二层架构
客户端
2、应用服务器
Web服务器
应用服务器与数据库服务器
JSP引擎与Servlet引擎
②处理
3、Tomcat目录结构
1
4、MyEclipse配置
配置Tomcat+JDK 字体设置
5、MyEclipse中Web项目的建立(程序参考教材13页)
6、JSP运行原理
1
任务二:添加留言页面设计(2012-3-2)
1、相关JSP语法
page指令标签
Java代码块:在“<%”和“%>”之间插入Java代码块 表达式:在“<%=”和“%>”之间插入表达式
out内置对象:javax.servlet.jsp.JspWriter的实例
2、相关JavaScript语法
如何将JavaScript代码嵌入页面
在页面文档中,使用<script>标记嵌入脚本代码
1
<script language="javascript"> /*JavaScript代码*/ </script>
//或者:type="text/javascript"
3、知识拓展——页面刷新方法
JavaScript方式
<script type="text/javascript">
setTimeout("self.location.reload();",1000); </script> HTML方式 <head>
<title>刷新测试</title>
<meta http-equiv="refresh" content="1"> </head> JSP方式 <%
response.setHeader("refresh","1"); %>
4、Dreamweaver辅助页面设计
版权符号:© 空格:
5、MySQL数据库使用
进入MySQL字符管理界面
(说明:可以利用其它图形界面管理工具对数据库进行管理。)
windows开始菜单→所有程序→MySQL→MySQL Server 5.0→MySQL Command Line Client 在之后的命令行窗口输入密码:123456(注:微三机房MySQL的密码) 查看数据库服务器上的所有数据库:show databases; 使用某个数据库(如test):use test;
查看某个数据库中的所有表:show tables; 查看表结构:describe 表名; 删表/库:drop
使用脚本文件:\. C:/mydata.sql(注意:该命令后不能跟英文分号) 其它操作
1
任务三:添加留言客户端验证(2012-3-9)
1
1、
如何将JavaScript代码嵌入页面
在页面文档中,使用<script>标记嵌入脚本代码 <script language="javascript"> //或者:type="text/javascript" /*JavaScript代码*/ </script>
JavaScript脚本代码的位置
<script>标签对可以出现在网页文档的任何位置,而且可以有多对 页面主体(<body>元素):01.html 页面头部(<head>元素):02.html
放置在单独的文件中,该文件以“.js”为扩展名 03.html m3.js
将脚本程序代码作为属性值
<a href="javascript:alert(new Date( ));">javascript</a>
<input type=button value=test onclick="alert(new Date( ));">
2、FckEditor的使用
通过下载等方式得到FCKeditor,例如:FCKeditor_2.6.3.zip。 将FCKeditor_2.6.3.zip解压。
可瘦身解压后的FCKeditor文件夹里的内容: 删除_samples文件夹; 删除editor文件夹下的_source、plugins文件夹; editor文件夹下的lang文件夹里只需保留中英文的js文件:zh.js、zh-cn.js、en.js,其它可删除; editor文件夹下的skin文件夹里只需保留default即可。 将瘦身后的FCKeditor文件夹整个引入项目的WebRoot下。 在相应页面里添加如下代码:
<script type="text/javascript" src="web应用根地址/fckeditor/fckeditor.js">
<!-- 例如:mybook项目的根地址是mybook,可通过request.getContextPath()获得--> </script>
如果用FckEditor添加一个新的文本输入域,那么在Form表单标记里,用以下代码取代<textare>标签对:
<script type="text/javascript"> var editor = new FCKeditor('content'); editor.BasePath = 'web应用根地址/fckeditor/'; //例如:mybook项目的网站根地址是mybook editor.Height = 300; editor.ToolbarSet = 'Default'; editor.Create(); </script>
以后要想取得FckEditor文本域里的内容,可通过“content”这个名字。
如果用于修改已有的HTML方式的文本域,那么页面代码的Form表单标记里, <textare>标签对的位置的代码类似下面所示: <script type="text/javascript"> window.onload=function(){ var oFCKeditor = new FCKeditor("content");
1
oFCKeditor.BasePath = '<%=context %>/fckeditor/' ; //context=request.getContextPath() oFCKeditor.Height = 300 ; oFCKeditor.ToolbarSet = 'Default'; oFCKeditor.ReplaceTextarea() ;//替换后面的TextArea } </script>
<textarea name="content" cols="45" rows="5"> </textarea>
3、JSValidation的使用
在项目的WebRoot下事先创建一个文件夹(folder),命名为:jsvalidation(或其它合法的名字)。 解压jsvalidation-1_0b4.zip。