Advertisement
Guest User

Untitled

a guest
Feb 7th, 2018
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. Client:
  2.  
  3. 1. Klasse "Benutzer" erstellen
  4.  
  5. class User (
  6.     benutzerID: number;
  7.     nachname: string;
  8.     vorname: string;
  9.     telnr: number;
  10. )
  11.  
  12. 2. Constructor erstellen
  13.  
  14. constructor(bntzID: number, nname: string, vname: string, tnr: number)  {
  15.     this.benutzerID = bntzID;
  16.     this.nachname = nname;
  17.     this.vorname = vname;
  18.     this.telnr = tnr;
  19. }
  20.  
  21. 3. Funktion zum Erstellen eines Benutzers
  22.  
  23. function handleCreate()  {
  24.     let nachnameinput: JQuery = $('#nachnameinput'); --> ID wird in HTML-Datei definiert
  25.     let vornameinput: JQuery: $('vornameinput');
  26.     let telnrinput: JQuery: $('telnrinput');
  27.  
  28. ...if...else...leckomio - kann ich net
  29.  
  30. 4. AJAX-Request zum Erstellen eines Benutzers
  31.  
  32. $.ajax(  {
  33.      url:         'http://localhost:8080/user'
  34.      type:        'POST'
  35.      data:        'JSON.stringify(data)'
  36.      datatype:    'json'
  37.      success: kp
  38.      error: kp
  39.  
  40. Server:
  41.  
  42. 1. Benötigte Routing-Frameworks:
  43.  
  44. import express = require ("express");
  45. import (Request, Response) from "express";
  46.  
  47. 2. Router starten:
  48.  
  49. let router = express();
  50.  
  51. 3. Server starten:
  52.  
  53. router.listen(8080, "localhost", function() {
  54. });
  55.  
  56. 4. Statische Routen anlegen:
  57.  
  58. router.use("/views", express.static(_dirname + "/views")); --> HTML-Datei
  59. router.use("/css"), express.static(_dirname + "/css")); --> CSS
  60. router.use(bodyParser.urlencoded({extended:false})); --> BodyParser
  61. router.use(bodyParser.json()); --> Json
  62.  
  63. 5. Datenbank einbinden
  64.  
  65. import db = require ("mysql");
  66. import (Connection, MysqlError) from "mysql";
  67.  
  68. let connection: Connection = db.createConnection(  {
  69.        host: 'localhost'
  70.        user: 'root'
  71.        password: ''
  72.        database: 'integrationsprojektdb'
  73. });
  74.  
  75. 6. Klasse "Benutzer" erstellen
  76.  
  77. class User (
  78.     nachname: string;
  79.     vorname: string;
  80.     telnr: number;
  81. )
  82.  
  83. 7. Constructor erstellen
  84.  
  85. constructor(nname: string, vname: string, tnr: number)  {
  86.     this.nachname = nname;
  87.     this.vorname = vname;
  88.     this.telnr = tnr;
  89. }
  90.  
  91. 8. Userlist erstellen
  92.  
  93. let userList: User[] = [];
  94.  
  95. 9. POST-Route im Server
  96.  
  97. router.post ("/user"), function (req: Request, res: Response)  {
  98.     let nachname: string = (req.body.nachname:"");
  99.     let vorname: string = (req.body.vorname:"");
  100.     let telnr: number = (req.body.telnr:"");
  101.  
  102. 10. DB-Datensätze anlegen
  103.  
  104. let insertData: [string, string, number] = [nachname, vorname, telnr];
  105. let query: string = 'INSERT INTO users (nachname, vorname, telnr) VALUES (?, ?, ?);'
  106.  
  107. connection.query(query, insertData, function (err: MysqlError|null, rows: any)  {
  108.     if (!err) {
  109.         message = "Create: Created: " + nachname + " " + vorname + " added";
  110.         res.json({"message:": "successful"});
  111.     else {
  112.         message = "Create: Database error: " + err.code;
  113.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement