如何使用Polymer创建登录页面

时间:2015-02-15 22:26:47

标签: php polymer material-design paper-elements

我制作了一个简单的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创建一个简单的登录页面。但我不知道聚合物的最佳实践。

1 个答案:

答案 0 :(得分:3)

你可以看看我用聚合物完全制作的项目,它在github中,这里是URL https://github.com/josestrk/PersonalQR

在页面中

https://github.com/josestrk/PersonalQR/blob/master/pages/login-page.html

你可以看到我有user_field和password_field他们有一些事件监听器onblur或keydow做一些检查,我希望它对你有用;)

无论如何我认为你应该对你的应用程序进行组件化,如果你阅读了这个页面,你仍然没有在这里发表任何线索评论,我会试着让你有点jsbin