CivEng Posted December 27, 2015 Share Posted December 27, 2015 (edited) Pessoal, Alguma alma caridosa me consegue ajudar? Preciso de fazer uma página HTML de login, onde através de javascript faço uma query a um ficheiro json onde tenho o user e password. E estou a usar o node.js para fazer o http-server. aqui fica o html da minha pagina login <!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>InSure WebApp</title> <!-- CSS --> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="assets/css/form-elements.css"> <link rel="stylesheet" href="assets/css/style.css"> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script src = "cwApp.js"> </script> </head> <body background="http://www.planwallpaper.com/static/images/colorful-triangles-background_yB0qTG6.jpg">> <!-- Top content --> <div class="top-content"> <div class="inner-bg"> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 text"> <div class="col-xs-6 col-md-4"> <a href=www.Insure.com class="thumbnail-centered"> <img src="http://tarponspineandmedical.com/wp-content/uploads/2014/10/icon.png" alt="..."> </a> </div> <h1><strong>InSure</strong> Login Form</h1> <div class="description"> <p> <a href="http://Insure.com">Please login to <strong>InSure</strong></a> webapp </div> </div> </div> <div class="row"> <div class="col-sm-6 col-sm-offset-3 form-box"> <div class="form-top"> <div class="form-top-left"> <h3>Login to our site if this works since nobody took the time to teach us how to do this</h3> <h3>Really....I have no clue of what I am doing</h3> <h3></h3> <p>Enter your username and password to log on:</p> </div> <div class="form-top-right"> <i class="fa fa-lock"></i> </div> </div> <div class="form-bottom" ng-app="login" data-ng-controller="loginctrl" ng-init="cwSwitch=false"> <form role="form" action="" method="post" class="login-form"> <div class="form-group"> <label class="sr-only" for="form-username">Username</label> <input type="text" class="form-control" id="InputUser" placeholder="Username" name="username" ng-model="username"> </div> <div class="form-group"> <label class="sr-only" for="form-password">Password</label> <input type="password" class="form-control" id="InputPassword" placeholder="Password" name="password" ng-model="password"> </div> <button class="btn btn-primary" onclick="verify(username, password);teste()">Log in!</button> </form> </div> </div> </div> </div> </div> </div> </body> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> <script src="/js/bl.js"></script> <script src="/js/app.js"></script> </html> e o JSON [{"docID":0,"name":"Leonor Pereira","speciality":"Clínica Geral","user":"doc0","pass":"pass"},{"docID":1,"name":"João Santos","speciality":"Ortopedia","user":"doc1","pass":"pass"},{"docID":2,"name":"Guilherme Silva","speciality":"Neurocirurgia","user":"doc2","pass":"pass"},{"docID":3,"name":"Francisco Martins","speciality":"Pediatria","user":"doc3","pass":"pass"},{"docID":4,"name":"Leonor Ferreira","speciality":"Ortopedia","user":"doc4","pass":"pass"},{"docID":5,"name":"Matilde Santos","speciality":"Cardiologia","user":"doc5","pass":"pass"},{"docID":6,"name":"Mariana Silva","speciality":"Psiquiatria","user":"doc6","pass":"pass"},{"docID":7,"name":"Tomás Martins","speciality":"Pediatria","user":"doc7","pass":"pass"},{"docID":8,"name":"Matilde Ferreira","speciality":"Clínica Geral","user":"doc8","pass":"pass"},{"docID":9,"name":"Leonor Santos","speciality":"Neurocirurgia","user":"doc9","pass":"pass"}] Edited December 27, 2015 by CivEng Link to comment Share on other sites More sharing options...
DanielAmorim Posted December 27, 2015 Share Posted December 27, 2015 Estás a usar algum módulo (Restify ou Hapi) no NodeJS para processar os pedidos? Também tens de partilhar o código NodeJS. Não queres criar um repositório no Github? Link to comment Share on other sites More sharing options...
CivEng Posted December 27, 2015 Author Share Posted December 27, 2015 Hapi Não tenho mais codigo nenhum, basicamente não percebo um crl disto! Link to comment Share on other sites More sharing options...
DanielAmorim Posted December 27, 2015 Share Posted December 27, 2015 É que o que colocaste não tem nada feito. Só tem mesmo o esqueleto da página Lol Quem te passou isso para as mãos? Estive a ver o HTML e está a carregar o AngularJS. É necessário usá-lo ou podes usar apenas jquery? Pergunto isto porque apesar de achar o AngularJS fantástico acho que só te irá complicar a vida. No HTML estão a ser carregados alguns scripts. Tem algum código? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now