个人中心页面的设计

仍然是昨天的那个专题，今天依然做拼夕夕～

但是发现淘宝的个人中心页面并不是很漂亮，所以个人中心页面自己设计了一个。

页面展示：

 

 

 

 

 

概述 

昨天是将登陆注册的前后端操作给完成了，今天主要就是做这个个人中心的一小块区域。

用到的技术仍然是ｈｔｍｌ＋ｃｓｓ＋ｊｑｕｅｒｙ＋ｓｅｒｖｌｅｔ

遇到的阻碍

1.  登录页跳转到主页数据装载
   一开始一直在想是不是要用后端的重定向或者跳板进行跳转赋值，但是这个想法失败了，根本不成。
   于是又想用ｊｓ的ｗｉｎｄｏｗ．ｌｏｃａｔｉｏｎ．ｈｒｅｆ来跳转，确实成功跳转了，
   但是我面对的问题也出现了，这是一个新的页面，该怎样给它已经登录的数据呢，
   抱着疑问去寻找了三位学长，给出的答案也许有用吧，但是和我的问题貌似搭不到边，
   倒是我自己想了个处理方式：用后端的ｓｅｓｓｉｏｎ啦，至于一开始我为什么没想到～鬼知道。
2. 页面的逻辑结构
   基本思想是主页只有登陆后才能看到，如果没有登录，跳转到登录页面
   为了防止对方通过网址仍然能登录，造成逻辑上的问题
   所以主页的ａｊａｘ设置了监听，当ｓｅｓｓｉｏｎ返回的登录状态正确时，
   展示主页，不正确时，跳转到登录页，但是这个跳转出现了问题。
   一开始我在ａｊａｘ接收数据上面写了ｖａｒ　ｊｕｄｇｅ＝ｆａｌｓｅ；然后在ａｊａｘ内部改变为ｔｒｕｅ，
   然后在ａｊａｘ下面判断ｊｕｄｇｅ如果为ｆａｌｓｅ说明没有登录，跳转。
   但是测试时发现就算登录了页一直跳转。
   经过百度明白，原来这就是ａｊａｘ不变的特性，异步，导致其在网页基本结构操作完后才执行，
   简单点说就是ｊｑｕｅｒｙ的其他语句执行完了，才会来ａｊａｘ，所以相当于一直是ｆａｌｓｅ了。
3. 页面的定位
   这次的定位与之前的感觉不大相同，感觉用了好多次绝对定位，虽然不知道为什么会这样，
   过程中要盒子自动延长，一开始没意识到盒子里的内容已经ｆｌｏａｔ起来了，一直不知道怎么做，
   后来想到可以给父容器清除浮动就ｏｋ了，所以还是比较快的解决了。

前端网页源码

额，下次再给吧，因为还有好多逻辑要解决～当然如果要的话页可以私聊我吧