Web流行框架SSM+Shiro+Bootstrap+Jquery項目實踐之快速登陸

 今天我因爲工作上的事情太多，忙到晚上8點纔有時間來做這個項目。由於時間有限，我就只做個快速登陸的功能。談到快速登陸很多人都不陌生，日常的社交賬號大多都可以作爲憑證來幫助我們快速登陸一些網站、app、遊戲等，對於用戶來說很方便，而對於服務提供商來說無疑增加了很多潛在的用戶紅利。現在我就來着手開發這個功能。

 首先在login.jsp中添加一段寫好的html(在form標籤外部插入)：

<div class="social-auth-links" style="margin-bottom: 0px;">
				<div class="row">
					<div class="col-xs-5">
						<div class="text-left" style="margin-top: 5px;">快速登錄</div>
					</div>
					<div class="col-xs-7">
						<div class="text-right">
							<!--<a class="btn btn-social-icon btn-primary"><i class="fa fa-qq"></i></a>
                        <a class="btn btn-social-icon btn-success"><i class="fa fa-wechat"></i></a>
                        <a class="btn btn-social-icon btn-warning"><i class="fa fa-weibo"></i></a>
                        <a class="btn btn-social-icon btn-info"><i class="fa fa-github"></i></a>-->
						</div>
					</div>
				</div>
				<!-- /.social-auth-links -->
			</div>

 上面我註釋掉了一些內容，那是快速登陸的圖標，接下來解開一個，比如<a class="btn btn-social-icon btn-primary"><i class="fa fa-qq"></i>，來看下效果：

 咱們很明顯的發現，登陸頁面右下角多了一個QQ的圖標，這是fa-qq樣式的效果，當然這裏也可以換成好看的圖標樣式，我們先不討論，就用默認的。我現在點擊它，是沒有任何效果的，好了，該在後臺添加一個服務來幫助我們實現快速登陸的功能了。這裏要用到QQ OAuth-api，如何申請appid和appkey請參考http://wiki.connect.qq.com/，我這裏已經申請好了，先寫