回顾
html
表单项中表示日期用什么
- type=“date”
表单项中上传文件用什么
- type=“file”
表单项想隐藏起来怎么办
- type=“hidden”
下拉列表对应的标签是什么,如何设置列表项
- select
<option value="值”>文字</option>
- selected 加在 option 表示默认选中
表格标签的组成
<table border="边框宽" width="表格宽" align="对齐"> <tr> <td>内容</td></tr></table>
css
css 样式表引入方式分成几种?
- 内联
<标签 style="属性:值;">
- 内部
<style> 选择器 { 属性:值; } </style>
- 外部
<link rel="stylesheet" href="css文件路径">
说出常见的选择器,8种
.class的值
#id的值
标签名
[属性名]
[属性名=值]
匹配所有文本框[type=text]
祖先 后代
选择器1, 选择器2...
:hover
边框样式能设置哪些
- border: 线类型 颜色 线宽
- border-radius : 像素
文本样式设置相关
- 颜色 color
- 字体 font-famliy
- 大小 font-size
- 贯穿线 text-decoration: line-through
- 对齐 text-aligin: left|center|right
- 行高 line-height
- 垂直居中 vertical-align:
如何控制标签隐藏
- display: none 隐藏
- display: block 显示
盒子模型的组成
- margin 外边距
- border 边框
- padding 内间距
- 内容
margin 的例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
width: 100px;
height: 100px;
}
#d1 {
background-color: yellow;
/*margin-bottom: 10px;*/
margin: 0 0 10px 0; /*等价于 margin-bottom: 10px;*/
/* 上右下左 */
}
#d2 {
background-color: red;
}
</style>
</head>
<body>
<div id="d1">1</div>
<div id="d2">2</div>
</body>
</html>
padding 的例子
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
tr:hover {
background-color: yellow;
}
/*td {
padding: 10px;
}*/
td {
padding: 10px 0 10px 0; /*上下有10px间隙,左右没有*/
}
</style>
</head>
<body>
<table border="1" width="100%">
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>18</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>20</td>
</tr>
</table>
</body>
</html>
今日内容
1. nginx
web 服务器 c 语言,静态资源(html, css, js, 图片, 音频,视频),性能高
- 下载源代码,源代码编译安装
- 安装 c 和 c++ 编译器 yum install -y gcc gcc-c++
- 关闭防火墙服务, systemctl stop firewalld
2. tomcat
web 服务器 java 语言,静态 + 动态 java 代码
- 静态,无论访问多少次,无论谁来访问,结果是一样的
- 动态,访问的人不同,填写的参数不同,结果也会随之变化
服务器支持
- java ee 中的很多技术都可以被开源技术取代
C/S 和 B/S 共同点,都需要有服务器,多个客户端通过网络连接到此服务器上获取功能
区别:
- C/S 的客户端需要单独安装,客户端的更新维护不是很方便,可以做的很精美
- B/S 只需要有浏览器就足够了,更新维护更简单(开发成本低),复杂程度受浏览器限制
1)安装
启动过程的问题
-
黑窗口一闪而过:因为 JAVA_HOME 没有配置
-
错误日志中说 address already in use (端口被占用)
- netstat -ano | findstr 8080 (找到占用了8080端口的程序的 进程id )
- 以管理员运行 cmd , taskkill /F /PID 进程id
-
乱码问题
- conf/logging.properties
- java.util.logging.ConsoleHandler.encoding = gbk
2)部署静态资源
浏览器路径 http://localhost:8080/web/
- http - 协议名
- localhost(127.0.0.1) - 服务器 ip 地址
- 8080 端口号
- web 虚拟目录 - 跟 webapps 目录下 实际的文件夹相对应
方法1:将 html 等文件放在一个文件夹中,并复制到 tomcat 的 webapps 目录下即可,而刚才的文件夹对应着访问时的虚拟目录
- 特殊的文件名:index.html, index.htm,index.jsp 都无需输入文件名
- 如果非特殊文件名,那么必须输入完整的文件名称
- 好处:部署应用,无需重启服务器
war 压缩格式,压缩命令,第一步进入要压缩的目录
jar -cvf 压缩包名字.war .
例如
jar -cvf aaa.war . 意思就是将当前目录的所有内容打成一个名为 aaa.war 的压缩包
将 aaa.war 拷贝到 tomcat webapps 目录即可完成部署,如果要卸载此应用把 *.war 文件删除即可
方法2:
修改 conf/server.xml 找到 <Host>
在其内部添加:
<Context path="/虚拟目录名" docBase="磁盘真实路径" />
例如
<Context path="/abc" docBase="D:\aaa" />
- 缺点,改变 server.xml 后需要重启才能生效
方法3:
找到 conf\Catalina\localhost 目录,新建 xml 文件
-
文件名就是虚拟目录
-
文件的内容
<Context docBase="磁盘真实路径" />
-
好处:添加和删除此文件时,不需要重启服务
4)配置
修改端口号的话,找到 conf/server.xml, 大约 69 行位置
<Connector port="新的端口" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />
- 其中 80 端口是默认的,在浏览器输入服务地址时可以省略
5)与 idea 集成
选择 update resources 的作用就是让页面修改后,刷新浏览器立刻生效
3. servlet
1)http 协议
2)快速入门
- 其中 80 端口是默认的,在浏览器输入服务地址时可以省略