flask adminlte

Flask AdminLTE

flask-admin 1.5.2 および flask-security 3.0.0 を使用して flask フレームワークに適合した Bootstrap AdminLTE テンプレート。
これは、フラスコで書かれたバックエンド用の美しく使いやすい管理パネルを開発するのに役立ちます。

ライブプレビュー

http://adminlte.najdaapps.com/admin/
ログイン: [email protected]
パスワード:管理者

特徴

• アカウント
  • ログインページ
  • 登録ページ
  • パスワードのリセットページ
  • パスワード変更ページ
  • Gravatar プロフィール画像のサポート
• モデルビュー
  • 単一レコードの作成/表示/編集/削除
  • アイテムのリストを表示
  • 選択したアイテムのリストを削除する
  • すべてのレコードを *.csv ファイルにエクスポートします
  • フィルター
  • 検索
  • ライブ編集
  • モーダルまたは単一ページ内のゴミ
• メニュー
  • カテゴリ
  • モデルビュー
  • リンク

使用法

ディレクトリadminlte 、 static 、 templatesプロジェクトにコピーします。

基本構成

 from flask import Flask , url_for
from flask_security import Security
from flask_admin import helpers as admin_helpers
from adminlte . admin import AdminLte , admins_store

app = Flask ( __name__ )

security = Security ( app , admins_store )
admin = AdminLte ( app , skin = 'green' , name = 'FlaskCMS' , short_name = "<b>F</b>C" , long_name = "<b>Flask</b>CMS" )

@ security . context_processor
def security_context_processor ():
    return dict (
        admin_base_template = admin . base_template ,
        admin_view = admin . index_view ,
        h = admin_helpers ,
        get_url = url_for
    )

モデルのビューを追加する

 class DeviceView ( BaseAdminView ):
    column_editable_list = [ 'name' , 'type' , 'rooted' ]
    column_searchable_list = [ 'name' , 'type' , 'rooted' ]
    column_exclude_list = None
    column_details_exclude_list = None
    column_filters = [ 'name' , 'type' , 'rooted' ]
    can_export = True
    can_view_details = False
    can_create = True
    can_edit = True
    can_delete = True
    edit_modal = True
    create_modal = True
    details_modal = False
    

admin . add_view ( DeviceView ( Device , db . session , name = "Devices" , menu_icon_value = 'fa-laptop' ))

リンクを追加

 admin . add_link ( FaLink ( name = 'Website' , url = 'http://tomasznajda.com' , icon_value = 'fa-globe' , target = "_blank" ))

カテゴリを追加

 admin . add_view ( DeviceView ( Device , db . session , name = "Devices" , category = 'Author' , menu_icon_value = 'fa-laptop' ))
admin . add_link ( FaLink ( name = 'Website' , category = 'Author' , url = 'http://tomasznajda.com' , icon_value = 'fa-globe' , target = "_blank" ))
admin . set_category_icon ( name = 'Author' , icon_type = 'fa' , icon_value = 'fa-address-card' )

構成

基本的な AdminLTE 構成:

• app -> Flaskアプリケーションオブジェクト
• name -> 例: FlaskCMS 。アプリケーション名。ページタイトルとして表示されます。デフォルトは「管理者」
• short_name -> 例: <b>F</b>C 。短いアプリケーション名。折りたたまれたメニューバーに表示されます。デフォルトでは、name プロパティの値が使用されます。
• long_name -> 例: <b>Flask</b>CMS 。長いアプリケーション名。展開されたメニュー バーと各セキュリティ フォームの上に表示されます。デフォルトでは、name プロパティの値が使用されます。
• skin -> AdminLTE スキンの色 ( blue 、 black 、 puprle 、 green 、 red 、 yellow black-light blue-light purple-light 、 green-light 、 red-light 、 yellow-light )。デフォルトでは、 blueが使用されます。
• url -> ベース URL
• subdomain -> 使用するサブドメイン
• index_view -> 使用するホームページ ビュー。デフォルトはAdminIndexViewです。
• translations_path -> 翻訳メッセージ カタログの場所。デフォルトでは、Flask-Admin に同梱されている翻訳が使用されます。
• endpoint -> インデックス ビューのベース エンドポイント名。単一の Flask アプリケーションでAdminクラスの複数のインスタンスを使用する場合は、インスタンスごとに一意のエンドポイント名を設定する必要があります。
• static_url_path -> 静的 URL パス。指定した場合、すべてのビューの静的 URL ディレクトリへのデフォルトのパスを指定します。ビュー構成でオーバーライドできます。
• base_template -> すべての静的ビューの基本 HTML テンプレートをオーバーライドします。デフォルトはadmin/base.htmlです。

ModelView の構成:

• 編集できる列のリスト

 column_editable_list = [ 'from_user' , 'to_user' , 'subject' , 'content' , 'created_at' ]

• 検索中に考慮する必要がある列のリスト (なしの場合) - 検索フィールドは非表示になります

 column_searchable_list = [ 'from_user.first_name' , 'from_user.last_name' , 'from_user.email' , 'to_user.first_name' ,
                          'to_user.last_name' , 'to_user.email' , 'subject' , 'content' , 'created_at' ]

• リスト ページで省略する必要がある列のリスト (なしの場合) - すべての列が表示されます。

 column_exclude_list = [ 'created_at' ]

• 詳細ページまたはモーダルで省略する必要がある列のリスト (なしの場合) - すべての列が表示されます。

 column_details_exclude_list = [ 'created_at' ]

• フィルターとして使用できる列のリスト。なしの場合、フィルター ボタンは非表示になります。

 column_filters = [ 'subject' , 'content' , 'created_at' ]

• 機能を有効にする

 can_export = True
can_view_details = True
can_create = True
can_edit = True
can_delete = True

• モーダルまたはページ

 edit_modal = True
create_modal = True
details_modal = True 

セキュリティ設定:

• 登録フォームを有効にする

 SECURITY_REGISTERABLE = True

• パスワードを忘れた場合のフォームを有効にする

 SECURITY_RECOVERABLE = True

• パスワード変更フォームを有効にする

 SECURITY_CHANGEABLE = True