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。
，请把【付款记录详情】截图给客服，同时把您购买的文章【网址】发给客服。客服会在24小时内把文档发送给您。
