jsp css ajax的架构图6,Html+CSS+JSP+Ajax笔记

Html+CSS+JSP+Ajax笔记

HTML

单选按钮:

?

Male

Female

?

复选框:

?

I have a bike

I have a car

?

提交按钮:

?

Username:

?

创建图片:

创建视频:

CSS

使用方法:在HTML文档头部

区域使用

/*这是个注释*/

导入外部css

元素内嵌>文档内嵌>外部内嵌

选择器:

.class{}

.img{}

[]{}

a{}

创建文本样式:

创建文本过渡:

hover :鼠标经过时的变换

盒子模型:

Js

代码放在

里面

变量:

变量名称:小写字母,大写字母,$ ,_,数字

数字不能放最前面,变量名称尽量避免和函数库有关系

var 变量名="值"

function 函数

对事件的反应:

Jsp

1.指令

作用:用于配置JSP页面,导入资源文件

格式:

<%@ 指令名称 属性名1=属性值1 属性名2=属性名2 .。。。%>

分类:

1.page 配置jsp页面

* contentType :等同于response.setContentType()

1.设置响应体的mime类和字符集

2,设置当前jsp页面的编码(只能是高级开发工具才能生效,如果使用低级工具,需要设置pageEncoding=“”来实现)

*import :导包

*errorPage :当前页面发生异常后,会自动跳转到指定的错误页面

*isErrorPage :标识当前也是是否是错误页面

*true:是,可以使用内置对象exception

*false:否,默认值,不可以使用内置对象exception

2.include 页面包含的,导入页面的资源文件

*<%include file="top.jsp" %>

3.taglib 导入资源

*<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

*prefix : 前缀,自定义的

2.注释

1.html注释

<!-- -->:只能注释html代码片段

2.jsp注释

<%-- --%>:可以注释所有

3.内置对象

*在jsp页面中不需要创建,直接使用的对象

*一共有9个

变量名 真实类型作用

*pageContextPageContext当前页面共享数据

*requestHttpServletRequest一次请求访问的多个资源(转发)

*sessionHttpSession一次会话的多个请求

*applicationServletContext所有用户间共享数据

*responseHttpServletResponse响应对象

*pageObject当前页面(Servlet)的对象this

*outJspWriter输出对象,数据输出到页面上

*configServletConfigServlet的配置对象

*exceptionThrowable异常对象

##EL表达式:

1.概念:Expression Language 表达式语言

2.作用:替换和简化jsp页面中java代码的编写

3.语法:${表达式}

*jsp默认支持EL表达式,如果要忽略el表达式

1.设置jsp中page指令中:isELIgnored=“true”忽略jsp页面中所有el表达式

2.\${表达式}:忽略当前这个el表达式

5.使用

1.运算:

运算符:

1.算数运算符:+-/(div)%(mod)

2.比较运算符:><>=<===!=

3.逻辑运算符:&&(and)||(or)!(not)

4.空运算符:empty

2.获取值

1.el表达式只能从域对象中获取值

2.语法:

1.${域名称.键名} :从指定域中获取指定键的值

*域名城

1.pageScope --》pageContext

2.requestScope --》request

3.sessionScope --》session

4.applicationScope --》application (ServletContext)

*举例:在request域中存储了name=张三

*获取:${requestScope.name}

2.${键名}:表示依次从最小的域中查找是否有该建对应的值,直到找到为止

3.获取对象、list集合、map集合

1.对象:${域名城.键名.属性名}

*本质上会调用对象的getter方法

3.隐式对象:

*el表达式中有11个隐式对象

*pageContext:

*.获取jsp其他八个内置对象

*${pageContext.request.contextPath}:动态获取虚拟目录

##JSTL //jsp标准标签库 1.作用:用于简化和替换jsp页面上的java代码 2.使用步骤: 1.导入jstl相关jar包 2.引入标签库:taglib指令:<%@ taglib %> 3.使用标签 3.常用的JSTL标签 1.if :相当于java代码的if语句 1.属性 *test 必须属性,接受boolean表达式 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容 *注意: *c:if标签没有else情况,想要else情况,则可以在定义一个c:if 标签

