Python Flask+Gentelella+Jinja2 快速完成企業內部系統平台快速布局;

標籤：boot   plain   radius   auto   bit   template   sed   ffffff   image   

1. 最近公司營運需求，學習python flask 滿足環境治理系統的開發 原生前端Bootstrap 也能滿足需求，但是需要前端功基本功(html,css,js)等，折騰了2周發現 實在是太麻煩；

而且配置樣式特別low 很難看 各種 按鈕和樣式效果實現特麻煩（哈哈,原諒我初學者吐槽下,Bootstrap 社區開發人別噴我，謝謝）

2.githup 意外發現一個 gentelella 這套後台模板; （非常強大和適用且美觀，不用說立馬拿下;）

  源碼擷取地址:https://github.com/puikinsh/gentelella 

3.準備flask 和 python 環境 請移步--  http://blog.51cto.com/breaklinux/2135271

4.使用jinja2布局最快之路；製作base.html ;

     項目結構如下;

5.base 模板內容結構如下; （

                  1.製作思路:

                     拷貝index 首頁的html 代碼將,首頁中的 head 頭部分,CSS樣式表，JS 檔案，

                   <sidebar menu>  <menu footer buttons>  <!-- top navigation --> <page content> <top tiles --> <footer content> 等部分的代碼 

                    單獨存放 到 單獨的html,項目頁面繼承 基礎base 模板 重寫 page content 部分（此部分實際頁面內容）

1.基本模板如下;

 {% block head %}        {% include 'base/_head.html' %}     {% endblock %}    {% block css %}    {% include 'base/css.html' %}    {% endblock css %}: x {% block content %}            {% endblock content %} {% block sidebar %}                {% include 'base/sidebar.html' %}                {% endblock sidebar %}                {% block footer %}                {% include 'base/footer.html' %}                {% endblock footer %}                {% block sidebarfooter %}                {% include 'base/sidebar.footer.html' %}                {% endblock sidebarfooter %}             {% block navigation %}            {% include 'base/navigation.html' %}            {% endblock navigation %}             {% block content %}            {% endblock content %}            {% block js %}            {% include 'base/js.html' %}            {% endblock js %}

2.此部分為網頁內容實際部分;

 {% block content %} {% endblock content %}

3.新增項目靜態頁面； (include 部分為項目實際內容;本文略;)

{% extends 'base/base.html' %}{% block content %}{% include 'index_content.html' %}{% endblock  content %}

4.配置flask 路由;

systimeflask Flaskrequestrender_templateResponseflask_cors CORSapp = Flask(__name__)models Userapp = Flask(=__name__===)CORS(app=)(sys)sys.setdefaultencoding()()():    index_page = {        : }    render_template(=index_page)

5.訪問路由 / 查詢實際效果：

6.具體項目內容 可根據需求進行填寫; 

Python Flask+Gentelella+Jinja2 快速完成企業內部系統平台快速布局;