前端學習（1）：Tomcat，MySQL，eclipse——製作簡易留言板
基礎設定
1.下載brackets，用於編輯html文字
2.使用eclipse編輯jsp檔案作為網頁後臺指令碼
3.下載tomcat，在eclipse下配置tomcat
4.下載MySQL和視覺化和視覺化處理軟體Navicat，作為資料庫
遇到的問題
1.之前下載的eclipse版本中無server選項，匯入安裝包後解決
2.使用eclipse寫jsp時，執行時提示local host埠已被佔用，用如下方法解決
1.檢視埠被哪個程式佔用
sudo lsof -i tcp:port
如： sudo lsof -i tcp:8080
2.看到程序的PID，可以將程序殺死。
sudo kill -9 PID
如：sudo kill -9
3.使用終端對資料庫操作
sudo /usr/local/mysql/support-files/mysql.server start
sudo /usr/local/mysql/support-files/mysql.server stop
sudo /usr/local/mysql/support-files/mysql.server restart
學習JSP的一些記錄
1.include
<%@ include file="Date.jsp" %><!-- 指令標記，合併為一個類 -->
<jsp:include page="Date.jsp"></jsp:include> 2.動態響應(將當前頁面儲存為word文件)
<form action="" method="post">
<input type="submit" value="yes" name="submit">
</form>
<% String s = request.getParameter("submit");
if(s==null)s="";
if(s.equals("yes"))response.setContentType("application/msword;charset=utf-8");
% 3.重定向
<body>
<% String name = request.getParameter("name");
if(name==null || name.length()==0) {
response.sendRedirect("RequestTest.jsp");
}%>
<h1>歡迎<%=name %>,你好！</h1>
</body>
4.格式化獲取到的時間(java.text.*)
<% SimpleDateFormat sdf = new SimpleDateFormat("YYYY年MM月dd日 HH:mm:ss");
Date d = new Date(session.getCreationTime());%>
Session建立時間：<%=sdf.format(d)%><br/>
5.session:相當於唯一ID 用於判斷在不同網頁之間切換是否為同一個使用者
/* session消失的三個方法：1。關閉伺服器 2。呼叫invalidate（）方法 3。達到了設定最長的發呆時間 */
session.setMaxInactiveInterval(5);%>
Session建立時間：<%=sdf.format(d)%><br/>
Session中獲取的使用者名稱：<%=session.getAttribute("username") %><br/>
Session的ID編號:<%=session.getId() %><br/>
6.Application內建物件
<!-- 自定義屬性： -->
<% application.setAttribute("username", "hunzz");
application.setAttribute("password", "123");
application.setAttribute("gender", "man");
%>
<!-- 列印自定義屬性 -->
使用者名稱：<%=application.getAttribute("username") %>
密碼：<%=application.getAttribute("password") %>
性別：<%=application.getAttribute("gender") %><br/>
列印application中的屬性:
<%
Enumeration att=application.getAttributeNames();
while (att.hasMoreElements()){
out.println(att.nextElement()+"<br/>");
}%>
（持續更新）
學習html，css的一些記錄
1.通用選擇器，子選擇器，包含後代選擇器
* {color:red;}使任意標籤的字型顏色改為紅色
.food>li{border:1px solid:red;}改變的是元素的第一代後代
food li{border:1px solid:red;}改變的是元素的所有後代
2.css 樣式的權重 : 標籤為1，類選擇符為10，ID選擇符為100
p{color:red;} 權重為1
p span{color:green;}權重為1+1=2
.warning{color:white;}權重為10
p span.warning{color:blue;}權重為10+1+1=12
#footer .note p{color:yellow;}權重為100+10+1=111
最高權重：！important p{color:red!important;}放在分號之前
3.css樣式的優先順序
權重相同時，就近原則。
內聯樣式表（標籤內部）> 嵌入樣式表（當前檔案中）> 外部樣式表（外部檔案中)
4.長度值
1.畫素
畫素指的是顯示器上的小點（CSS規範中假設“90畫素=1英寸”）。實際情況是瀏覽器會使用顯示器的實際畫素值有關，在目前大多數的設計者都傾向於使用畫素（px）作為單位。
2.em
就是本元素給定字型的 font-size 值，如果元素的 font-size 為 14px ，那麼 1em = 14px；如果 font-size 為 18px，那麼 1em = 18px。如下程式碼：
p{font-size:12px;text-indent:2em;}
上面程式碼就是可以實現段落首行縮排 24px（也就是兩個字型大小的距離）。
還要注意一個特殊情況：
當給 font-size 設定單位為 em 時，此時計算的標準以 p 的父元素的 font-size 為基礎。
（持續更新）