发表于: 2018-06-10 23:28:28
1 807
今天完成的事:
1、学习jsp。
1)学习jsp页面元素组成。
1. 静态内容
就是html,css,javascript等内容
2. 指令
以<%@开始 %> 结尾,比如<%@page import="java.util.*"%>
3. 表达式 <%=%>
用于输出一段html
4. Scriptlet
在<%%> 之间,可以写任何java 代码
5. 声明
在<%!%> 之间可以声明字段或者方法。但是不建议这么做。
6. 动作
<jsp:include page="Filename" > 在jsp页面中包含另一个页面。在包含的章节有详细的讲解
7. 注释 <%-- -- %>
不同于 html的注释 <!-- --> 通过jsp的注释,浏览器也看不到相应的代码,相当于在servlet中注释掉
2、学习html。
1)学习使用form表单传递参数。
<form method="post" action="/mvc/student">
ID:</label><input type="text" name="id" ><br/>
姓名:</label><input type="text" name="name" ><br/>
类型:</label><input type="text" name="type" ><br/>
学校:</label><input type="text" name="school" ><br/>
誓言:</label><input type="text" name="pledge" ><br/>
创建时间:</label><input type="text" name="createTime" ><br/>
更新时间:</label><input type="text" name="updateTime" ><br/>
师兄ID:</label><input type="text" name="siblingId" ><br/>
师兄:</label><input type="text" name="siblingName" ><br/>
<input type="submit" value="增加">
</form>
2)学习页面布局,使用laber可以对齐。
<label style="width: 20px;text-align: right">
3)学习搭建表格。
<table>标签用于显示一个表格
<tr> 表示行
<td> 表示列又叫单元格
可以根据属性设置宽度,背景,对齐等。
<table border="1" width="200px">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>
明天计划的事:
学习c标签和JsonTagLib。
遇到的问题:
1、jsp四种传递参数的方法。
2、EL表达式获取作用域的顺序优先级。
EL会按照从小到大的优先级顺序获取pageContext>request>session>application。
3、div和span的区别。
div是块元素,即自动换行
常见的块元素还有h1,table,p
span是内联元素,即不会换行
收获:
1、了解了jsp作用域。
JSP有4个作用域,分别是
pageContext requestContext sessionContext applicationContext
1、如果把变量放到pageContext里,就说明它的作用域是page,它的有效范围只在当前jsp页面里。 从把变量放到pageContext开始,到jsp页面结束,你都可以使用这个变量。
2、如果把变量放到request里,就说明它的作用域是request,它的有效范围是当前请求周期。所谓请求周期,就是指从http请求发起,到服务器处理结束,返回响应的整个过程。在这个过程中可能使用forward的方式跳转了多个jsp页面,在这些页面里你都可以使用这个变量。
4、如果把变量放到application里,就说明它的作用域是application,它的有效范围是整个应用。整个应用是指从应用启动,到应用结束。我们没有说“从服务器启动,到服务器关闭”是因为一个服务器可能部署多个应用,当然你关闭了服务器,就会把上面所有的应用都关闭了。application作用域里的变量,它们的存活时间是最长的,如果不进行手工删除,它们就一直可以使用。与上述三个不同的是,application里的变量可以被所有用户共用。如果用户甲的操作修改了application中的变量,用户乙访问时得到的是修改后的值。这在其他scope中都是不会发生的,page, request, session都是完全隔离的,无论如何修改都不会影响其他。
2、了解html的输表单<input>元素。
HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、提交按钮、隐藏域、等等。
1、文本域<input type="text" name="text" value="" />
2、密码域
密码跟文本框类似,但是在里面输入的内容显示为圆点。<input type="password" name="text" value="" />
3、单选按钮
男人:<input type="radio" name="sex" value="male" /> Male<br />女人:<input type="radio" name="sex" value="female" /> Female
4、复选框
<input type="checkbox" name="check1" value="" />
5、按钮
<input type="button" value="确认" />
6、重置按钮
当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。<input type="reset" value="重置" />
7、提交按钮
当点击提交按钮时,浏览器将自动提交表单。<input type="submit" value="提交" />
8、隐藏域
隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。<input type="hidden" value="我是一个隐藏域" />
9、上传域<input type="file" value="" />
10、图片按钮<input type="image" src="123.gif" />
11、下拉列表<select><option value="0">0</option><option value="1">1</option><option value="2">2</option>例如:属性:disabled,可选值:disabled ,说明:规定禁用该下拉列表。
12、label
abel 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则点击label内的文字也会触发单选按钮,而不必只是点中小圆点。
例如:
<label><input type="radio" name="male" />男人</label></p><label><input type="radio" name="male" />女人</label></p>
13、禁用(disabled)与只读(readonly)
禁用和只读属性。readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去。
禁用文本框:<input type="text" disabled="disabled" />
只读文本框: <input type="text" readonly="readonly" /></form>
14、TextArea
15、fieldset 定义域fieldset用于给表单元素分组,legend用于设置分组标题。
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
任务进度:
1、5月30号领取任务2,开始准备。
2、今天完成了编写简单的jsp页面。进度正常。
3、预计6月15号提交任务2。
评论