第4课动态网页开发技术 (一) 学历案 2023—2024学年青岛版（2019）初中信息技术第六册

第4课动态网页开发技术 (一) 我阅读我思考（导入） 在传统的HTML页面文件中加人Java程序片段,使其与JSP标签构成一- 个JSP页面。用JSP技术开发的动态页面可以实现HTML静态页面无法实现的动态功能。 学习目标： 1. 知道JSP页面元素包括脚本元素、指令元素、动作元素、注释等，了解声明和表达式的语法格式。 2. 掌握JSP的page指令的语法格式及language、contentType、 pageEncoding、 import属性的含义。 3. 掌握JSP脚本段的作用及语法格式。 4. 理解“爱心社”用户登录验证页面、板块主页面的代码含义，理解动态页面设计思想，掌握页面开发流程图。 我探究我发现： 活动一：探究JSP基本规范 JSP ( Java Server Pages)是Java Web服务器端的动态资源，与HTML页面的作用是相同的，可以显示和获取数据。 JSP主要由两部分组成: 静态部分:标准的HTML标签、静态的页面内容。这些内容与静态HTML页面相同。 动态部分: Java程序控制的内容。这些内容由Java动态生成。 试一试：（教师任务）显示结果: 该页面第1次请求时显示的结果: 小明 您是本站的第1位访客。 该页面第5次请求时显示的结果: 小明 您是本站的第5位访客。 创建一个简单的JSP页面，体验JSP的 动态效果。 一点通：1.页面构成: JSP页面中包含模板元素和JSP元素。模板元素是指不需要经过JSP容器特殊处理，可直接发送到客户端的非JSP元素的内容，如HTML、Javascript和CSS等; JSP元素是指由JSP引擎直接处理的部分，必须符合JSP语法，否则会导致编译错误。JSP元素主要包括以下几个方面:脚本元素:脚本段、声明、表达式。指令元素: page、 include、 tagib等。动作元素: jpsinchunde. jspforwrd等。注释: HTML注释、Java注释、JSP隐藏注释。2.命名规范: JSP页面文件的扩展名为“jsp”，文件命名必须为合法标识符，可区别大小写英文字母。 说一说JSP声明的作用是什么？ 学生答： 活动二：开发“爱心社”用户登录验证页面 用户通过login.htm1页面填写用户名、密码信息后，登录爱心社网站系统。填写的登录信息首先要提交到login.jsp进行验证。 教师：想一想用户登录验证如何实现呢？ 学生回答教师总结。 教师：通过画流程图体验用户验证页面的设计思想。 一起试一试： login.jsp涉及到的jsp指令: 教师讲解，学生了解。P21-P22 login.jsp中page指令各属性的含义:<%@ page language="java" %> language属性用于指定在脚本元素中使用的脚本语言，默认值是java。 <%@ page contentType=" text/html; charset-utf-8" %> contentType属性用于指定JSP页面输出内容的类型和字符编码方式。 contentType= "text/htm;charset=utf-8"表示页面以HTML格式输出。charset=utf-8表示字符编码方式是utf-8。 <%@ page import="com.mysl.jdbc.Driver" %> <%@ page import="java.sql.*" %> import属性用于为JSP页面导人在脚本元素中用到的Java类。 import="com.mysqljdbc.Driver"是指JSP链接mysq1数据库。 import="java.sq1.*"是指导入java.sq1.*类。 （教师）想一想：JSP表达式和JS P脚本段的语法格式有什么不同? 我的收获： 活动三：开发“爱心社”通讯录板块页面 index.jsp页面主要实现的功能是浏览所有联系人信息，并提供添加、查询、查看详情、修改、删除联系人信息及退出系统的超级链接。 【教师】想一想“爱心社”通讯录板块页面如何实现呢?你能根据下图试着画出页面设计流程图吗? 【教师】让我们一起研究一下： 通过画流程图体验“我的通讯录”主页面的设计思想。 pageEncoding属性用于制定JSP页面的字符编码。如果设置了这一-属性，则JSP页面的字符编码方式采用该属性的值;如果没有设置这- -属性，则JSP页面的字符编码方式采用contentType中设置的编码方式。 【学生】我的妙招： 一点通：pageEncoding的作用是设置 JSP编译成Servlet时使用的编码。 JSP在服务器上应先被编译成Servlet。 pageEncoding的作用是告诉JSP编译 器在将JSP文件编译成Servlet时使用 的编码。在JSP内部定义的