一、站點的策劃和構思
在接到這個作業的時候，我想做一個偏功能化的網站，這個學期學習了wordpress之后，發現搭建個人站點經過一代又一代奇人的開源創新之后，變得愈來愈方便簡單。但是我結合了上個學期學習的.Net開發以及自學的Javaweb開發后，打算自己搭站點。于是便有了這個可以幫助大家找回失蹤東西的小網站。（這個小網站叫做失物招領平臺）
網站由官網主頁、信息發布、商城、最新活動、關于我們和我的空間六大功能模塊組成。
二、構建軟件的比較和選用
由于站點是自行構建的，wordpress沒有怎么用，所以下面我就大概闡述下自己編寫網頁過程中的用的一些小技術。
我是在網上尋找模板時，看到了Amaze UI框架。。。而且之前有學長提過這東西。自己看了看，和之前做的Spring Mvc較為類似，所以用了該框架。
利用Amaze UI框架來編寫網頁，兼容移動端和PC端。用于開發網頁-移動端與網頁-PC端，給予用戶良好的視覺體驗。
Amaze UI是中國首個開源HTML5跨屏前端框架。Amaze UI JQuery版整合的空間、組建比較豐富，Amaze UI從2.0開始，Amaze UI JavaScript組建從Zepto.js轉向基于jQuery.js 使兼容、交互更好。Amaze UI React版式基于React.js開發的web組件，可減少DOM操作，有效提高性能。
其優點如下：
1、語義化：Amaze UI開發遵循語義化原則，意圖通過類名（class）等信息直觀傳達元素的功能角色，同時關注結構、樣式、行為分離，降低各部分的耦合程度，提高開發效率和可維護性。
2、移動優先，跨屏適配：遵循 “移動優先（Mobile First）”、“漸進增強（Progressive enhancement）”的理念，可先從移動設備開始開發網站，逐步在擴展的更大屏幕的設備上，專注于最重要的內容和交互，適應移動互聯潮流。輕松創建跨屏適配的網頁。
3、模塊化，按需定制：AMUI使用LESS編寫樣式，結構良好，易擴展，易維護；使用Seajs模塊化開發、組織 JavaScript，自然、優雅。
4、專注于HTML5：AMUI 基于輕量的Zepto.js開發，有效減少為兼容舊瀏覽器的臃腫代碼；基于 CSS3 的交互效果，平滑、高效。AMUI專注于現代瀏覽器（支持HTML5），不再為過時的瀏覽器耗費資源，為更有價值的用戶提高更好的體驗。
5、本地化支持：相比國外的前端框架，Amaze UI專注解決中文排版優化問題，根據操作系統調整字體，實現最佳中文排版效果；針對國內主流瀏覽器及App內置瀏覽器提供更好的兼容性支持，節省大量兼容性調試時間。
三、云服務器的構建步驟
服務器是在騰訊云買的學生優惠1元主機，裝的是Ubuntu系統。
下面我講一下服務器配置。大部分內容來自于網上博客。
- java安裝
64位的ubuntu系統的下載，所以選擇的是這個下載完之后，用winscp登錄服務器，主機名是你服務器的公網ip地址，端口是22，然后用root賬戶登錄這里寫圖片描述登陸之后，進到home/ubuntu目錄，新建一個Java文件夾，把剛下的jdk放到java文件夾里面這里寫圖片描述然后用putty登錄服務器，hostname是自己的公網ip，port是22，ssh登錄，然后點擊open這里寫圖片描述然后會打開命令行界面，root賬戶登錄這里寫圖片描述依次輸入以下指令來到自己的java文件夾下，并解壓安裝包這里寫圖片描述
cd /home/ubuntu/java 回車
tar –zvxf jdk-8u121-linux-x64.tar.gz 回車
把下面三行插入底部，并保存
export JAVA_HOME=/home/ubuntu/java/jdk1.8.0_121
export CLASSPATH=/home/ubuntu/java/jdk1.8.0_121/lib
export PATH=$JAVA_HOME/bin:$PATH
用putty輸入以下指令，使配置生效
source /etc/profile 回車
然后輸入以下指令來檢驗配置是否成功
java -version
java配置成功
- mysql安裝
安裝mysql，這個比較簡單，只要用putty登錄輸入幾條指令就好了
sudo apt-get install mysql-server 回車
sudo apt-get install mysql-client 回車sudo apt-get install libmysqlclient-dev 回車
安裝完畢，用以下指令檢驗是否成功
sudo netstat -tap | grep mysql 回車
如果看到有mysql 的socket處于 listen 狀態則表示安裝成功
mysql -u root -p
- 第一個代表數據庫名；第二個代表表名。這里的意思是所有數據庫里的所有表都授權給用戶
- root：授予root賬號，也可以是其他用戶。
- “%”：表示授權的用戶IP可以指定，這里代表任意的IP地址都能訪問MySQL數據庫。
- “password”：分配賬號對應的密碼，注意，這里輸入的密碼是你要連接數據庫時輸入的密碼。
- 刷新權限：flush privileges;讓我們所做設置立即生效。
use mysql
GRANT ALL PRIVILEGES ON . TO 'root'@'%' IDENTIFIED BY 'password（這里輸入你自己的密碼）' WITH GRANT OPTION; 回車
flush privileges; 回車
下面添加如下幾行
lower_case_table_names=1
skip-name-resolve
保存，然后putty輸入以下指令
sudo service mysql restart 回車
然后輸入以下代碼看看3306端口是否被限制
netstat -anpt|grep 3306
-
tomcat安裝
先把tomcat下載過來，選擇tar.gz格式，下載地址在文章開頭
用winscp先在/home/ubuntu新建tomcat目錄，然后把安裝包上傳上去這里寫圖片描述這里寫圖片描述用putty解壓文件
cd /home/ubuntu/tomcat 回車
tar –zvxf apache-tomcat-8.5.12.tar.gz 回車
節點port屬性
將原來帶的8080修改成80，并加上這個URIEncoding="utf-8"
cd /home/ubuntu/tomcat/tomcat/bin 回車（進入bin目錄）
./shutdown.sh 回車（先關閉）
./startup.sh 回車（啟動）
）
四、域名的申請、備案和設置
域名的申請，首先按照步驟，登錄萬網，查找自己需要的域名是否被注冊。
很難受，自己的名字lsq已經被注冊了，只能lsq001。
選好自己的域名，便去支付購買，購買方式選擇了馬云爸爸下面的支付寶。。。強大的支付寶。
.com的有點貴，精打細算買了一個.cn，雖然事后被室友嘲諷.cn是多么的不好。。。
購買成功后進行實名認證。
接著去解析自己的域名，包括修改Dns。
然后等了一天，自己的域名終于連上了自己的空間。
五、網站的構建，即插件的選用和配置，或者自編代碼的開發調試過程
1.主要內容
如上所示首頁示意圖為未注冊用戶第一次進入網站的第一視感，由介紹、失物招領、聯系我們、注冊登錄四個模塊組成。
在介紹模塊，簡潔明了的平臺介紹讓用戶快速了解失物即尋平臺的功能，熟悉失物歸還的方式。在失物招領模塊，用戶可以查看失物信息，尋找有無自己丟失物品的信息。在聯系我們模塊，用戶可以把在使用網站過程中的任何問題都反饋給平臺后臺，我們會根據實際情況與現實需要進行改進。在注冊登錄模塊，用戶填寫簡單基礎的信息即可完成注冊，然后登陸賬號。
完成登陸后，用戶可以看到網站由官網主頁、信息發布、商城、最新活動、關于我們和我的空間六大功能模塊組成。
2.插件的選用
首先，這個網頁我用了模板。。。。。UI設計方面基本與源模板無差。插件方面，我特別想提的一點是，我加入了一個粒子特效，背景動畫會隨著光標的移動而移動。
這個插件感覺起來特別炫。
3.自編代碼見附件
六、百度站長工具的使用和站點的運營情況說明
我使用的是使用百度站長工具CNAME進行認證
添加了一個別名。
