JavaWeb笔记

最近在课设,加上一大波考试来临。整个人都萌比了!这次是软件工程的课设,我们组做的是学生社团信息管理系统,用JavaWeb实现,故现在来总结一下JavaWeb中不易理解的知识吧。以下纯属个人见解,欢迎指教。

HTML

1
2
3
<br>与<p>的区别:
<br>强迫到下一行
<p>换行且多产生一行空白
  • colspan = #(水平合并单元格)
  • rowspan = #(竖直合并单元格)

输入框

1
2
3
<input type = "text,password,Radio,CheckBox,submit,reset",name = "",value="" check>值
type 表示输入框的类型
​check 用于Radio,CheckBox,表示选中

文本域

1
<TextArea name=" " rows="" clos=" "></TextArea>

下拉框

1
2
<select size="大小" name=" ">
<option select value="">显示的值</option>

表单

1
<form name =" " method="post" action="form.jsp"></form>
  • method 表单的提交方式
  • action 处理请求的文件,此处有时也用onSubmit=”return check()”,
  • 表示提交给JavaScript校验,check()为JavaScript的函数名
  • name 里面的值可以调用form中的所有name属性

CSS

CSS语句格式

选择符{ 属性:值}
例如:

1
2
3
a{ color:green}
h1{ font-family:"Courier New"}
p{font-size:15;color:red}

CSS选择符

1
有三种:优先级如下:HTML选择符 < CLASS选择符 < ID选择符

HTML选择符如下

1
2
3
p{font-size:15;color:red}
h1{text-align:center;color:red}
div p{color:red;font-size:12;} //多个选择符用空格隔开

CLASS选择符如下

1
2
3
4
5
1、<p class="stop">这是stop的样式</p>    p.stop{color:red}
2、<p class="stop">这是stop的样式</p>
<style type="text/css">
.stop{color:red} //注意前面的小点
</style>

ID选择符如下

1
2
3
4
<div id="title">welcome to neusoft</div>
<style type="text/css">
#title{color:red}
</style>

CSS设置方式

  • 内联样式

    1
    2
    3
    <body>
    <h1 style="font-family:黑体">hello</h1>
    </body>
  • 嵌入样式

    1
    2
    3
    4
    5
    6
    7
    8
    <head>
    <style type="text/css">
    h1{font-family:黑体}
    <style>
    </head>
    <body>
    <h1>hello</h1>
    </body>
  • 外部样式

    1
    2
    3
    4
    5
    6
    7
    8
    <head>
    <link rel = "stylesheet" href="h1.css" type="text/css">
    </head>
    <body>
    <h1>hello</h1>
    </body>
    h1.css
    h1{font-family:黑体}

伪元素选择符

选择符:伪元素{值}
例如:

1
2
3
4
5
6
7
a:hover{color:red}//鼠标指针在超链接上悬停,超链接显示红色

以下为超链接标签<a>的4种伪元素的含义
1、a:active 表示超链接选中的状态
2、a:hover 鼠标移动到超链接上的状态
3、a:link 表示超链接的正常状态
4、a:visited 表示访问过的超链接的状态

JavaScript

JavaScript支持的对象

  • 常用的window document history location等
  • 内置对象String Math Date等

String对象

  • 创建方式有两种

    1
    2
    3
    str = "hello" ;
    str2 = new String("hello") ;
    String对象的属性只有length
  • String常用方法

    1
    2
    1、charAt() 返回指定位置上的字符(长度为1的字符串)
    2、indexOf()返回某个指定的字符串值在字符串中首次出现的位置

document对象

  • 常用的属性

    1
    2
    3
    1、forms[] form对象数组,每一个元素对应与文档中的一个HTML<form>标记

    2、links[] link对象数组,每一个元素对应与文档中的一个HTML<a href>标记
  • 常用方法

    1
    2
    3
    4
    5
    6
    1、alter() 创建一个具有OK按钮的对话框
    2、confirm() 提供一个具有两个按钮的对话框
    3、prompt() 允许用户在对话框中输入信息,并可使用默认信息,格式如下:
    prompt("提示信息",默认值)
    4、document.write() 将文本信息直接输出到浏览器窗口中
    5、document.writeln() 将文本信息换行直接输出到浏览器窗口中

window对象

  • 常用属性

    1
    2
    3
    4
    1、closed 窗口是否关闭
    2、document
    3、history
    4、location
  • 常用方法

    1
    2
    3
    4
    5
    6
    1、alter("显示信息")
    2、confirm() 带有确认信息的窗口,并有“确定”和“取消”按钮
    3、focus() 使本窗口获取焦点
    4、open() 打开新窗口
    5、prompt("信息",默认信息)
    6、close() 关闭当前窗口

将JavaScript代码添加到HTML文件中

  • 格式
    1
    2
    3
    4
    5
    1、<script language="JavaScript" src="">
    JavaScript代码;
    </script>
    2、<script src="body.js"></script>
    src表示JavaScript的源文件的路径

JSP基本语法

  • JSP的基本规范
    脚本元素:声明,脚本段,表达式
    注释元素:HTML,Java,JSP隐式注释
    指令元素:page,include,taglib
    动作元素:jsp.include,jsp.forward,jsp,userBean

  • JSP脚本元素

    • 脚本段的使用语法如下:
      1
      <%合法的Java代码段%>
  • 脚本段能完成的功能:

    1
    2
    3
    4
    1、声明将要用到的局部变量
    2、使用out对象显示输出信息 out.write("hello");
    3、使用JSP的任何内置对象的任何声明过的对象
    4、当JSP页面接收到客户端请求时,脚本段就会自动执行
  • 声明语法格式如下:

    1
    <%! 声明1;声明2;...%>
  • 声明的变量是全局变量,这些变量的内存空间直到服务器关闭才释放

  • 表达式的语法格式如下:

    1
    <% =符合Java语法的不完整的Java语句(结尾不带分号)%>
  • EL表达式的使用格式如下:

    1
    ${expr};
  • 指令元素

  • 格式如下:

    1
    <%@ 指令名 属性1=”值1“ 属性2=”值2“ ...%>
  • page指令语法格式如下:

    1
    <%@ page 属性1=”值1“ 属性2=”值2“ ...%>
  • page指令的属性有:

  • language import contenType pageEncoding session bufffer autoFlush isThreadSafe info errorPage isELIgnored等,import contenType可以指定
    多次,其他属性只能指定一个值,否则会导致转换错误

  • info属性用来指定有关页面的描述信息,

  • 在JSP页面可以使用getServletInfo()方法获取

  • buffer属性的值取值为”none“时,autoFlush属性的值就必须设置为true

  • taglib指令的语法格式如下:

    1
    <%@ taglib uri="标记库的uri地址" prefix=”前缀名“ %>
  • 动作元素

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <jsp:include>和<jsp:param>

    <jsp:include>动作元素用于当前页面中包含其他文件

    <jsp:param>子动作用于向被包含的动态页面中传递参数,使用”键-值“对的形式

    <jsp:forward>动作元素用于运行时在服务器端结束当前页面的执行
    并从当前页面转向指定的页面

    语法如下:<jsp:forward page="目标页面的URL"/>
小额支持我写出更好的文章~