Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //SERVER
- const http = require('http'); //Importa a depência http
- const express = require('express'); //Importa a depência express
- const bodyParser = require('body-parser'); //Importa a depência body-parser
- const mysql = require('mysql'); //Importando o mysql
- var connection = mysql.createConnection({ //Criando conexão com o banco
- host: 'localhost',
- user: 'root',
- password: '123',
- database: 'nodeJS'
- });
- connection.connect(function(err){
- if(err){
- console.log(err); //Caso dê erro com o banco de dados
- } else{
- console.log("Mysql - OK");
- }
- });
- var app = express(); //Instanciando o Express
- app.use(express.static('site')); //Definindo a pasta dos arquivos que serão enviados para o Cliente
- app.use(bodyParser.urlencoded({extend: true})); //Habilitando o corpo na requisição
- app.use(bodyParser.json()); //Convertendo corpo da requisição para o formato JSON
- var server = http.createServer(app);//Criando o servidor para rodar a nossa aplicação passando uma instância do Express para ele
- app.post('/salvar', function(req, res){ //Criando uma roda POST
- connection.query("INSERT INTO aula VALUES(null, '"+req.body.nome+"')", function(error, data){ //Inserindo no banco de dados
- if(error){
- res.end(); //Encerrando conexão
- console.log(error)
- }else{
- res.end(); //Encerrando conexão
- console.log(data);
- }
- });
- });
- server.listen(3000, function(){ //Rodando nosso servidor na porta 3000
- console.log("Servidor rodando na porta 3000");
- });
- //CLIENT
- <!DOCTYPE html>
- <html ng-app="sistema">
- <head>
- <title>Aula 1</title>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
- <script>
- var app = angular.module('sistema', []); //Criando módulo principal
- app.controller("controller", function($scope, $http){ //Criando controller
- $scope.enviar = function(){ //Criando uma função
- $http.post('http://localhost:3000/salvar', {nome: $scope.nome}) //Fazendo uma requisição POST e enviando um JSON
- .success(function(data){
- $scope.insert = true; //Definindo a visibilidade mensagem como true
- $scope.mensagem = "Inserido com sucesso"; //Exibindo mensagem
- })
- .error(function(error){
- $scope.insert = true; //Definindo a visibilidade mensagem como true
- $scope.mensagem = error; //Exibindo error
- });
- }
- });
- </script>
- </head>
- <body ng-controller="controller">
- <input ng-model="nome" type="text">
- <button ng-click="enviar()">Enviar</button>
- <h2 ng-show="insert">{{mensagem}}</h2>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement