Java学习心得-Week10

这周的主要学习内容有HTML收尾、CSS、Tomcat、HTTP和Servlet。
HTML
补充学习了表单标签
表单可以将页面上录入的信息携带到服务器端。

<form>
    性别:
    <label for="male">男</label>
    <input type="radio" name="gender" id="male"/>
    <label for="female">女</label>
    <input type="radio" name="gender" id="female"/><br/>
    兴趣:
    篮球 <input type="checkbox" name="a" />
    足球 <input type="checkbox" name="b" />
    台球 <input type="checkbox" name="c" />
    <br/>
    <label for="email">邮箱</label>
    <input type="email" name="email" id="email" placeholder="输入邮箱地址"/><br/>
    <label for="desc">描述</label>
    <textarea value="文本域" name="desc" id="desc"></textarea><br/>
    <label for="address">地址</label>
    <select id="address">
        <option>北京</option>
        <option>上海</option>
        <option>天津</option>
        <option>南京</option>
    </select>
    <br/>
    <input type="submit" value="提交" />
    <input type="reset" value="重置" />
</form>

CSS

• 内联式CSS样式:直接写在html标签中
• 嵌入式CSS样式:写在当前文件中

<style type="text/css">
    p{
        color:red;
    }
</style>

外部式CSS样式:写一个单独的文件中

<link rel="stylesheet" type="text/css" href="css/abc.css"/>

CSS的选择器

1、标签选择器 p{}
2、类选择器 .claa{}
3、ID选择器 (全局唯一) #id{}
4、子选择器 > （表示第一代子元素） #id>p{} 如果没有>直接是空格的话就是后代所有的元素 #id p{}
5、通用选择器 * *{}
6、伪类选择器 :hover p:hover{}
7、分组选择器 h1,h2,p h1,h2,p{}

块状元素

 <div>、<p>、<h1>~<h6>、<ol>、<ul>、<dl>
<table>、<address>、<blockquote> 、<form>

内联元素

<a>、<span>、<br>、<i>、<em>、<strong>
<label>、<q>、<var>、<cite>、<code>

块状内联元素

<img>、<input>

盒子模型

element : 元素。 padding : 内边距,边框距元素的距离。 border : 边框。 margin : 外边距，边框距其他元素边框的距离

定位(Positioning)

相对定位(relative)
如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
绝对定位(absolute)
绝对定位的元素的位置相对于最近的已定位父元素。

伸缩布局flex

主轴(main axis)：flex容器的主轴主要用来分配flex子元素，默认是水平方向 侧轴(cross axis)：与主轴垂直的轴称为侧轴，默认是垂直方向 主轴和侧轴并不是固定不变的，可以通过flex-direction进行切换,默认为水平方向(row)。

服务器结构
BS结构 browser server 浏览器服务器 CS结构 client server 客户端服务器
Web服务器

weblogic
它是oracle公司的，已经被oracle收购，它是全面支持javaee规范，收费的大型的web服务器，它是企业中主流的服务器，在网络上学习资料比较多。
websphere
它是ibm公司的一个大型的收费的全面支持javaee规范的javaee容器。
tomcat
它是开源的免费的servlet规范的服务器。它是apache一个web服务器。
jboss
hibernate公司产品，不是开源免费的，是javaee规范的容器。
ngix
Nginx(“engine x”) 是一个高性能的 HTTP 和 反向代理服务器

Web指的就是网页，我们所说的web指的是internet主机(服务器)上的供外界访问的资源 web资源可以分为两种：
静态web资源

指web页面上供人们浏览的数据，它们始终不变。例如html
优点: 静态网站开发简易，只需要掌握HTML、CSS和JS就可以开发 静态访问速度快，因为静态网页不需要和任何程序进行交互，更不需要对数据进行处理
缺点: 静态网站内容无法实时更新，因为网站由一个个的静态HTML网页构成，新增内容只能 通过开发人员修改代码 网站内容过多时，每个页面都需要单独制作，需要不断编写和维护HTML页面，增加了 网站开发人员的工作量，提高了运营费用。

动态web资源

指web页面中内容是由程序产生的，供人们浏览，并且在不同的时间点，数据不一样，并且 还可以实现人与人之间的交互。用到Servlet和JS等技术.
优点 ：维护方便、可以根据用户需求实现各种功能 查询信息方便，能存储大量数据，需要时能立即查询 网站内容可以实时动态更新 与用户交互性强，提高用户粘性
缺点： 技术要求高

HTTP协议
协议：协议就是规定双方如何通信。
http协议: 超文本传输协议 HyperText transfer protocol 是互联网上应用最为广泛的一种网络协议， 所有的www都必须遵守这个标准。

HTTP请求的执行过程

根据windows系统的域名解析文件将域名解析成对应的本地ip,如果没有找到对应的IP,那么就将域名放到DNS服务器上就解析找到互联网上的对应IP 经过三次握手建立TCP连接 发起HTTP请求,包含请求行,请求头,请求正文服务器返回HTTP响应,包含响应行,响应头,响应正文 浏览器解析响应正文并展示

HTTP请求：

请求行
Request URL：请求路径
Request Method： 请求方式
GET：只能传1kb以下的数据据，get请求下的请求参数会直接拼接到Request URL后
POST：可以传输大数据 post请求下的请求参数会存放到请求正文
请求参数：比如，表单中输入框中的值
Protocol：http协议版本 注：请求正文，只有当请求方式为post时才有 请求头
Content-Type：浏览器告诉服务器，请求正文的数据类型
User-Agent:浏览器告诉服务器，浏览器类型
请求正文
请求正文，只有当请求方式为post时，且有请求参数时才有

HTTP响应：

响应行
Status Code：响应状态码： 200响应成功 302告诉浏览器，进行重定向 304页面上的内容没有发生改变，不需要重新请求服务器 404没有对应的服务器资源 500服务器内部错误
响应头
Location重定向
Content-Type服务器告诉浏览器，相应正文的数据类型 Content-Type:text/html;charset=utf-8;相应正文是文本和html标签，以utf-8解码
Refresh：定时跳转 Content-disposition文件下载
响应正文
浏览器显示的正文

Servlet

1. 传统的java代码无法获取请求参数，，Servlet就是运行在服务器上的一个java程序

2. Servlet属于服务器端的java技术
   Servlet–>JDBC–>数据库
   注：Web工程中External Libraries tomcat包

3. 步骤
   a. 继承HttpServlet
   b. 重新doGet和doPost方法
   c. 配置Servlet
   1） 声明Servlet
   2） 给Servlet设置访问名称

4. HttpServlet继承于GenericServlet、GenericServlet实现于Servlet，Servlet是顶层接口
   实现Servlet功能
   一、 实现Servlet接口
   没有doGet和doPost方法，处理请求是Service方法（抽象的）
   二、 继承GenericServlet类
   没有doGet和doPost方法，处理请求是Service方法（抽象的）
   三、 继承HttpServlet类
   重写Service方法，ServletRequest强转HttpServletRequest
   ServletResponse 强转HttpServletResponse

本周的学习内容比较好掌握，个人学习的知识掌握程度不错，但是css知识需要多记忆，知识点比较多，还需要多下功夫，多练习。