個人中心頁面的設計


仍然是昨天的那個專題,今天依然做拼夕夕~

但是發現淘寶的個人中心頁面並不是很漂亮,所以個人中心頁面自己設計了一個。

頁面展示:

 

 

 

 

 

概述 

昨天是將登陸注冊的前后端操作給完成了,今天主要就是做這個個人中心的一小塊區域。

用到的技術仍然是html+css+jquery+servlet

遇到的阻礙

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

前端網頁源碼

額,下次再給吧,因為還有好多邏輯要解決~當然如果要的話頁可以私聊我吧


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM