JavaServlet编程.PPTVIP

第一章 网页编程基础 能力目标 能力目标 了解B/S结构的工作原理，企业的开发模式及开发细节 掌握多层架构技术，熟练应用MVC模式 熟练应用表示层技术（HTML及有效的使用JavaScript验证） 熟练应用数据层技术（JDBC数据访问技术） 熟练应用业务逻辑层技术（Servlet和JSP） 能力目标 熟练应用控制层技术（JavaBean数据装载、Filter字符过滤) 通过项目练习，独立开发企业级应用的 B/S系统 能力目标 HTML部分 熟练掌握HTML的基本结构 熟练应用HTML标记编写Web页面 JavaScript部分 掌握JavaScript的语法 会使用JavaScript的内置对象与对话框 熟练应用JavaScript事件机制并进行表单验证 态度目标 学习态度； 主动性； 理解能力。 本章知识点 HTML基本结构BODYFONTHn IMG A TABLE FORM 标记：INPUT、RADIO、SELECT、TEXTAREA、CHECKBOX、BUTTON、SUBMIT、RESET、HIDDEN JavaScript基础：将JavaScript嵌入到HTML页面、注释、变量定义、流程控制、循环、函数定义 本章知识点 JavaScript内置对象：window、document、form JavaScript对话框alert、confirm、prompt 事件处理：onLoad、onFocus、onBlur、onclick、onChange、onSelect、onSubmit表单验证 任务引入 美国Loucs公司希望开发一套客户投保系统，由客户自行在系统中选择投保内容，为方便各地客户操作，系统应采用网络方式进行，并且为了给客户留下良好的印象，要求界面干净整洁，并且对于客户的操作有良好的验证性，以解决公司员工的工作量。 本章节的HTML界面设计及JavaScript验证内容可以很好的解决上述问题。 1.1 HTML基础 HTTP---HyperText Transfer Protocol：超文本传输协议 HTML---HyperText Markup Language：超文本标记语言 FTP---File Transfer Protocol：文件传输协议 URL---Uniform Resource Locators：统一资源定位器 1.1 HTML基础 HTML基本框架 html head titleSample/title /head body /body /html 1.1 HTML基础 html…/html标记文档中含有超文本的内容 head…/headhtml文档的头部，含有初始化信息 title…/title页面的标题 body…/body文档体，包含页面所有的具体内容body bgcolor= text= link= alink= vlink= background= 1.1 HTML基础 a href=URL target=windows_name … /a超级链接 img src= align= border= /图片标记 1.2 HEAD中常用标记 meta：用于设置一些头信息。 meta http-equiv=“content-type” content=“text/html;charset=gb2312” meta http-equiv=“refresh” content=“3;url=” style…/style用于定义格式。 script language=“”…/script用于定义脚本。 1.3 BODY中常用标记 h1…/h1…h6…/h6：各级标题 font color= size=…/font：字体的颜色、大小 b…/b：黑体i…/i：斜体u…/u：下划线sup…/sup：斜向上表示sub…/sub：斜向下表示 ul…/ul：无序号列表ol…/ol：有序号列表 1.3 BODY中常用标记 p…/p：定义段落br：换行 div align=…/div：分区显示 table…/table：定义表格tr…/tr：定义行td…/td：定义列th…/th：定义表头 1.3 BODY中常用标记 form action=url method=get|post name=“formName”…/form定义表单 input type=“text