Javaweb开发项目实例教程（idea版）——HTML
BS通信介绍
一、B/S通信模型：
客户端计算机通过【浏览器】帮助向服务端计算机发起请求。
索要资源文件。服务端计算机中【HTTP SERVER】负责将被请求
资源文件内容解析为二进制形式推送回发送请求的浏览器。浏览器
接收到二进制内容之后自动进行解析（文字，数字，图片，视频）与编译
二、Http服务器调用资源文件分类：
1.静态资源文件：6种
第一种：存放相对固定数据
1）文档文件
2）图片文件
3）视频文件
第二种：存放是数据和命令，这命令只能在浏览器编译与执行
1）HTML文件---HTML编程语言（.html）
2）CSS文件-----CSS编程语言（.css）
3）JAVASCRIPT----JAVASCRIPT编程语言(.js)
2.动态资源文件: class文件
1)文件存放命令
2)文件中无法在浏览器编译与执行，只能在服务端计算机通过编译进行编译与执行
3）不同用户索要同一个资源文件时，往往得到不同结果
例子：服务端计算机
class Computer{
public int add(int num1,int num2){
return num1 +num2;
}
} 10,20
张三------->浏览器------>HttpServer
|
|
Computer obj = new Computer() 30- obj.add(10,20)
50,80
李四-------->浏览器-------->HttpServer
|
|
Computer obj = new Computer()
130-- obj.add(50,80)
三、B/S通信结构学习流程
1.掌握控制浏览器请求行为
2.掌握动态资源文件开发，调用，运行原则
3.掌握控制浏览器解析和编译行为
简单来说，先拿下浏览器控制权，在掌握动态资源文件运行原理
四、控制浏览器编程语言:
HTML编程语言-----控制浏览器请求行为
CSS编程语言--------只看不需要记住
JavaScript编程语言------往死了学
HTML编程语言学习
一、HTML编程语言介绍
1.HTML编程语言专业叫法【超文本标签式编程语言】
2.HTML编程语言只能在浏览器编译与执行
3.HTML编程语言用于控制浏览器
二、HTML编程语言作用
1.通知浏览器将接收数据以指定形态进行展示--【前端工程师】
2.控制浏览器请求行为--------------------------【前端工程师/服务端工程师】
三、HTML编程语言语法规范
1.HTML编程语言命令以标签形式出现，比如 <br/>
2.HTML编程语言命令不区分英文字母大小写.比如 <br/> <BR/> <bR/> 都是合法
3.HTML编程语言命令分为【双目标签】与【单目标签】
4.【双目标签】中命令由开始标签与结束标签组成.比如 <tr></tr>.双目标签书写时结束标签不能省略的
5.【单目标签】中命令的开始标签与结束标签是同一个标签，比如,<br/>,单目标签书写时结束斜线可以省略。比如 <br/>合法 <br> 合法
6.HTML编程语言所有命令都是预先设置的，不允许开发人员自定义新命令
四、HTML文件书写规则
1. 以.html结尾文件，作为静态资源文件使用
2. html文件存放HTML标签命令和展示数据
控制浏览器请求行为
一、浏览器请求三要素
1.请求地址
2.请求方式
3.请求参数
二、控制浏览器请求地址
1.超链接标签命令
1)格式: <a href="请求地址">提示信息</a>
2.表单标签命令
1)格式 <form action="请求地址">
<input type="submit"/>
</form>
三、控制浏览器请求方式
1.请求方式作用：请求方式决定浏览器在发起请求时行为特征
2.浏览器请求方式分类：7种。但是目前为止开发人员只考虑其中两种请求方（POST/GET）
四、POST与GET区别
GET请求
1.GET请求方式，要求浏览器发送请求参数数量不能超过4K
2.GET请求方式，要求浏览器发送请求时，必须将请求参数信息在地址栏展示
3.GET请求方式，要求浏览器发送请求时，必须将请求参数信息保存在Http请求协议包中请求头
4.GET请求方式，要求浏览器将本次返回资源与请求地址形成键值对存储在浏览器内存中
key--------------------------value
http://www.baidu.com 内容
POST请求方式
1.POST请求方式，要求浏览器发送请求时，不限制发送请求参数数量
2.POST请求方式，要求浏览器发送请求时，必须在地址栏屏蔽请求参数信息
3.POST请求方式，要求浏览器发送请求时，必须将请求参数保存在Http请求协议包中请求体
4.POST请求方式，禁止浏览器对返回内容进行存储（阅后即焚）
五、请求方式控制
1. 要求浏览器以GET方式发送请求
1) 超链接标签命令执行时，要求浏览器必须采用GET方式发送请求
2) <form action="请求地址" method="请求方式，method属性默认值GET">
3) 直接通过地址栏要求浏览器发送请求，其使用请求方式只能是GET
2. 要求浏览器以POST方式发送请求
<form action="请求地址" method="post">
六、请求方式使用场景
1.绝大多数情况下，请求方式都是GET
2.文件上传操作必须使用POST
3.登录验证操作必须使用POST
4.索要服务端实时变化数据必须使用POST
七、请求参数:
1.请求参数格式 : 请求参数名=请求参数内容&请求参数名=请求参数内容
2.请求参数来源:
1)由超链接标签提供 <a href="http://www.baidu.com?username=mike&password=123">百度</a>
2)表单域标签
八、表单域标签
1.定义：一组专门声明在表单标签<form>内部，用于在浏览器发送请求时携带请求参数载体
2.分类: 三个分类
input select textarea
3.特征：
所有表单域标签都拥有name属性和value属性。
name属性设置【请求参数名】 value属性设置【请求参数内容】
4. input标签
1）文本框: <input type="text" name="请求参数名" value="用户填写">
2）密码框: <input type="password" name="请求参数名" value="用户填写">
3) 文件选择框:<input type="file" name="请求参数名" value="文件内容">
4）单选框: <input type="radio" name="请求参数名" value="事先设置">
5) 多选框：<input type="checkbox" name="请求参数名" value="事先设置">
6) 提交按钮<input type="submit"/>
7) 重置按钮<input type="reset"/>
8) 命令按钮:<input type="button">
5.select:下拉列表标签
1） <select name="请求参数名">
<option value="请求参数内容">提示信息</option>
<option value="请求参数内容">提示信息</option>
</select>
6. textarea:多行文本框
1）<textarea name="请求参数"></textarea>
7. 表单域标签value属性默认值
1）大多数表单域标签value属性默认值是空字符串
2）单选框与多选框value属性默认值on
8. 表单域标签作为请求参数条件
1）大多数表单域标签只要声明在form标签内部并指定name属性作为请求参数
2）单选框与多选框在满足条件1的同时，还必须在被用户选中情况下才有资格作为请求参数
3) disabled修饰的表单域标签不能作为请求参数
一、项目开发流程
1.由SE与客户沟通了解需求，将用户提供需求转变开发人员能听懂内容
2.美工根据SE提供需求制作DEMO
3.开发人员根据DEMO进行开发
4.测试人员进行测试
5.运维人员
二、部门职员管理系统
1.部门管理服务
1) 部门注册
2) 部门查询
3）部门删除
4) 部门更新
2.职员管理服务
1) 部门注册
2) 部门查询
3）部门删除
4) 部门更新
最后奉上视频教程👇，视频观看效果更佳！！走过路过别忘素质三连哦~~
