2012-05-13 5 views
-1

Je suis nouveau sur le script Java, mais j'ai été très impressionné par Twitter bootstrap. Je voudrais utiliser la sangle de démarrage et créer des échantillons.Twitter Bootstrap - exemple de l'application

lorsque j'inclus le js pour le bouton etc donné par bootsrap, pas trouvé de travail.

S'il vous plaît pourrais-je obtenir un exemple de page de connexion avec un mélange de html, script java en utilisant twitter bootstrap.

Je voudrais également savoir comment faire référence aux composants bootstrap dans le script html -> java.

Je veux un exemple de connexion compréhensible pour commencer, j'ai déjà téléchargé le bootstrap Twitter.

Répondre

2

Je suis d'accord avec vous, Twitter Bootstrap est un framework assez étonnant, surtout quand vous avez besoin de commencer à créer un site Web élégant rapidement et efficacement. Il existe plusieurs façons de créer une page de connexion à l'aide de Bootstrap, mais en fin de compte, vous ne pouvez pas simplement créer avec HTML et JavaScript, vous auriez besoin d'un script côté serveur qui authentifierait l'utilisateur. La meilleure façon de le faire est d'utiliser PHP. JavaScript n'est pas requis pour un formulaire de connexion, sauf si vous souhaitez créer une méthode de validation côté client avant que les données soient transmises au serveur. Ce n'est pas obligatoire de le faire bien.

Pour un exemple, vous auriez votre formulaire de connexion de base 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> 

Ce serait votre formulaire de connexion de base (personnaliser selon les besoins). Comme vous pouvez le voir, il affiche les données entrées à login.php qui est le même fichier que le formulaire ci-dessus serait sur. Afin de valider l'entrée de l'utilisateur et de connecter la personne, vous devez utiliser un script ou écrire un script en PHP qui récupère les données postées par le formulaire et authentifie l'utilisateur. En supposant que votre question, vous n'êtes pas trop familier avec PHP, ce qui rendra beaucoup plus difficile. Votre meilleur pari dans ce cas serait de trouver un script de connexion gratuit ou un script de membre sur le web écrit en PHP et de le modifier selon vos besoins et d'utiliser les classes/structures pour Bootstrap.

Si vous souhaitez valider la saisie de l'utilisateur via JavaScript avant de publier les données dans le script php, je vous suggère de regarder dans jQuery. Bootstrap a été écrit pour utiliser jQuery afin qu'il s'intègre bien. jQuery est également très facile à apprendre lorsque vous avez une compréhension de base de JavaScript.

J'espère que cela vous aidera à créer un formulaire de connexion si nécessaire.