需求说明

情况介绍

页面不同,对应的文字会亮起来

现在要实现这个效果

例如,现在是地址页


要让收货地址亮起来

思路

用户中心都是继承自模板

只需要在模板中添加判断即可

》如何添加判断?

让视图函数在渲染页面的时候,自报页面名称

模板判断页面名称,来决定是否给加亮的样式

模板的操作

用户中心的父模板

操作前代码

首先让链接写活

》完成可测试一下效果

》关于选中状态

哪个被添加了active样式

哪个就是被选中的状态

视图的操作

模板需要通过一个变量来判断当前是哪个页

视图函数可以把当前是哪个页,传给模板

以供它做为比较

》在视图类中,render的时候,返回一个数据


注,所有用户中心相关render都要加上

》在模板页,根据判断决定是否给active样式

》试试效果

测试成功

其它视图同样做好处理

效果

dj鲜生-33-用户中心-左侧链接与样式的完成相关推荐

  1. dj鲜生-32-用户中心-收货地址

    用户中心,收货地址 本页主要有两方面需要处理 >收货地址的显示,get请求 >表单的提交,可用post请求 表单的模板页处理 >先让模板页的界面变继承一下 参考 user_cente ...

  2. dj鲜生-31-用户中心-功能需求分析

    用户个人信息 >需要 基本信息 最近浏览 全部订单 需要全部订单信息 地址 获取用户的收件地址

  3. dj鲜生-用户中心-历史购物

    用户中心,历史浏览记录,界面情况 思考与讨论 增 什么时候需要添加历史浏览记录 https://juejin.im/editor/drafts/5da33220e51d45782c23fad2 用户浏 ...

  4. dj鲜生-21-模板抽离-用户中心的父模板页制作-二级base_no_cart与三级base_user_center

    无购物车的搜索行 搜索的div有两种,一种带购物车 一种不带 完成不带购物车的父模板的创建 这些页面符合此情况 生成二级父模板,base_no_cart base页代码 只需要把搜索块里相关的内容进行 ...

  5. dj鲜生-30-退出用户的登陆

    退出登陆的 函数 正式使用前先测试一下 >在测试视图中练练手 访问看看效果 访问前,用户中心登陆状态 >访问后 控制台的结果 >实际的效果 已经把记录登陆状态的session数据清掉 ...

  6. dj鲜生-38-项目上线简介-从本地小项目到云服务的调试

    小结 项目上线要做的事情有: 代码传到linux虚拟机上 准备相关的运环境 配置好ip与端口 让程序跑起来 项目上线,就是把windows上的代码,拷备到linux上,让代码跑起来 在win上跑代码的 ...

  7. dj鲜生-10200818-商品首页展示-静态页下载资源

    静态页资源下载 https://cloud.189.cn/t/fqq6Vr36nIf2 (鲜生电商-静态页面) 商品首页模板处理 index.html页首理 生鲜首页的抽取过程,详解 - 知乎 htt ...

  8. dj鲜生-29-登陆后欢迎信息的显示

    用户登陆成功后,应该显示欢迎信息 相关知识点 一个请求过来后, request会有一个user属性 利用判断用户是否登陆,可以限定部分页面的访问 请求对象自带的user属性测试 >在视图中可直接 ...

  9. dj鲜生-27-登陆装饰器-使用django内置的登陆装饰器

    部分页面要求登陆后可见 没有登陆的用户,不让他访问 使用登陆验证装饰器实现 使用说明 导入函数 from django.contrib.auth.decorators import login_req ...

最新文章

  1. php http put,HTTP PUT方法实例
  2. DataReader和DataSet区别
  3. 批量替换文本中字符代码-python3
  4. 经典游戏大合集,你的青春也许就在里面!
  5. RAID 0、1、5、1+0总结
  6. Android之内核学习笔记
  7. JavaScript函数重载模拟
  8. Oracle DataGuard数据备份方案详解
  9. Netty源码解读(一)概述
  10. servlet跳转问题
  11. Unity VideoPlayer视频播放器
  12. 根号n向下取整的c语言编程,【向上取整/向下取整】C语言向上或向下取整 函数...
  13. JS 监听浏览器的回退 事件 [二〇一八年九月二十五日]
  14. 11月4日绿健简报,星期五,农历十月十一
  15. BZOJ 4399 魔法少女LJJ(线段树合并)
  16. 8、Android 系统悬浮窗实现
  17. 获取当前日期只保留年月日
  18. 李宏毅2022hw2
  19. 网页短链接的实现原理
  20. 计算机考研复试看成绩单吗,【必看】往届生复试你的成绩单去哪儿打印?

热门文章

  1. html5软件下载页面源码
  2. 二开微信表情包小程序去授权版+网站后端
  3. 基于uniapp开发的适用于微信小程序,头条小程序
  4. 闹猴网页特效集软件 v1.0.5.21
  5. 百度SEO站群裕网云综合导航网html源码
  6. 知道的C君带你学语言的作业答案,知到《C君带你玩编程》2020章节测试(含答案)...
  7. 二、Linxu的目录结构
  8. 餐饮外卖平台小程序 v1.0.1
  9. Vue系列vue-router的参数传递的两种方式(五)
  10. DOS批处理中%cd%和%~dp0的区别