《JavaWeb应用开发》课程授课教案
学院
信息技术学院
任课教师
齐燕
授课章节
二、表单设计
授课类型
理实一体
授课时间
2025年2月24日第一周星期一
第1-2节
授课班级
移动2301
授课地点
一、教学目标、要求
了解表单设计
掌握简单的表单设计
掌握登录表单设计
二、教学重点:
掌握登录表单设计
三、教学难点:
学会登录表单设计
四、教学方法及手段:
上机演示及练习
五、教时安排
2课时
六、课程思政:
学习有持续性,要学以致用。
七、教学过程
第一步(20分钟)介绍表单及知识点
1、表单设计
使用JSP基本语法,结合静态网页技术(HTML+CSS),构建登录。
2、request对象
request是一个javax.servlet.http.HttpServletRequest对象,封装了浏览器的请求信息,通过request对象可以获取用户的请求信息,request也提供了获取cookie、header和session等对象的数据的方法。
获取请求参数的方法
StringgetParameter(Stringname)获取name的参数值。
EnumerationgetParameterNames()获取所有参数的名称。
String[]getParameterValues(Stringname)获取name的所有参数值。
3、response对象:
response是和应答相关的HttpServletResponse类的一个对象,它封装了服务器对客户端的响应,然后被发送到客户端以响应客户请求。response对象产生的对客户的请求做出动态的响应,并向客户端发送数据。HttpServletResponse对象具有页面作用域。
JSP会根据客户端的请求建立一个默认的response对象,response对象用来提供给客户端浏览器的参考信息,比如响应的头,响应的本体(HTML文本内容)以及服务端的状态码信息。
sendRedirect(Stringlocation)
把响应发送到另一个指定的位置进行处理
4、include指令:
include指令用来向当前页面插入一个静态文件,这个静态文件可以是html文件、jsp文件或其他文本文件或者只是一段java代码。
语法格式如下:%@includefile=URL%
第二步(20分钟)通过局域电子教室,展示登录验证。
登录页面login.jsp设计:
效果图:
强化表单设计——用户注册zhuce.jsp练习:
body
centerh1用户注册/h1/center
formaction=method=postenctype=multipart/form-dataname=form1id=form1
tablewidth=672height=480border=1align=center
tr
tdwidth=226class=anniu用户名:/td
tdwidth=430class=anniu
inputtype=textname=nameid=name/
/td
/tr
tr
tdclass=anniu爱好:/td
tdclass=anniu
inputname=aihaotype=checkboxid=aihaovalue=读书/读书
inputname=aihaotype=checkboxid=aihaovalue=音乐/音乐
inputname=aihaotype=checkboxid=aihaovalue=运动/运动
/td
/tr
tr
tdclass=anniu专业:/td
tdclass=anniu
selectname=zhuanyeid=zhuanye
optionvalue=计算机应用计算机应用/option
optionvalue=软件技术软件技术/option
optionvalue=人工智能人工智能/option
optionvalue=移动互联移动互联/option
optionvalue=大数据应用大数据应用/option
/select/td
/tr
tr
tdclass=anniu照片:/td