Как сделать страницу входа с помощью Polymer
Я сделал простую страницу входа в систему 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.
Решение
Вы можете посмотреть на мой проект, полностью сделанный из полимера, он в 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
Другие решения
Других решений пока нет …