当前位置: 首页 > news >正文

备案用什么网站名称好免费app下载

备案用什么网站名称好,免费app下载,宝塔搭建wordpress,兰州广告设计制作公司很久之前用过flask,那时候是跟着教程,教程怎么做我就怎么做,没有仔细考虑过。 现在是全靠文档和搜索一步一步搭建,忘了很多东西,就碰了很多壁,浅浅记录一下子。 1.Jinja2的模板继承,是指抽出每…

很久之前用过flask,那时候是跟着教程,教程怎么做我就怎么做,没有仔细考虑过。

现在是全靠文档和搜索一步一步搭建,忘了很多东西,就碰了很多壁,浅浅记录一下子。

1.Jinja2的模板继承,是指抽出每个网页相同的部分,作为base,然后以base为底,在此基础上进行不同页面的展示。

比如,我一个网页设置了导航栏和背景,其他页面都是以此为基础显示不同内容,但是我又不想都写在同一个网页上显得杂乱,故此分离开来,应该是这样使用:

base.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>myWeb</title><link rel="stylesheet" type="text/css" href="../static/css/base.css"><link rel="stylesheet" type="text/css" href="../static/css/bootstrap.css"><script src="../static/js/jquery.min.js"></script><script type="text/javascript" src="../static/js/daterangepicker.js"></script><script type="text/javascript" src="../static/js/bootstrap.bundle.js"></script>
{% block head %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary"><div class="container-fluid"><a class="navbar-brand" href="#">Navbar</a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav" id="myTab"><li class="nav-item"><a class="nav-link active" aria-current="page" href="/">Home</a></li><li class="nav-item"><a class="nav-link" href="/page1">page1</a></li><li class="nav-item"><a class="nav-link" href="/page2">page2</a></li><li class="nav-item"><a class="nav-link" href="/page3">page3</a></li></ul></div></div>
</nav>
{% block content %}{% endblock %}
</body>
<script>
$(document).ready(function () {$("#myTab").find("li").each(function () {var a = $(this).find("a:first")[0];console.log(location.pathname)if ($(a).attr("href") === location.pathname) {$(a).addClass("active");} else {$(a).removeClass("active");}});
});
</script >
</html>

可以注意到在这里我设置了两个代码块的区域,分别是block head和block content,这两个地方就是用于其他页面进行继承的,如果要引入只在子页面会用到的js之类,可以在block head里面添加,而页面主体显示部分则是在block content里面,当然我看别人的还把title也用block包裹方便子页面改名,我的业务没有相关需求就没改。

 home.html

{% extends "base.html" %}{% block content%}
<p>this is home page</p>
{% endblock %}

 page1.html

{% extends "base.html" %}{% block content%}
<p>this is page1</p>
{% endblock %}

其他的以此类推,这样就不需要重新写一次导航栏也能把不同页面分在不同的HTML文件当中了。

我之前踩的坑主要在于以为不同页面就要继承不同的代码块,在base定义了很多比如block home, block page1, block page2这种,然后再继承,后来发现显示出问题了,才醒悟过来既然显示的地方都一样就没必要新建那么多,都是替换同一块区域就行了,

http://www.yayakq.cn/news/352640/

相关文章:

  • 做个网站要多少钱 一般网站设计标题
  • 景安网站备案的服务码微信小程序商城开发教程
  • 海淀网站建设怎么样苏州微网站建设公司哪家好
  • 网站外链怎么发布重庆seo搜索引擎优化平台
  • 网架公司和网架加工厂的区别最好的网站排名优化工作室
  • 调查队网站建设企业网站的网址通常包含
  • 张家界网站制作与代运营北京做网站公司排
  • 寮步镇网站建设公司百度认证
  • 数据处理网站开发徐州关键词优化如何
  • 陕西交通建设集团西商分公司网站登封网站建设公司
  • 坪山网站建设基本流程视频直播平台哪个好
  • 建设工程职称论文查询网站中创高科官方网站
  • 一般建站需要多少钱厦门网站开发比较大的公司
  • 南通的网站建设关键词在线挖掘网站
  • kali钓鱼网站制作专业网站建设组织
  • 上海建设网站方法简单的html网页制作
  • 设计类网站开发策划书公司变更法人一般需要多少时间
  • 嘉兴定制型网站建设宁波seo外包费用
  • 公司网站建设怎么选择武隆网站建设
  • 合肥企业做网站亿唐网不做网站做品牌案例分析
  • 51的网站是啥手机上安装wordpress
  • 网站设计有限公司wordpress集成
  • 网站源码建站教程推广网站赚钱
  • 福州++网站建设制作购物网站教程
  • .net做网站的优缺点北京工程建设交易信息网官网
  • 深圳永久免费网站建设哪个好金坛网站开发
  • 小说网站开发业务逻辑青岛网站建设代理加盟
  • 网站建设案例图片教育平台网站建设
  • 诸暨市住房和城乡建设局网站对外网站ipv6建设方案模板
  • 重庆工信部网站外贸累网站