个人中心页面的设计

仍然是昨天的那个专题,今天依然做拼夕夕~

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

页面展示:

概述 

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

用到的技术仍然是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了,所以还是比较快的解决了。

前端网页源码

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

程序宅男
原文地址:https://www.cnblogs.com/dreamcenter/p/12292424.html