1 前端三件套
1.1 HTML
HTML文件本质上是文本文件,而普通的文本文件只能显示字符。但是HTML技术则通过HTML标签把其他网页、图片、音频、视频等各种多媒体资源引入到当前网页中,让网页有了非常丰富的呈现方式,这就是超文本的含义——本身是文本,但是呈现出来的最终效果超越了文本。说HTML是一种『标记语言』是因为它不是向Java这样的『编程语言』,因为它是由一系列『标签』组成的,没有常量、变量、流程控制、异常处理、IO等等这些功能。HTML很简单,每个标签都有它固定的含义和确定的页面显示效果。
1.2 CSS
CSS 指层叠样式表 (Cascading Style Sheets);样式定义如何显示 HTML 元素样式通常存储在样式表中;把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题;外部样式表可以极大提高工作效率;外部样式表通常存储在 CSS 文件中;多个样式定义可层叠为一个;样式表定义如何显示 HTML 元素,就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。
- CSS的角色:页面显示的美观风格
- CSS的基础语法:标签样式;类样式;ID样式;组合样式;嵌入式样式表;内部样式表;外部样式表
- 盒子模型:border、margin、padding
- 定位和浮动:position、float、DIV+CSS布局
1.3 JavaScript
JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都可以使用 JavaScript。
JavaScript是一种解释型的脚本语言。不同于C、C++、Java等语言先编译后执行, JavaScript不会产生编译出来的字节码文件,而是在程序的运行过程中对源文件逐行进行解释。
- JS是客户端(浏览器端)运行的脚本语言,语法风格和java比较类似
- JS是弱类型的语言 var str = 99 ;
- JS的函数 function hello(var num){}
- DOM技术:
- 鼠标悬浮:onmouseover,event.srcElement,事件传递,parentElement,style.backgroundColor
- 鼠标离开:onmouseout
- 鼠标点击:hand/pointer,onclick , td.innerText , td.innerHTML=“”, td.firstChild.value=oldPrice
- 失去焦点:onblur , input.parentElement.innerText = newPrice ;
- 更新小计:input = event.srcElement , tr = input.parentElement.parentElement ; tr.cells , parseInt
- 更新总计:document.getElementById(“fruit_tbl”) , fruitTbl.rows
- 删除一行:img , img.parentElement.parentElement.rowIndex , table.deleteRow(rowIndex)
- JavaScript 控制了网页的行为
JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:
1 HTML 定义了网页的内容
2 CSS 描述了网页的布局
3 JavaScript 控制了网页的行为
2 Tomcat
2.1 BS和CS
2.2 tomcat扮演的角色
2.3 tomcat部署
tomcat8之前,设置编码:
1)get请求方式:
//get方式目前不需要设置编码(基于tomcat8)
//如果是get请求发送的中文数据,转码稍微有点麻烦(tomcat8之前)
String fname = request.getParameter(“fname”);
//1.将字符串打散成字节数组
byte[] bytes = fname.getBytes(“ISO-8859-1”);
//2.将字节数组按照设定的编码重新组装成字符串
fname = new String(bytes,“UTF-8”);
2)post请求方式:
request.setCharacterEncoding(“UTF-8”);
tomcat8开始,设置编码,只需要针对post方式
request.setCharacterEncoding(“UTF-8”);
注意:
需要注意的是,设置编码(post)这一句代码必须在所有的获取参数动作之前
3 Servlet
3.1 简介
- Servlet=Server+applet,Servlet含义是服务器端的小程序
- 在整个Web应用中,Servlet主要负责处理请求、协调调度功能。我们可以把Servlet称为Web应用中的『控制器』
3.2 Servlet的继承关系 - 重点查看的是服务方法(service())
3.2.1 继承关系
javax.servlet.Servlet接口
javax.servlet.GenericServlet抽象类
javax.servlet.http.HttpServlet抽象子类
3.2.2 相关方法
javax.servlet.Servlet接口:
void init(config) - 初始化方法
void service(request,response) - 服务方法
void destory() - 销毁方法
javax.servlet.GenericServlet抽象类:
void service(request,response) - 仍然是抽象的
javax.servlet.http.HttpServlet 抽象子类:
void service(request,response) - 不是抽象的
1 String method = req.getMethod(); 获取请求的方式
2. 各种if判断,根据请求方式不同,决定去调用不同的do方法
if (method.equals(“GET”)) {
this.doGet(req,resp);
} else if (method.equals(“HEAD”)) {
this.doHead(req, resp);
} else if (