0

簡単な HTML Polymer ログイン ページを作成しました。

 <!doctype html>
<html>

<head>

  <meta charset="UTF-8">
  <title></title>

  <meta name="viewport" 
  content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

  <script src="./components/webcomponentsjs/webcomponents.js">
  </script>

  *All the import*

  *All the style*

</head>

<body unresolved>

    <paper-shadow class="card" z="2">Login ECG Quizz

      <paper-input-decorator label="Mail">
          <input id="Mail" is="core-input" name="Mail"/>
      </paper-input-decorator>

      <paper-input-decorator label="Mots de passe">
          <input id="password" is="core-input" name="j_password" type="password"/>
      </paper-input-decorator>

      <paper-button raised id="register" class="register">S'enregistrer</paper-button>

      <paper-fab mini icon="done" class="button" title="done"></paper-fab>

    </paper-shadow>


<script>
</script>


</body>

</html

簡単なphpスクリプトでデータを送信してデータをチェックする方法がわかりません...？

core-ajax のドキュメントを読みましたが、よくわかりません... ページを更新せずにこのログインを行うためのベスト プラクティスは何ですか? できれば少し例を示していただけませんか？

PHP で簡単なログイン ページを作成する方法を知っています。しかし、Polymer のベスト プラクティスについてはわかりません。

4

1 に答える 1

3

ポリマーで完全に作成された私のプロジェクトを見ることができます。これは github にあり、URL はhttps://github.com/josestrk/PersonalQRです。

ページ内 https://github.com/josestrk/PersonalQR/blob/master/pages/login-page.html

ご覧のとおり、私には user_field と password_field があり、onblur または on keydow でいくつかのチェックを行うイベント リスナーがいくつかあります。

いずれにせよ、アプリをもう少しコンポーネント化する必要があると思います。このページを読んでも、まだ手がかりのコメントがない場合は、小さな jsbin を作成してみます。

于 2015-02-25T12:58:43.433 に答える