2.choose :相当于java代码的switch语句

3.foreach :相当于java代码的for语句

1.完成重复的操作

begin:开始值

end:结束值

var:临时变量

step:步长

varStatus:循环状态对象

index:容器中元素的索引,从0开始

count:循环次数,从1开始

2.遍历容器

Ajax 使用jQuery需要先导入jQuery的js文件;

Html+CSS+JSP+Ajax笔记 相关文章

MyBatis映射器

MyBatis学习笔记 映射器 映射器是MyBatis中最重要的部分! 结构 cache:为该命名空间进行缓存配置 cache-ref:引用其他命名空间的缓存配置 resultMap:描述从数据库结果集加载数据并封装成对象的规则(很重要!!!) sql:可复用的SQL语句块 insert:插入语

MyBatis配置

!doctype html MyBatis 学习笔记 配置 MyBatis的配置文件十分重要! 结构 configuration(配置) properties(属性) settings(设置) typeAliases(类型别名) typeHandlers(类型处理器) objectFactory(对象工厂) plugins(插件) environments(环境

笔记4:多层感知器(自定义模型)

导入相关库 import torchimport pandas as pdimport numpy as npimport matplotlib.pyplot as pltfrom torch import nnimport torch.nn.functional as F%matplotlib inline 数据预处理 查看数据相关信息 data = pd.read_csv('E:/datasets2/1-18/dataset/daat

MyBatis基础

MyBatis 学习笔记 简介 什么是Mybatis MyBatis 是一款优秀的持久层框架,是Apache的一个Java开源项目 ,它支持自定义 SQL、存储过程以及高级映射, 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。 MyBatis 可以通过简单的 XML 或注解来配置和

CMU数据库(15-445)实验2-B+树索引实现(下+课上笔记)

4. Index_Iterator实现 这里就是需要实现迭代器的一些操作,比如begin、end、isend等等 下面是对于 IndexIterator 的构造函数 template typename KeyType, typename ValueType, typename KeyComparatorIndexIteratorKeyType, ValueType, KeyComparator::Index

多项式基础学习笔记(2)

书接上回 FWT 我们平时说的多项式卷积(就是 FFT 那个)是加法卷积,也就是 \(\sum\limits_{i+j=k}f_ig_j\) ,而 FWT 是用来解决位运算卷积的,比如与、或和异或。 其实思路是和 FFT 类似的,先求出另一个多项式,然后将对应位置直接乘起来,最后复原。模板

python中解析接口返回的xml、html数据对象

BeautifulSoup库通俗来说是【解析、遍历、维护“标签树”(例如html、xml等格式的数据对象)的功能库】 安装BeautifulSoup 库 导包 from bs4 import BeautifulSoup 示例 import unittestimport requestsfrom bs4 import BeautifulSoupclass MyTestCase(unittes

笔记3:逻辑回归(分批次训练)

相关库导入 import torchimport pandas as pdimport numpy as npimport matplotlib.pyplot as pltfrom torch import nn%matplotlib inline 数据读入及预处理 data = pd.read_csv('E:/datasets/dataset/credit-a.csv', header = None)X_data = data.iloc[:, :

微服务网关

我的微服务学习笔记系列目录:https://www.cnblogs.com/mrxiaobai-wen/p/14278656.html 在前面简单的了解了一下注册中心Nacos的使用(https://www.cnblogs.com/mrxiaobai-wen/p/14304495.html),然后这两天上手了一下Spring Cloud Gateway,在这里做一个总

python的一点点学习笔记

自学语言,比较艰难,希望能坚持下去。 字符串处理函数 len(x)返回x的长度str(x)与eval函数相反 在两侧加引号chr(u) 通过Unicode编码u返回对应的字符ord(x)返回字符x对应的Unicode编码 字符串处理方法 str.lower()/str.upper() 将全部字符小写/大写str.split

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值