摘要：目前該功能并未完善，敬請期待。反正每次都會有新的東西補(bǔ)充上去一開始我本來想做的是可以使用微信登陸，也可以使用賬戶郵箱登陸，也可以使用短信登陸的。后來發(fā)現(xiàn)微信登陸要企業(yè)認(rèn)證，做不了。

最近這一直在復(fù)習(xí)數(shù)據(jù)結(jié)構(gòu)和算法，也就是前面發(fā)出去的排序算法八大基礎(chǔ)排序總結(jié)，Java實現(xiàn)單向鏈表，棧和隊列就是這么簡單，十道簡單算法題等等...

被虐得不要不要的，即使是非常簡單有時候繞半天，想不明白。

本來這篇博文是想留到我最后Java基礎(chǔ)復(fù)習(xí)完再寫出來的，鑒于公眾號有的同學(xué)想看看郵箱登陸的案例，想看看Java開發(fā)后臺是怎么的，于是我就提前寫了這篇博文

這個項目是我自己手寫的第一個SSM項目(畢竟學(xué)了當(dāng)然得搞點事情，對吧)，是上年寫的小東西。當(dāng)然了，現(xiàn)在回過頭去看這個項目是有很多的不足的，僅供參考。用的也不是新技術(shù)，只是把我之前當(dāng)時所學(xué)的一些東西做一個總結(jié)...如果想學(xué)新知識的同學(xué)看到這里就可以留步啦～

所以說，你可能會看到比較舊的技術(shù)，寫得不好的地方都會有～如果是寫過項目的同學(xué)而言，這個僅僅是一個Demo。對于沒寫過項目的同學(xué)可以適當(dāng)?shù)膮⒖家幌拢驗橛玫氖欠浅：唵蔚募夹g(shù)，都是耳熟能詳?shù)募夹g(shù)，不會有什么難懂的地方～

PS:希望各位大佬不要攻擊它，我沒有做任何的安全措施。即使留了評論的功能，XSS攻擊防范也沒做，請手下留情啊～

地址：

預(yù)覽：http://www.zhongfucheng.top/

GitHub：https://github.com/ZhongFuCheng3y/910convenienceSite

編寫記錄:

從零開始寫項目第一篇【搭建環(huán)境】

從零開始寫項目第二篇【登陸注冊、聊天、收藏夾模塊】

從零開始寫項目第三篇【在線聊天和個人收藏夾】

從零開始寫項目第四篇【搭建Linux環(huán)境】

從零開始寫項目第五篇【評論功能、備忘錄】

從零開始寫項目終極【維護(hù)網(wǎng)站、修復(fù)Bug】

巴巴拉拉地說了一大堆東西，我們來看一下這個項目有什么功能～

這是首頁，會根據(jù)當(dāng)?shù)亟o出三天的天氣預(yù)報：

很簡單的注冊頁面，通過郵箱來進(jìn)行注冊～

2018年3月30日15:51:23，好吧，寫這篇博文的時候也出錯了.....

org.springframework.mail.MailAuthenticationException: Authentication failed

我懷疑是授權(quán)發(fā)送郵箱的密碼錯了(過時),于是我去更新了一下，果然就行了～

此時點擊注冊，就會要郵箱校驗了～

去自己的郵箱查看一下郵件：

點擊校驗它即可完成注冊(如果不校驗的話，那么是不允許登陸的)：

該項目用Shiro做了權(quán)限認(rèn)證的，如果沒在登陸的狀態(tài)下點擊以下的菜單都會跳轉(zhuǎn)到登陸頁面～：

網(wǎng)站說明：

這個網(wǎng)站的功能并不復(fù)雜，開發(fā)的功能都是為了方便使用而已。

一、個人收藏夾：將常用的網(wǎng)站添加進(jìn)去，值得注意的地方就是：url（網(wǎng)址）最好是從瀏覽器復(fù)制下來，這是最方便也是最安全的做法

