您好,登錄后才能下訂單哦!
作者: 何全,github地址: https://github.com/××× QQ交流群: ×××
通過此教程完成從零入門,能夠獨立編寫一個簡單的CMDB系統。
目前主流的方法開發方式,分為2種:mvc 和 mvvc方式。本教程為 mvc 方式,即 django負責渲染html。后面會推出 mvvc(前后端分離)的入門教程。
教程項目地址: https://github.com/×××/husky/
教程文檔地址: https://github.com/×××/husky/tree/master/doc
項目創建 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
{% 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>
{% 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 %}
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。