Advertisement
jonasemanuel20

MEAN - Crud - Basic

Sep 16th, 2016
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //SERVER
  2.  
  3. const http = require('http'); //Importa a depência http  
  4. const express = require('express'); //Importa a depência express
  5. const bodyParser = require('body-parser'); //Importa a depência body-parser
  6. const mysql = require('mysql'); //Importando o mysql
  7.  
  8. var connection = mysql.createConnection({ //Criando conexão com o banco
  9.     host: 'localhost',
  10.     user: 'root',
  11.     password: '123',
  12.     database: 'nodeJS'
  13. });
  14.  
  15. connection.connect(function(err){
  16.     if(err){
  17.         console.log(err); //Caso dê erro com o banco de dados
  18.     } else{
  19.         console.log("Mysql - OK");
  20.     }
  21. });
  22.  
  23. var app = express(); //Instanciando o Express
  24.  
  25. app.use(express.static('site')); //Definindo a pasta dos arquivos que serão enviados para o Cliente
  26.  
  27. app.use(bodyParser.urlencoded({extend: true})); //Habilitando o corpo na requisição
  28. app.use(bodyParser.json()); //Convertendo corpo da requisição para o formato JSON
  29.  
  30. var server = http.createServer(app);//Criando o servidor para rodar a nossa aplicação passando uma instância do Express para ele
  31.  
  32. app.post('/salvar', function(req, res){ //Criando uma roda POST
  33.     connection.query("INSERT INTO aula VALUES(null, '"+req.body.nome+"')", function(error, data){ //Inserindo no banco de dados
  34.         if(error){
  35.             res.end(); //Encerrando conexão
  36.             console.log(error)
  37.         }else{
  38.             res.end(); //Encerrando conexão
  39.             console.log(data);
  40.         }
  41.     });
  42. });
  43.  
  44. server.listen(3000, function(){ //Rodando nosso servidor na porta 3000
  45.     console.log("Servidor rodando na porta 3000");
  46. });
  47.  
  48.  
  49.  
  50. //CLIENT
  51.  
  52. <!DOCTYPE html>
  53. <html ng-app="sistema">
  54. <head>
  55.     <title>Aula 1</title>
  56.     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  57.     <script>
  58.         var app = angular.module('sistema', []); //Criando módulo principal
  59.         app.controller("controller", function($scope, $http){ //Criando controller
  60.             $scope.enviar = function(){ //Criando uma função
  61.                 $http.post('http://localhost:3000/salvar', {nome: $scope.nome}) //Fazendo uma requisição POST e enviando um JSON
  62.                     .success(function(data){
  63.                         $scope.insert = true; //Definindo a visibilidade mensagem como true
  64.                         $scope.mensagem = "Inserido com sucesso"; //Exibindo mensagem
  65.                     })
  66.                     .error(function(error){
  67.                         $scope.insert = true; //Definindo a visibilidade mensagem como true
  68.                         $scope.mensagem = error; //Exibindo error
  69.                     });
  70.             }
  71.         });
  72.     </script>
  73. </head>
  74. <body ng-controller="controller">
  75.     <input ng-model="nome" type="text">
  76.     <button ng-click="enviar()">Enviar</button>
  77.     <h2 ng-show="insert">{{mensagem}}</h2>
  78. </body>
  79. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement