智慧生活科技專業社群: Django CMS

顯示具有 Django CMS 標籤的文章。顯示所有文章

2021年6月9日星期三

用Django CMS編輯拉芙嵐雙龍七彩服務平台內容

1. 放置文字(Text)

2.放置圖片(Picture/Image)

3.放置視訊檔(Video)

2021年6月8日星期二

模板和占位符搭起內容管理系統和設計師之間的橋樑

上圖說明如何使用模板和占位符搭起內容管理系統和設計師之間的橋樑，以下分別說明模板和占位符的關係：

模板

模板是一個文本文件。它可以生成任何基於文本的格式（HTML、XML、CSV 等）。模板包含變量和標籤。變量是指模板轉換成HTML時，能由Python程式中的變數值替換，而標籤則是呈現控制模板的邏輯。

佔位符

佔位符是一種在 HTML 模板中定義部分的簡單方法，當頁面呈現時，這些部分將填充來自數據庫的內容。在fullwidth模板中，標籤為placeholder就是佔位符。

1.fullwidth模板

{% extends "base.html" %}
{% load cms_tags %}

{% block title %}{% page_attribute "page_title" %}{% endblock title %}

{% block content %}
     {% placeholder "feature" %}
     {% placeholder "content" %}
     {% placeholder "splashbox" %}
{% endblock content %}

2.base.html模板

{% load cms_tags menu_tags sekizai_tags %}
<!doctype html>
<html>
    <head>
        <title>{% block title %}This is my new project home page{% endblock title %}</title>
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <style type="text/css">
            .nav {
                padding-left: 0;
            }
            .nav li {
                display: inline;
                list-style-type: none;
                padding-right: 20px;
            }
            .container {
                width: 940px;
                margin: 0 auto
            }
            .content {
                float: left;
                width: 80%;
            }
            .sidebar {
                float: left;
                width: 20%;
            }
        </style>
        {% render_block "css" %}
    </head>
    <body>
        {% cms_toolbar %}
        <div class="container">
            <ul class="nav">
                {% show_menu 0 100 100 100 %}
            </ul>
            {% block content %}{% endblock content %}
        </div>
        {% render_block "js" %}
    </body>
</html>

3.siderbar_left模版

{% extends "base.html" %}
{% load cms_tags %}

{% block title %}{% page_attribute "page_title" %}{% endblock title %}

{% block content %}
    <div class="sidebar">
        {% placeholder "sidebar" %}
    </div>
    <div class="content">
        {% placeholder "content" %}
    </div>
{% endblock content %}

4.siderbar_right模版

{% extends "base.html" %}
{% load cms_tags %}

{% block title %}{% page_attribute "page_title" %}{% endblock title %}

{% block content %}
    <div class="content">
        {% placeholder "content" %}
    </div>
    <div class="sidebar">
        {% placeholder "sidebar" %}
    </div>
{% endblock content %}

2021年6月7日星期一

利用Django CMS快速地打造拉芙嵐雙龍七彩服務平台

透過內容管理系統（Content Management System，CMS），可以很方便地建立像部落格的網站，Django是以Python語言為基礎的網站框架，而Django CMS是其中一款套件，以Django為基礎的內容管理系統，經由這個套件就可以很容易地打造CMS的雛型，但後續還是需要很多工作要做才能把CMS系統建置的更完整。

以下是實現上圖的七個步驟：

1.更新工具，利用mkvirtualenv 指令建立Dahulan虛擬環境