フラスコFomanticUI - Foantic UI CSSフレームワークを簡単に埋め込むことを許可するフラスコ拡張.

6698 ワード
flask css python semanticui テキストリンク
フラスコfomanticuiのための神社のマクロのコレクションですFomantic UI and
Flask グローバルスタイル.非常に似た
to Bootstrap-Flask .

機能
  • [ x ] Table Generation :データオブジェクト( dictまたはclass object )を生成します.
  • [ペナルティ]世代:レンダリングフラスコsqlalchemyPagination オブジェクトは、偽UIのページネーションです.
  • [ X ]フォームの生成:レンダリングフラスコwtf/wtformsは、オブジェクトをFOMA形式などに整形します.

    • 要件
    Python 3.8 +

    このプロジェクトの依存関係.

  • Flask(>=2.0.2) バックエンドをビルドします.

    • 賦課
    PIP経由でインストールできます:
        $> pip install Flask-FomanticUI

    例
    拡張モジュールを登録します
    from flask import Flask
# To follow the naming rule of Flask extension, although
# this project's name is Flask-FomanticUI, the actual package
# installed is named `flask_fomanticui`.
from flask_fomanticui import FomanticUI

app = Flask(__name__)
fomantic = FomanticUI(app)
    このようなフラスコWTFフォームを仮定します
    class LoginForm(FlaskForm):
    username = StringField('Username', validators=[DataRequired(), Length(1, 20)])
    password = PasswordField('Password', validators=[DataRequired(), Length(8, 150)])
    submit = SubmitField()
    remember = BooleanField('Remember me')
    現在、render_ui_form マクロ
    {% from 'fomanticui/form_ui.html' import render_ui_form %}
<html>
<head>
<!-- Fomantic UI - CSS -->
</head>
<body>

<h2>Login</h2>
{{ render_ui_form(form) }}

<!-- Fomantic UI - JS -->
</body>
</html>
    このようなフォームを1行のコードだけで取得します.{{ render_ui_form(form) }} ):

    妥当性検査が失敗すると、エラーメッセージが適切なスタイルでレンダリングされます.

    読み込むBasic Usage
    詳細はドキュメント.

    リンク
  • Documentation
  • Example Application
  • PyPI Releases
  • Changelog

    • 著者
  • フェレラ,フアン
    • バグレポートを提出し、改善のための提案とパッチを介してパッチ
    メールアドレス:[email protected] ).

    貢献者
    クレジットは、これらの人々に行きます:

    リポジトリと問題点
  • https://github.com/juniors90/Flask-FomanticUI

    • 許可Flask-FomanticUI フリーソフトウェアは、再配布することができます
    MIT許可の条件の下で.詳細については、
    LICENSE ファイル
    詳細は
    メディアを春のブートの中でメディアをアップロードする
    mysqlがプライマリ・プライマリ・レプリケーションで増加したプライマリ・キーの競合に遭遇する解決策