二、個人備忘錄：添加個人備忘錄，設(shè)置好時間、在郵件發(fā)送出去之前都能夠修改時間

發(fā)送郵件好像會有點延遲～～～～

接下來是個人收藏夾了，添加一些常用的網(wǎng)址進(jìn)去，并給它命名，當(dāng)輸入命名部分的字符時，即會提示：

用鍵盤上下鍵選中按回車即可跳轉(zhuǎn)到對應(yīng)的頁面了～

網(wǎng)站用到的技術(shù)：

一、全站頁面布局：前端是使用Bootstrap來進(jìn)行布局的、背景是使用了GitHub的一個開源項目：particles-js。導(dǎo)航條來源于一個國外網(wǎng)站：http://toolofna.com/

二、首頁：天氣預(yù)報功能來源于高德地圖API和和風(fēng)天氣API組合而成，能夠查看當(dāng)前IP地址所在地的近三日天氣

三、個人收藏夾：使用了Elasticsearch全文搜索引擎工具。

四、在線聊天：使用了GoEasy的服務(wù)推送和jquery.barrager.js構(gòu)建彈幕。目前該功能并未完善，敬請期待。

五、注冊和登陸：使用了BootstrapValidation進(jìn)行表單校驗、JavaMail發(fā)送郵件的功能、Gif動態(tài)驗證碼

六、個人備忘錄：使用了Quartz任務(wù)調(diào)度工具來定時發(fā)送郵件

總概要：

???1. Maven構(gòu)建項目

???2. 使用Mysql數(shù)據(jù)庫

???3. Tomcat作用應(yīng)用服務(wù)器

???4. Dao層采用Mybatis，Controller層采用SpringMVC，Spring對Mybatis和SpringMVC進(jìn)行整合和事務(wù)管理

???5. Shiro權(quán)限管理框架控制登陸以及對個人收藏夾、在線聊天功能進(jìn)行認(rèn)證的管理

???6. 使用FreeMarker來渲染頁面和配置發(fā)送郵箱的模版

???7. 使用Quartz和Spring整合，完成個人備忘錄的功能。

???8. 使用Nginx作為代理服務(wù)器，對靜態(tài)資源處理，代理轉(zhuǎn)發(fā)

可以看到的是，網(wǎng)站的功能并不多，就幾個小模塊，我就創(chuàng)建了三張表而已:

其實所有的初學(xué)者都一樣：怎么使用Java編寫一個網(wǎng)站？數(shù)據(jù)庫設(shè)計感覺好難，設(shè)計錯了就很麻煩了。Web前端好煩啊，自己寫的頁面不好看。這個功能感覺好難實現(xiàn)哦，應(yīng)該是挺高深的技術(shù)吧。我的基礎(chǔ)還不夠扎實，等我學(xué)好了再寫吧，等等等..就一直有想寫網(wǎng)站的念頭，但一直沒開始動手。

上面的問題我都有想過，不過我還是寫了這么一個小東西....

當(dāng)時寫的練手項目都是視頻教程給出的題目，比如我之前發(fā)過的：移動商城項目總結(jié)和納稅服務(wù)系統(tǒng)總結(jié)，jar包或者maven的坐標(biāo)都是有給出來的，項目的前臺頁面和數(shù)據(jù)庫標(biāo)也大都是設(shè)計好的，我只需要補(bǔ)補(bǔ)填填寫Java代碼。而這一次，前端頁面，數(shù)據(jù)庫設(shè)計，Maven坐標(biāo)等等全由自己包辦

從開始到編寫結(jié)束大概花了我一個月的時間，期間要去上課呀，回家呀，一些瑣事呀等等才拖了那么久。如果自己從來沒寫過項目的同學(xué)建議自己折騰一下搞一個，期間能學(xué)到很多很多東西的。也不要怕自己寫得不好(只要像我一樣不要臉，不也將這么一個小東西發(fā)到公眾號上來，發(fā)到其他的博客平臺了么)

