回顾
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）快速入门
rt=“8443” />
* 其中 80 端口是默认的，在浏览器输入服务地址时可以省略
扫一扫
3124
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
