仍然是昨天的那個專題,今天依然做拼夕夕~
但是發現淘寶的個人中心頁面並不是很漂亮,所以個人中心頁面自己設計了一個。
頁面展示:



概述
昨天是將登陸注冊的前后端操作給完成了,今天主要就是做這個個人中心的一小塊區域。
用到的技術仍然是html+css+jquery+servlet
遇到的阻礙
- 登錄頁跳轉到主頁數據裝載
一開始一直在想是不是要用后端的重定向或者跳板進行跳轉賦值,但是這個想法失敗了,根本不成。
於是又想用js的window.location.href來跳轉,確實成功跳轉了,
但是我面對的問題也出現了,這是一個新的頁面,該怎樣給它已經登錄的數據呢,
抱着疑問去尋找了三位學長,給出的答案也許有用吧,但是和我的問題貌似搭不到邊,
倒是我自己想了個處理方式:用后端的session啦,至於一開始我為什么沒想到~鬼知道。 - 頁面的邏輯結構
基本思想是主頁只有登陸后才能看到,如果沒有登錄,跳轉到登錄頁面
為了防止對方通過網址仍然能登錄,造成邏輯上的問題
所以主頁的ajax設置了監聽,當session返回的登錄狀態正確時,
展示主頁,不正確時,跳轉到登錄頁,但是這個跳轉出現了問題。
一開始我在ajax接收數據上面寫了var judge=false;然后在ajax內部改變為true,
然后在ajax下面判斷judge如果為false說明沒有登錄,跳轉。
但是測試時發現就算登錄了頁一直跳轉。
經過百度明白,原來這就是ajax不變的特性,異步,導致其在網頁基本結構操作完后才執行,
簡單點說就是jquery的其他語句執行完了,才會來ajax,所以相當於一直是false了。 - 頁面的定位
這次的定位與之前的感覺不大相同,感覺用了好多次絕對定位,雖然不知道為什么會這樣,
過程中要盒子自動延長,一開始沒意識到盒子里的內容已經float起來了,一直不知道怎么做,
后來想到可以給父容器清除浮動就ok了,所以還是比較快的解決了。
前端網頁源碼
額,下次再給吧,因為還有好多邏輯要解決~當然如果要的話頁可以私聊我吧
