《《JavaWeb应用软件开发》讲义》由会员分享，可在线阅读，更多相关《《JavaWeb应用软件开发》讲义（16页珍藏版）》请在金锄头文库上搜索。
1、Java Web应用软件开发讲义任务一：JSP运行、开发环境的构建（2012-2-24）1、Web应用程序体系结构u 三层架构相互调用数据显示层客户端本地用户使用的计算机，通过客户端软件请求应用服务器提供服务。 逻辑计算层应用服务器接受客户请求进行数据计算，并把计算结果返回给客户。JSP页面使用的服务器，该服务器通常由JSP引擎、Servlet引擎和Web服务器构成。 数据处理层数据库服务器提供数据处理和事务处理。例如，SQL Server2000、MYSQL、Oracle。 相互调用u 二层架构2、应用服务器u Web服务器u JSP引擎与Servlet引擎3、Tomcat目录结构4、MyE
2、clipse配置u 配置Tomcat+JDKu 字体设置5、MyEclipse中Web项目的建立（程序参考教材13页）6、JSP运行原理任务二：添加留言页面设计（2012-3-2）1、相关JSP语法u page指令标签u Java代码块：在“”之间插入Java代码块u 表达式：在“”之间插入表达式u out内置对象：javax.servlet.jsp.JspWriter的实例2、相关JavaScript语法u 如何将JavaScript代码嵌入页面在页面文档中，使用标记嵌入脚本代码/或者：type=text/javascript/*JavaScript代码*/3、知识拓展页面刷新方法u Jav
3、aScript方式 setTimeout(self.location.reload();,1000); u HTML方式 刷新测试 u JSP方式4、Dreamweaver辅助页面设计u 版权符号：©u 空格： 任务三：添加留言客户端验证（2012-3-9、2012-3-16）1、JavaScript语法u 如何将JavaScript代码嵌入页面在页面文档中，使用标记嵌入脚本代码/或者：type=text/javascript/*JavaScript代码*/u JavaScript脚本代码的位置n 标签对可以出现在网页文档的任何位置，而且可以有多对页面主体（元素）：01.h
4、tml页面头部（元素）：02.htmln 放置在单独的文件中，该文件以“.js”为扩展名03.htmlm3.jsn 将脚本程序代码作为属性值javascript2、FckEditor的使用u 通过下载等方式得到FCKeditor，例如：FCKeditor_2.6.3.zip。u 将FCKeditor_2.6.3.zip解压。u 可瘦身解压后的FCKeditor文件夹里的内容：删除_samples文件夹；删除editor文件夹下的_source、plugins文件夹；editor文件夹下的lang文件夹里只需保留中英文的js文件：zh.js、zh-cn.js、en.js，其它可删除；editor
5、文件夹下的skin文件夹里只需保留default即可。u 将瘦身后的FCKeditor文件夹整个引入项目的WebRoot下。u 在相应页面里添加如下代码：u 如果用FckEditor添加一个新的文本输入域，那么在Form表单标记里，用以下代码取代标签对：var editor = new FCKeditor(content);editor.BasePath = web应用根地址/fckeditor/; /例如：mybook项目的网站根地址是mybookeditor.Height = 300;editor.ToolbarSet = Default;editor.Create();以后要想取得Fck
6、Editor文本域里的内容，可通过“content”这个名字。u 如果用于修改已有的HTML方式的文本域，那么页面代码的Form表单标记里， 标签对的位置的代码类似下面所示：window.onload=function()var oFCKeditor = new FCKeditor(content);oFCKeditor.BasePath= /fckeditor/ ; /context=request.getContextPath()oFCKeditor.Height= 300 ;oFCKeditor.ToolbarSet = Default;oFCKeditor.ReplaceTextare
7、a() ;/替换后面的TextArea 3、JSValidation的使用u 在项目的WebRoot下事先创建一个文件夹（folder），命名为：jsvalidation（或其它合法的名字）。u 解压jsvalidation-1_0b4.zip。u 先将JSValidation文件夹中的validation-config.dtd、validation-config.xml两个文件引入项目刚刚建立的文件夹“jsvalidation”下。u 对于JSValidation文件夹中的validation-framework.js需要更改所使用的字符集，再引入项目中建立的文件夹“jsvalidation
8、”下。方法：用文本编辑器（如：记事本）打开validation-framework.js，然后另存，选择另存对话框里的字符集，设置为utf-8或中文字符集（如：GBK、GB2312、GB18030）。在项目的JSValidation文件夹里引入修改字符集后的validation-framework.js（如果事先已引入，则先删除再引入）。u 打开validation-framework.js，更改第一个非注释行：var ValidationRoot = ; 类似：var ValidationRoot = /mybook/jsvalidation/;然后保存。u 项目中页面的表单，如果要使用JS
9、Validation验证框架，只要表单里元素内容不相同或者要求不同，表单的name属性就应该不一样。u 打开validation-config.xml，其中已有配置的例子，再参考JSValidation验证框架的用户手册第5、6部分，即可配置自己项目的前台验证功能。例如，对添加留言的前台验证的配置如下： u 在需要进行验证的页面中，加入类似下面的内容：u 在要验证的Form表单标记处，增加onsubmit属性，设置为：onsubmit=return doValidate(this)4、使用FireFox错误控制台辅助调试JavaScript代码错误任务四：添加留言功能实现（2012-3-23、2012-3-30、2012-4-6、2012-4-13、2012-4-20）1、HTML元素参考教材Page17-22的内容2、MyEclipse下Java Web项目的组织框架与Tomcat下已部署（/发布）项目的目录结构对照3、include指令标签
