python操作三大主流数据库(5)python操作mysql⑤使用Jinja2模板提取优化页面展示

最新推荐文章于 2024-05-07 11:33:59 发布

reblue520

最新推荐文章于 2024-05-07 11:33:59 发布

阅读量740

点赞数

本文链接：https://blog.csdn.net/reblue520/article/details/80553401

版权

本文介绍了如何使用Python操作MySQL，并通过Jinja2模板引擎优化页面展示，减少代码冗余。示例中展示了如何创建home_base.html模板，以及在index.html、detail.html、cat.html等页面中集成该模板，确保共用的js和css库文件能正常加载。

摘要由CSDN通过智能技术生成

python操作mysql⑤使用Jinja2模板提取优化页面展示

在templates目录下的index.html、cat.html等页面有一些共同的元素，代码比较冗余
可以使用模板提取公共代码，在各网页中集成模板即可，这样会是代码看起来更加优雅

1.模板页面home_base.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  
  <link rel="stylesheet" href="{
     { url_for('static', filename='bootstrap-3.3.7-dist/css/bootstrap.min.css')}}">
  <link rel="stylesheet" type="text/css" href="{
     { url_for('static', filename='main.css')}}">
  <link rel="stylesheet" type="text/css" href="{
     { url_for('static', filename='datatables.min.css')}}">
  <script type="text/javascript" src="{
     { url_for('static', filename='jquery-3.3.1.min.js')}}"></script>
  <script type="text/javascript">
        $(document).ready(function() {
            $('#example').DataTable();
        } );
  </script>
  {% block head %}
  <title>首页</title>
  {% endblock %}
</head>
<body>
<div class="container">
    <h1>新闻列表</h1>
  <nav class="navbar navbar-inverse">
      <!-- 页面头部 -->
      <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span