杂记 jsp

1. 一般css样式文件要和jsp文件分开，在jsp文件中引用css：

先获得应用的绝对路径，再根据应用的路径来获得应用中css文件的路径：

<%
pageContext.setAttribute("APP_PATH", request.getContextPath());
%>
<link rel="stylesheet"
 href="${APP_PATH}/CSSs/header.css">

这里  request.getContextPath()获得的是WebContent文件的路径。

2. 边界阴影，当其他三边都贴窗口时，则只有下边界有阴影：
    box-shadow: darkgrey 0px 10px 20px;

参数详见：https://jingyan.baidu.com/article/b2c186c83d3741c46ef6ffe3.html

3. 让元素充满剩下所有css：

在父元素中写：
    display:flex;

在子元素中写：
    flex: 1;

4. 一条导航栏，一部分按钮从做往右排，一部分从右往左：

在子元素中写：
    float: left;

则会从左往右排，不换行。

5. padding-right与width:100%在一起不起作用：

添加
    box-sizing: border-box;

属性即可，其实是 padding-right与width:100%相加超出屏幕了，但是不知道为什么会超出，明明padding是内部元素距父级元素的宽啊。

6. 如果多个元素都用了flex:right，那么每添加一个都放在了所有元素的做右边，所以要按照你想排列的逆序来添加元素。但是不知道为什么flex:left就不会放在所有元素的做左边。

7. 点击跳转页面：οnclick="window.location.href = 'sign_in.jsp'"

写了半天的head bar，终于实现了，不过我是用float实现的，源码是用table实现的，真实看似很不像table的布局，也是使用Table写的，可见其应用广泛。

8.在页面以文字而非图片的形式添加一些小图标，效果如图：

首先在https://icomoon.io/app/#/select/font这个网站上找好想要的图标，点击右下角下载到本地，解压到项目文件中，然后就可以使用span标签用了，它和一般的font一样，可以被更改属性：

.icon-locked:before {
  content: "\e900";
    font-size:14px;
}

<span class="icon-locked"></span>

9.当想连接数据库时，需要添加tar文件到lib文件夹：mysql-connector-java-xxx（版本号）。

使用了最新的版本号，会出现报错，大概是一个乱码，这时候需要在数据库的链接后面写：?serverTimezone=UTC

比如：

String url = "jdbc:mysql://localhost:3306/web_v2ex?serverTimezone=UTC";