2012-05-13 8 views
-1

私はJavaスクリプトを使い慣れていませんが、twitterブートストラップに非常に感銘を受けました。私はブートストラップを使用していくつかのサンプルを作成したいと思います。Twitter Bootstrap - サンプルアプリケーション

私はbootsrapによって与えられたボタンなどのjsを含んでいますが、動作していません。

私は、html、Javaスクリプトの組み合わせでサンプルログインページを得ることができます。これは、twitterブートストラップを使用しています。

また、html - > javaスクリプトでブートストラップコンポーネントを参照する方法も知りたいと思います。

わかりやすいログインの例は、私が既にtwitterブートストラップをダウンロードしています。

答えて

2

私はあなたに同意しますが、Twitter Bootstrapは、すばらしいフレームワークです。特に、洗練されたWebサイトをすばやく効果的に構築する必要がある場合は、特にそうです。ブートストラップを使用してログインページを作成するには多くの方法がありますが、最終的にHTMLとJavaScriptで作成するだけではできません。ユーザーを認証するサーバーサイドスクリプトが必要です。これを行う最善の方法は、PHPを使用することです。データがサーバーに渡される前に、クライアント側の検証方法をいくつか作成しない限り、JavaScriptはログインフォームには必要ありません。これは必須ではありませんが、

たとえば、あなたがあなたの基本的なログインフォームlogin.phpを持っているでしょうが...

<form id="loginForm" action="login.php" method="post"> 
    <input type="text" name="username" id="username" class="span4" placeholder="Username"> 
    <input type="password" name="password" id="password" class="span4" placeholder="Password"> 
    <button type="submit" name="login" id="login" class="btn btn-primary">Login</button> 
</form> 

これは、あなたの基本的なログインフォームになります(必要に応じてカスタマイズします)。ご覧のように、入力されたデータは上記のフォームと同じファイルのlogin.phpに投稿されます。

ユーザの入力を検証してログインするには、フォームを使用して投稿されたデータを取得し、ユーザを認証するスクリプトをPHPで作成する必要があります。あなたの疑問を考えれば、あなたはあまりPHPに精通していないので、はるかに難しくなります。この場合の最善の策は、PHPで書かれたWeb上で無料のログインスクリプトやメンバースクリプトを見つけ、必要に応じて変更し、Bootstrapのクラス/構造を使用することです。

JavaScriptを使用してユーザー入力を検証して、データをPHPスクリプトに投稿することに興味がある場合は、jQueryを調べることをお勧めします。ブートストラップはjQueryを使用するように書かれているので、うまく統合されています。 jQueryは、JavaScriptを基本的に理解しているときにはとても簡単に学習できます。

これは、必要に応じてログインフォームを作成するのに役立ちます。