那么我自己折騰這么一個小玩意能學(xué)到什么了呢？

在搭建環(huán)境的時候，不要覺得最新的版本就是牛逼，我要用最新的，不做過時的男人！我當(dāng)時就是撘環(huán)境是用Spring5.0，Mysql驅(qū)動包6.x，jdk1.8，能用最新就用最新的，覺得自己賊牛逼。然后撘完項目就啟不動了～～～

其實沒必要用最新的，最新的一般都會有bug，沒bug的也不一定兼容其他的版本。要知道，Spring可不單單有Spring的東西，還依賴很多其他的jar包的。同樣Mysql用最新的驅(qū)動包，逆向工程時也不好使(我在SegementFault已經(jīng)見過幾次跟我一樣遇到的坑)

一般最新的東西資料都挺少的，除了官方文檔，出了什么問題都只能自己解決了。較老的版本就不一樣了，很多人都會遇到的問題，解決方案也會相當(dāng)多～

當(dāng)時我在圖書館撘了一個晚上，得出的教訓(xùn)：

登陸與注冊這個功能只要學(xué)過JavaWeb基礎(chǔ)的同學(xué)，肯定做過。反正我是做了很多很多次的了，學(xué)Servlet做一次，學(xué)JSP做一次，學(xué)AJAX做一次，學(xué)xxx系統(tǒng)做一次，學(xué)XXX商城做一次。反正每次都會有新的東西補(bǔ)充上去

一開始我本來想做的是可以使用微信登陸，也可以使用賬戶(郵箱)登陸，也可以使用短信登陸的。

后來發(fā)現(xiàn)微信登陸要企業(yè)認(rèn)證，做不了。短信登陸要錢，不想給。

所以最后就只有用郵箱登陸了~~~當(dāng)然了，該有的基本功能是有的：

加密密碼

前臺校驗和后臺校驗參數(shù)

忘記密碼，記住我功能

驗證碼

由于之前是簡單學(xué)過Shiro的，當(dāng)時覺得Shiro做權(quán)限很方便，于是自己也想體驗一把～實際上用起來并沒有我當(dāng)時學(xué)的時候那么簡單！

在Shiro這一塊也耽誤了不少時間，因為我當(dāng)時想的是使用AJAX來提交，如果正確則跳轉(zhuǎn)到首頁，如果密碼(參數(shù)..)等錯誤就返回JSON給用戶一個友好的提示?？墒?，Shiro的表單認(rèn)證起默認(rèn)返回的是一個頁面，在這里就卡住了挺久的(有的時候沒bug，有的時候又有bug)，百思不得其解...最后查閱了很多資料才將FormAuthenticationFilter改寫好，Shiro很多東西都是要自己重寫來進(jìn)行控制的，當(dāng)時理解后畫的流程圖：

Shiro的“記住我”功能本來以為是很好用的，實則也挺雞肋的..當(dāng)時我做的記錄：

反正Shiro給我的感覺就是很多東西都要自己來重寫，控制，而如果是小范圍使用我覺得自己寫url控制會方便。也可能是我的學(xué)習(xí)姿勢不對～

在登陸注冊模塊期間也自己去找了不少資料。

數(shù)據(jù)庫設(shè)計上也是參考了網(wǎng)上和自己做了些許修改

JavaMail我之前是沒接觸過的

BootStrapValidation也是看中了就用，

折騰Shiro幾天就更不用說了。

所以說，未必要使用自己熟悉的東西，只要想實現(xiàn)一些普通、你見過的功能，總會有方案可以參考。

這個自動補(bǔ)全功能是我一開始想要做自己網(wǎng)站的時候想做的。因為我習(xí)慣了使用鍵盤去找文件，去找東西。

比如，在windows下，我下了一個rolan，將常用的軟件丟進(jìn)去，輸入一些關(guān)鍵字即提示我，然后我通過鍵盤上下選擇就可以打開軟件了，十分方便

