九十七:デタッチテンプレートおよび個人情報ページCMSシステム

 

テンプレートの抽出は、公共のテンプレートとしてページから出てくるだろう

{ '共通/ _macros.html'インポート静的%から%} 
<!DOCTYPE HTML>
<HTMLのlang = "EN">
<HEAD>
<メタのcharset = "UTF-8">
<タイトル> {%ブロックタイトル%} { %末端ブロック%} </ TITLE>
<スクリプトSRC = "http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"> </ SCRIPT>
<リンクのhref = "のhttp:// CDN .bootcss.com /ストラップ/ 3.3.7 / CSS / bootstrap.min.css "のrel = "スタイルシート">
<スクリプトSRC =" http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap。 min.js "> </スクリプト>
<リンクREL ="スタイルシート"HREF = "{{静的( 'CSS / CMS / cms_base.css')}}">
<スクリプトSRC =" {{静的(「JS / CMS /cms_base.js')}} "> </スクリプト>
{%ブロックヘッド%} {%の末端ブロック%}
</ HEAD>
<BODY>
<NAVクラス= "ナビゲーションバーナビゲーションバー-逆ナビゲーションバー固定トップ"の役割= "ナビゲーション">
<DIV CLASS = "コンテナ流体">
<DIV CLASS = "ナビゲーションバーヘッダ">
<ボタンタイプ= "ボタン"クラス= "ナビゲーションバー-トグルが崩壊し、"データ・トグル= "崩壊"のデータターゲット= "#のナビゲーションバー" ARIA-拡大= "false"のアリア・コントロール= "ナビゲーションバー">
<スパンクラス= "SR-のみ">トグルナビゲーション</ span>の
<スパンクラス= "アイコンバー"> </ span>の
<スパンクラス= "アイコンバー"> </ span>の
<スパンクラス= "アイコンバー"> </ span>を
</ button>の
<Aクラス=」ナビゲーションバーブランド」HREF = "#"> CMS管理系统する</a>
</ div>
<divのID = "ナビゲーションバー"クラス= "ナビゲーションバー-崩壊崩壊">
<ulのクラス= "NAVナビゲーションバー-NAVナビゲーションバー右" >
<LI> <a href="#"> {{g.cms_user.username}} <スパン> [超级管理员</スパン> </a>の</ LI>
<LI> <A HREF = "{{なurl_for( 'cms.logout')}} ">注销</a>の</ LI>
</ UL>
<フォームクラス="ナビゲーションバー状のナビゲーションバー右">
の<input type =" text "のクラス="フォーム-制御"プレースホルダ= "查找...">
</ FORM>
</ div>
</ div>
</ NAV>

<DIV CLASS = "コンテナ流体">
<DIV CLASS = "行">
<DIV CLASS =" COL-SM-3 COL-MD-2サイドバー">
<ULクラス=" NAV-サイドバー」>
<LIクラス= "ある展開"> <a href="#">首页</a>に</ LI>
<LIクラス= "プロファイル-LI">
<a href="#">个人中心の<span> </スパン> </a>の
<ULクラス= "subnav">
<LI> <a href="#">个人信息する</a>ます。</ li>
<LI> <a href="#">修改密码する</a>ます。</ li>
<LI> <a href="#">修改邮箱</a>の</ LI>
</ UL>
</ LI>

<LIクラス= "NAV-基ポスト管理"> <a href="#">帖子管理する</a>ます。</ li>
<LIクラス= "コメント-管理"> <a href="#">评论管理する</a>ます。</ li>
<LIクラス= "ボード-管理"> <A HREF = "#">板块管理する</a>ます。</ li>

<LIクラス=」NAV-グループのユーザ管理"> <a href="#">用户管理する</a>ます。</ li>
<LIクラス="役割管理"> <a href="#">组管理する</a> </ LI>

<LIクラス= "NAV-グループcmsuser-管理"> <a href="#"> CMS用户管理する</a>ます。</ li>
<LIクラス= "cmsrole-管理"> <a href="#"> CMS组管理する</a>ます。</ li>
</ ulの>
</ div>
<divのクラス= "COL-SM-9 COL-SM -offset-3 COL-MD-10 COL-MD-オフセット2メイン">
<H1> {%ブロックPAGE_TITLEの%} {%エンドブロック%} </ H1>
<DIV CLASS =" main_content ">
{%ブロックmain_content%以下} {%エンドブロック%}
</ div>
</ div>
</ div>
</ div>
</ body>
</ HTML>

ホームの継承テンプレートは、あなただけの彼らのコンテンツをレンダリングする必要があります

{% extends 'cms/cms_base.html' %}

{% block title %}
CMS管理系统
{% endblock %}

{% block page_title %}
欢迎来到CMS管理系统
{% endblock %}

 

个人信息页面

@bp.route('/profile/')
@login_required
def profile():
return render_template('cms/cms_profile.html')

还是从g变量中拿个人信息

{% extends 'cms/cms_index.html' %}

{% block title %}
个人信息
{% endblock %}

{% block page_title %}
{{ self.title() }}
{% endblock %}

{% block main_content %}
{% set user = g.cms_user %}
<table class=" table table-bordered">
<tbody>
<tr>
<td>用户名:</td>
<td>{{ user.username }}</td>
</tr>
<tr>
<td>邮箱:</td>
<td>{{ user.email }}</td>
</tr>
<tr>
<td>角色:</td>
<td>待续</td>
</tr>
<tr>
<td>权限:</td>
<td>待续</td>
</tr>
<tr>
<td>加入时间:</td>
<td>{{ user.join_time }}</td>
</tr>
</tbody>
</table>
{% endblock %}

 

おすすめ

転載: www.cnblogs.com/zhongyehai/p/11914116.html