毛哥的快樂生活 第六章 What?毛哥出名了？真搞了個網站！
毛哥要搞網站
毛哥心中有了一個雄偉大計劃——要做一個網站，做一個牛X的網站。
就像馬雲大阿里巴巴改變了中國的商業環境，毛哥要搞一個網站，先改變公司內通知的獲取方式。
有點尷尬，這個對比好像反差挺大。不過管他的呢，反正至少可以減輕毛哥本身的工作量，不用每次都得把通知發到同事郵箱了，同事忘掉了還經常找自己要以前的通知內容。
OK，這個雄偉計劃要分兩步走，第一步先搞個網頁，網頁上能顯示通知的內容。第二步把這個網頁放到伺服器上，讓同事們都能訪問到。
先搞個網頁
毛哥先百度了下網頁，發現網頁是一個包含HTML標籤的純文字檔案，那就是說用記事本編輯個HTML格式的檔案就OK啦。
用記事本有點LOW，毛哥打算換一個編輯器，又去知乎搜了下，發現好多大神推薦Notepad++，於是乎百度下載了個Notepadd++。Notepad++下載地址（PS：此處真的不是給百度和知乎打廣告…）。
下載完了之後毛哥又去搜了下HTML，不好意思真的是啥都不懂，幸虧搜尋速度很快，經常搜尋一些平常人搜不到大東西，你懂得；另外打字也很快，號稱華北第一快手…你也懂得。
#HTML真的好簡單，還是毛哥真的太聰明
不搜不要緊，還真找到一個學習HTML很好的網站，簡潔清新的風格非常符合毛哥的審美。如下圖：
仔細研究了一番，毛哥發現只需要懂簡單大幾個標籤就能做自己的網站了。
<html></html> 這個告訴瀏覽器，網頁開始和結束，中間的是網頁大內容 <head></head>網頁的頭部 <title></title>網頁的標題 <body></body>網頁的內容部分 <p></p>網頁的段落
毛哥的第一段HTML程式碼
OK，感覺是很簡單，紙上得來終覺淺，絕知此事要躬行。just try it，試一下。正好有個晚上加班的通知，不多就加1小時。
<html>
<head>
<title>公司通知</title>
<head>
<body>
<p>
通知：今天晚上加班1小時，加班時間:6:30——7:30，5:30——6:30有工作餐。
</p>
</body>
</html>
將檔案儲存為notice.html，注意字尾html雙擊開啟，windows瀏覽器是根據字尾名來呼叫相應的程式開啟的。比如.txt就呼叫記事本。htm或html就預設使用IE瀏覽器開啟。
上面的程式碼對應大介面如下，中文亂碼了哦。
解決亂碼問題
亂碼問題毛哥很熟悉，經常玩外國遊戲中文翻譯版的都會遇到過，百度下解決就是了。應該是加個配置，通知瀏覽器現在用中文的編碼方式，無非是UTF-8或GBK或GB2312。
果然，新增UTF-8後就OK了。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>公司通知</title>
<head>
<body>
<p>
通知：今天晚上加班1小時，加班時間:6:30——7:30，5:30——6:30有工作餐。
</p>
</body>
</html>
再次用IE開啟，發現簡直完美。毛哥心裡感覺自己簡直就是個天才啊，短短一上午，就能寫網站了，簡直厲害炸了。
找一個伺服器
現在的網頁在自己電腦上可以看了，但是同事們怎麼看呢，想到之前跟貓哥聊天介紹了要用一種叫做伺服器的軟體。伺服器是啥玩意呢，就是負責把網頁傳送出去的，別的電腦通過地址就能看到。
那麼下載哪個伺服器呢，之前毛哥大學的時候聽說過微軟的IIS伺服器，主要是微軟的ASP和ASP.NET開發大網站用的，當然毛哥一個相當簡單的網頁用IIS肯定沒問題啊。
但是毛哥還是想用Tomcat，畢竟毛哥是有Java基礎的，畢竟Java寫個for迴圈都很擅長的傢伙。
OK，去下載一個Tomcat吧，Tomcat下載，毛哥的作業系統是64位windows，所以選擇如下下載：
下載後解壓到C盤下，省的找不到，然後開啟看看這東西的結構如下圖。
哈哈看到英文大目錄不要害怕，很容易就猜出來：
bin：沒猜出來，百度才知道里面放了啟動伺服器的指令碼
conf：這個好猜，config的簡稱，儲存配置檔案
lib：好猜，library的簡稱，儲存庫，上學的時候就知道，庫就是別人寫好的，直接拿過來用的
logs：好猜，日誌
temp：太簡單了，臨時檔案
webapps：這個稍微有點難度，web是網路的意思，app表示應用，apps表示很多應用。毛哥敏銳的感覺到自己寫的網站應該就是放到這個目錄下。
work：工作，不知道具體啥意思
讓伺服器工作
毛哥又查了下資料，發現Tomcat部署網站如此簡單。
1，首先在webapps下建立一個目錄，目錄的名稱一般是網站名稱的英文版，毛哥這個網站是用來管理公司新聞、通知的，其實就是個管理資訊系統，就叫做info吧。
2，然後把之前寫好的notice.html放在裡面，如下圖，注意目錄結構
3，啟動伺服器，直接雙擊bin目錄下的startup.bat，發現啟動不了，哎，怎麼跟網上說的不一樣！
#配置伺服器工作環境：JDK
原來tomcat伺服器需要執行在Java環境之上，好麻煩好麻煩啊，不過為了實現自己的網站，忍了！
配置JDK的文章很多，毛哥先下載了一個JDK，然後安裝到了D:\Tool\JDK1.8
然後配置了環境變數：
1，JAVA_HOME設定為JDK安裝目錄：D:\Tool\JDK1.8
2，PATH追加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
3，CLASSPATH最前面新增.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
網站執行起來了！
再次執行startup.bat，成功了，最後提示Server startup in 862 ms，伺服器在862毫秒內就啟動了！
這說明了什麼？說明了好多點：
1，這個電腦配置不錯！
2，毛哥人品不錯！
3，毛哥的第一個網站成功了
4，付出就有收穫
5，厲害炸了
讓同事的電腦訪問
毛哥的公司內部都是一個區域網，而且都是有固定IP地址的，這樣同事就可以通過毛哥的IP地址訪問毛哥的網站了。
毛哥看了下自己電腦的IP地址為：192.168.30.33
根據規則，Tomcat的預設埠號8080
然後網站目錄是info，網頁是notice.html
迫不及待的找了臺電腦，開啟瀏覽器（這個同事很有格調，竟然是chrome瀏覽器，懂行！），輸入地址：192.168.30.33:8080/info/notice.html，回車，奇蹟發生了，真的看到了自己寫的網站，毛哥還是不敢相信，又找了幾個同事的電腦，結果都成功了！
毛哥火了，毛哥出名了！
當天下午，毛哥鄭重的發了一封郵件：
各位同事：
我是你們親愛的可愛的辦公室臨時辦事員毛哥，以後的通知我就不再一一給你們發郵件了，大家敬請登入網站：192.168.30.33:8080/info/notice.html自行檢視，有技術問題可以撥打我的電話：186538XXXXX
當天下午N個電話打到辦公室李主任那，有表揚的，通知本來就應該有個網站；有吐槽的：網站介面太醜了，醜爆了；
提建議的更多：建議按通知按部門分類，建議通知按時間排序，建議新增搜尋功能、通過關鍵字就能查到通知…
李主任都懵了，忙叫過毛哥問咋回事，網站誰做的。
毛哥微微一笑，我隨手做了網站…
隨手…
李主任風化在空氣中…心中暗香，小子不錯，竟然還是個傳說中的程式猿，這個X裝的，我服。