在編寫之前，我學(xué)過Lucene的相關(guān)知識，知道Lucene是全文搜索索引的始祖(沒做過相關(guān)案例)【參考博文：Lucene就是這么簡單】，后來知道Solr和Elasticsearch在企業(yè)上是用得挺火的，而Elasticsearch又是各種火熱，各種吹(哈哈哈，無貶義，是挺好用的)。

于是我就花了幾天從零開始學(xué)Elasticsearch，當(dāng)時參考的博主給出的是2.3.3版本，我也覺得沒什么，就使用了。那是最新是5.x～就有了后來的博文：【Elasticsearch就是這么簡單】

Elasticsearch遇到很多的問題都得去翻英文的，所以可以訪問外網(wǎng)也挺重要的～

我英語也不咋地，就慢慢看看，弄個Chrome插件翻譯唄，事情總得解決，也就這么成長的～

在之前只會Linux一些非常簡單的命令，ls cd vi 這些，用得少就忘記了，于是又得重新去回顧一下Linux(這個學(xué)期也開了Linux的課，我打算過一陣再總結(jié)Linux的常用命令和相關(guān)要點，敬請期待～)

花了點點錢買了臺云服務(wù)器(學(xué)生有優(yōu)惠就10塊一個月)，我也建議是在校的學(xué)生也可以買來自己玩玩，熟悉一下Linux命令，還有很多軟件都在Linux下才更好地支持(例如：Elasticsearch，Nginx)，尤其Elasticsearch在windows下裝它簡直麻煩！

到了Linux階段，我也去學(xué)了下Nginx了。在沒學(xué)Nginx時我就經(jīng)常聽說過這個HTTP服務(wù)器了，但一直不知道它是干嘛用的。它的最常見作用就兩個：

處理靜態(tài)資源

動態(tài)資源轉(zhuǎn)發(fā)到Web服務(wù)器(Tomcat)

學(xué)學(xué)Nginx的配置文件相關(guān)知識，是如何配置的，配置有什么用～就可以使用了

評論功能在數(shù)據(jù)庫設(shè)計上也有好幾種：

將回復(fù)和評論都統(tǒng)一當(dāng)成是評論，能夠使用@XXX來當(dāng)做是回復(fù)，類似與IOS知乎的評論【此做法是最簡單的】

將回復(fù)和評論分開，要么單表就多增加一個父屬性，要么就分兩張表【稍微復(fù)雜，一個評論可以對應(yīng)多個回復(fù)】

實現(xiàn)評論與回復(fù)“蓋樓”的方式，這種就是網(wǎng)易的評論【此種是最復(fù)雜的】

我做的只是一個留言的功能，就直接使用第一種了～

對于備忘錄就得用到Quartz時間調(diào)度框架，之前接觸過，但用的使用還是出現(xiàn)了Bug

在Junit測試Quartz沒有反應(yīng)

Spring不能注入對象進(jìn)Quartz的Job類中

如果業(yè)務(wù)簡單的話，下次也想玩玩Spring自帶的任務(wù)調(diào)度～

上面簡要地介紹了我的小項目的功能和編寫過程，更詳細(xì)的業(yè)務(wù)得去看我下面的博文和源碼了～也希望大家能夠有所收獲，自己動手做一個小項目～

現(xiàn)在看來很多沒有寫成規(guī)范(返回JSON、JavaScript模塊化)等等，但畢竟是自己學(xué)編程的成長經(jīng)歷，看回以前的代碼總會有這種感覺。我短時間內(nèi)也不做重構(gòu)了，學(xué)Java基礎(chǔ)去～

后面的博文幾乎都是Java基礎(chǔ)或算法(少量)了，希望大家多多支持哈，在校的日子我會盡量保持日更的～

如果文章有錯的地方歡迎指正，大家互相交流。習(xí)慣在微信看技術(shù)文章，想要獲取更多的Java資源的同學(xué)，可以關(guān)注微信公眾號:Java3y