91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Django之入門 CMDB系統 (二) 前端模板

發布時間:2020-07-22 03:36:17 來源:網絡 閱讀:761 作者:295631788 欄目:系統運維

Django之入門 CMDB系統 (二) 前端模板


前言

作者: 何全,github地址: https://github.com/××× QQ交流群: ×××

通過此教程完成從零入門,能夠獨立編寫一個簡單的CMDB系統。

目前主流的方法開發方式,分為2種:mvc 和 mvvc方式。本教程為 mvc 方式,即 django負責渲染html。后面會推出 mvvc(前后端分離)的入門教程。

教程項目地址: https://github.com/×××/husky/

教程文檔地址: https://github.com/×××/husky/tree/master/doc

Django之入門 CMDB系統  (二) 前端模板

前端模板

  • inspinia 2.9 model (加上面的QQ群 群共享有)
  • bootstrap3 前端框架

項目創建 static文件,將前端模板里面的 css,font-awesome,fonts,js ,復制到static下面.(對于里面用不到的 js插件,可以根據自己的需求,刪除掉,節省體積)

settings文件 增加

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
pip3 install -r  requirements.txt    ## 安裝所有模塊,如有增加模塊,需要加到這里面

templates 增加 base模板文件。具體可以參考 https://github.com/×××/husky/tree/master/templates/base

  • base
    • _css.html 加載css
    • _footer.html 頁腳
    • _js.html 加載js
    • _nav.html 左槽導航欄
    • _navbar-static-top.html 頂部信息展示
    • base.html 基礎模板

模板文件重點解析

  • base.html
{% load staticfiles %}  加載靜態文件
{% load static %}       
{% load bootstrap3 %}  
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>{% block  title %} {% endblock %}</title> 標題

    {% include  "base/_css.html" %}            整體默認加載css
    {% block header-css %}       網頁單獨加載css部分
    {% endblock %}

</head>

<body>
<div id="wrapper">

    {% include "base/_nav.html" %}   加載 導航條

    <div id="page-wrapper" class="gray-bg">
        {% include  "base/_navbar-static-top.html" %}    加載頂部

        {% block page-content %}   網頁中間內容 

        {% endblock %}
        {% include  "base/_footer.html" %}   加載 頁腳

    </div>
</div>

</body>

{% include  "base/_js.html" %}  

{% block footer-js %}   網頁單獨加載js部分
{% endblock %}

</html>
  • index.html 例子
{% extends "base/base.html" %}   加載base.html 
{% load static %}
{% block  title %} 首頁{% endblock %}   標題

{% block header-css %}
可以寫本頁面需要的css
{% endblock %}

{% block page-content %}
    <div class="wrapper wrapper-content">

歡迎使用本項目!

    </div>

{% endblock %}

{% block footer-js %}
可以寫本頁面需要的js
{% endblock %}
向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

瓮安县| 广元市| 渭源县| 西丰县| 铁力市| 连云港市| 航空| 自贡市| 临城县| 绵阳市| 临沂市| 合作市| 阿巴嘎旗| 麻栗坡县| 大安市| 蛟河市| 濮阳县| 咸阳市| 桃园市| 丰台区| 潼关县| 且末县| 桑日县| 台江县| 清涧县| 叙永县| 昭平县| 铜鼓县| 白城市| 西乌| 开阳县| 罗平县| 凤山县| 固镇县| 武安市| 峨边| 连城县| 莎车县| 达孜县| 义乌市| 册亨县|