博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
个人中心标签页导航
阅读量:5743 次
发布时间:2019-06-18

本文共 4202 字,大约阅读时间需要 14 分钟。

    1.  

      新页面user.html,用<ul ><li role="presentation"> 实现标签页导航。
      <ul class="nav nav-tabs">
        <li role="presentation"><a href="#">Home</a></li>
        <li role="presentation"><a href="#">Profile</a></li>
        <li role="presentation"><a href="#">Messages</a></li>
      </ul>
    2. user.html继承base.html。
      重写title,head,main块.
      将上述<ul>放在main块中.
      定义新的块user。
          {
      % extends 'test1.html' %}
      {
      % block title %} 个人中心 {
      % endblock %} {
      % block head %}
      {
      % endblock %}{
      % block body %}
      {
      % block user %} {
      % endblock %}{
      % endblock %}

       

    3. 让上次作业完成的个人中心页面,继承user.html,原个人中心就自动有了标签页导航。
          {
      % extends 'user.html' %}
      {<div></div> % block title %} 用户中心 {<div></div> % endblock %} {
      % block head %} {
      % endblock %}{
      % block user %}

      {
      { username }}>
      全部评论

      {
      % for foo in comments %}

      {
      { user }}
      个人信息

      • 用户:
      • 编号:
      • 昵称:
      {
      % endblock %}

       

    4. 制作个人中心的三个子页面,重写user.html中定义的user块。
    5. 思考 如何实现点标签页导航到达不同的个人中心子页面。
          {
      % extends 'user.html' %}
      {<div></div> % block title %} 用户中心 {<div></div> % endblock %} {
      % block head %} {
      % endblock %}{
      % block user %}

      {
      { username }}>
      全部评论

      {
      % for foo in comments %}

      {
      { user }}
      个人信息

      • 用户:
      • 编号:
      • 昵称:
      {
      % endblock %}
          {
      % extends 'user.html' %}
      {<div></div> % block title %} 用户中心 {<div></div> % endblock %} {
      % block head %} {
      % endblock %}{
      % block user %}

      {
      { user }}
      个人信息

      • 用户:
      • 编号:
      • 昵称:
      {
      % endblock %}

       

转载于:https://www.cnblogs.com/lianghaohui123/p/8039993.html

你可能感兴趣的文章
android学习笔记——onSaveInstanceState的使用
查看>>
工作中如何做好技术积累
查看>>
怎么用sysLinux做U盘双PE+DOS??
查看>>
Spring Transactional
查看>>
shell脚本实例
查看>>
我的友情链接
查看>>
Windows Phone 7 隔离存储空间资源管理器
查看>>
Microsoft Excel 2000/2003修复工具
查看>>
apache安装报错undefined reference ssl
查看>>
关于爱情只有一句忠告
查看>>
CentOS 7下安装部署Oracle11g图文教程
查看>>
F#初学笔记06
查看>>
实战:将企业域名解析委派给企业DNS服务器
查看>>
在Lync 2013环境部署Office Web Apps
查看>>
微软大会Ignite,你准备好了么?
查看>>
读书笔记-高标管事 低调管人
查看>>
Master带给世界的思考:是“失控”还是进化
查看>>
用户和开发者不满苹果iCloud问题多多
查看>>
java.lang.UnsatisfiedLinkError:no dll in java.library.path终极解决之道
查看>>
我的工具:文本转音频文件
查看>>