suchen
HeimWeb-Frontendjs-TutorialDetaillierte Erläuterung der Pfadzuordnungsfunktion (Routing) und Steuerungsbeispielcode des NodeJS-Framework-Express

In diesem Artikel wird hauptsächlich die detaillierte Erklärung von NodeJS Die Pfadzuordnungsfunktion (Routing) und die Steuerung des Frameworks Express haben einen gewissen Referenzwert.

Wir wissen, dass Express auf NodeJS A basiert Sehr ausgezeichnetes serverseitiges Entwicklungsframework. Dieser CSSer stellt die Routen- und Routensteuerungskapitel des Express-Frameworks bereit. Route implementiert die Pfadzuordnungsfunktion der vom Client angeforderten URL. Wenn Sie dies noch nicht tun, übersetzen wir es als Routing- oder URL-Mapping Klar. Ich glaube, Sie werden etwas gewinnen, wenn Sie diesen Artikel lesen.

Routing (URL-Zuordnung)

Express verwendet HTTP-Aktionen, um sinnvolle und ausdrucksstarke Funktionen bereitzustellen API , beispielsweise möchten wir, dass die URL des Benutzerkontos wie „/user/12“ aussieht. Das folgende Beispiel kann ein solches Routing mit der Platzhalter-ID erreichen (in diesem Beispiel: id). Der zugehörige Wert kann durch req.params

app.get('/user/:id', function(req, res){

  res.send('user ' + req.params.id);

});

abgerufen werden. Wenn wir im obigen Beispiel auf /user/12 zugreifen, wird „Benutzer 12“ zurückgegeben. Hinweis: app.get entspricht dem Server Registriert einen Listener für das Get-Request-Ereignis, wird die folgende Callback-Funktion ausgeführt. Der Prozess ist ein einfaches

Zeichenfolge

, die intern in einen regulären Ausdruck kompiliert werden kann. Wenn beispielsweise /user/:id kompiliert wird, sieht die intern kompilierte Zeichenfolge für reguläre Ausdrücke wie folgt aus (nach Vereinfachung). : Der Code lautet wie folgt:

Um etwas Komplizierteres zu erreichen, können wir ein reguläres Ausdrucksliteral übergeben, da die reguläre Erfassungsgruppe anonym ist. So können wir darauf zugreifen req.params, die erste Erfassungsgruppe sollte req.params[0] sein, die zweite sollte req.params[1] sein und so weiter bis
\/user\/([^\/]+)\/?

. s Curl-Befehl zum Testen der von uns definierten Routen:
app.get(/^\/users?(?:\/(\d+)(?:\.\.(\d+))?)?/, function(req, res){

  res.send(req.params);

});

Im Folgenden finden Sie einige Routing-Beispiele und die zugehörigen Pfade, die dazu passen:

$ curl http://cssercom:3000/user

[null,null]

$ curl http://cssercom:3000/users

[null,null]

$ curl http://cssercom:3000/users/1

["1",null]

$ curl http://cssercom:3000/users/1..15

["1","15"]
Darüber hinaus können wir JSON übermitteln Daten über POST und verwenden Sie dann die BodyParser-Middleware, um den JSON-Anforderungstext zu analysieren und die JSON-Daten an den Client zurückzugeben:

"/user/:id"

/user/12

 

"/users/:id?"

/users/5

/users

 

"/files/*"

/files/jquery.js

/files/javascripts/jquery.js

 

"/file/*.*"

/files/jquery.js

/files/javascripts/jquery.js

 

"/user/:id/:operation?"

/user/1

/user/1/edit

 

"/products.:format"

/products.json

/products.xml

 

"/products.:format?"

/products.json

/products.xml

/products

 

"/user/:id.:format?"

/user/12

/user/12.json
Normalerweise verwenden wir die Platzhalter (z. B. /user /:id) ohne Einschränkungen, das heißt, Benutzer können ID-Werte verschiedener

Datentypen

übergeben. Wenn wir Benutzer-IDs auf Zahlen beschränken möchten, können wir „/user/:id(d+)“ schreiben, um dies sicherzustellen dass nur dann eine Routing-bezogene Verarbeitung durchgeführt wird, wenn der Platzhalterdatentyp
var express = require('express')

 , app = express.createServer();

app.use(express.bodyParser());

app.post('/', function(req, res){

 res.send(req.body);

});

app.listen(3000);
numerischer Typ

ist. Routensteuerung

Eine Anwendung kann mehrere Routen definieren, und wir können sie so steuern, dass sie zur nächsten Route wechselt. Express stellt den dritten Parameter bereit, die Funktion next( ). Wenn ein Muster nicht übereinstimmt, wird die Steuerung zurück an Connect übertragen (Express basiert auf dem Connect-Modul) und Middleware wird weiterhin in der Reihenfolge ausgeführt, in der sie in use() hinzugefügt wurden. Dies gilt auch, wenn mehrere definierte Routen möglicherweise alle mit derselben URL übereinstimmen. Sofern eine Route nicht next() aufruft und die Antwort an den Client ausgegeben hat, werden sie auch der Reihe nach ausgeführt.

Die Methode app.all() kann einen einzigen Aufrufeintrag auf alle HTTP-Aktionen anwenden, was in manchen Fällen nützlich ist. Im Folgenden verwenden wir diese Funktion, um einen Benutzer aus unserer Scheindatenbank zu laden und ihn req.user zuzuweisen.

app.get('/users/:id?', function(req, res, next){

  var id = req.params.id;

  if (id) {

    // 一回注:如果在这里就将响应内容输出给客户端,那么后续的URL映射将不会被调用

  } else {

    next(); // 将控制转向下一个符合URL的路由

  }

});

 

app.get('/users', function(req, res){

  // do something else

});

Routing-Parameter
var express = require('express')

 , app = express.createServer(); 

var users = [{ name: 'www.csser.com' }];

app.all('/user/:id/:op?', function(req, res, next){

 req.user = users[req.params.id];

 if (req.user) {

  next();

 } else {

  next(new Error('cannot find user ' + req.params.id));

 }

});

app.get('/user/:id', function(req, res){

 res.send('viewing ' + req.user.name);

});

app.get('/user/:id/edit', function(req, res){

 res.send('editing ' + req.user.name);

}); 

app.put('/user/:id', function(req, res){

 res.send('updating ' + req.user.name);

});

app.get('*', function(req, res){

 res.send('what???', 404);

});
app.listen(3000);
Vorverarbeitung

Routing-Parameter-Vorverarbeitung kann die Lesbarkeit von Anwendungscode durch implizite Datenverarbeitung erheblich verbessern die angeforderte URL. Wenn Sie häufig gemeinsame Daten über mehrere Routen erhalten, z. B. das Laden von Benutzerinformationen über /user/:id, können wir normalerweise Folgendes tun:

Mithilfe der Vorverarbeitung können die Parameter Rückruffunktionen zugeordnet werden, die kann Funktionen wie Validierung, Erzwingen von Wertänderungen oder sogar das Laden von Daten aus einer Datenbank bereitstellen. Als nächstes rufen wir app.param() auf und übergeben den Parameter, den wir einer bestimmten Middleware zuordnen möchten. Sie können sehen, dass wir den ID-Parameter erhalten, der den Platzhalterwert (:userId) enthält. Hier können Sie wie gewohnt Benutzerdaten und

Fehlerbehandlung

laden und einfach next() aufrufen, um die Steuerung an die nächste Vorverarbeitung oder Weiterleitung (Pfadsteuerung) zu übergeben.
app.get('/user/:userId', function(req, res, next){

 User.get(req.params.userId, function(err, user){

  if (err) return next(err);

  res.send('user ' + user.name);

 });

});

Dies kann nicht nur die oben erwähnte Lesbarkeit des Routings erheblich verbessern, sondern auch die logische Implementierung dieses Teils in der gesamten Anwendung teilen, um eine Wiederverwendung zu erreichen.

app.param('userId', function(req, res, next, id){

 User.get(id, function(err, user){

  if (err) return next(err);

  if (!user) return next(new Error('failed to find user'));

  req.user = user;

  next();

 });

});
Für einfache Situationen wie die Überprüfung von Routenplatzhaltern und erzwungene Wertänderungen müssen Sie nur 1 Parameter übergeben (unterstützt 1 Parameter), und die während des Zeitraums ausgelöste Ausnahme wird automatisch an next übergeben ( ähm).

app.param('number', function(n){ return parseInt(n, 10); });

也可以同时将回调函数应用到多个占位符,比如路由/commits/:from-:to来说,:from和:to都是数值类型,我们可以将它们定义为数组

app.param(['from', 'to'], function(n){ return parseInt(n, 10); });

结语

通 过本文的学习,我们应该有些感觉了,NodeJS不仅仅可以实现我们产品的服务端逻辑,同时我们还可以利用Javascript做服务器编程,注意是服务 器,也就是说,我们可以利用Javascript来定制以往只能在apache中才可以做到的功能。NodeJS还需要rewrite吗?路径映射更简单 更强大,还要rewrite干嘛用?

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Pfadzuordnungsfunktion (Routing) und Steuerungsbeispielcode des NodeJS-Framework-Express. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
JavaScript und das Web: Kernfunktionalität und AnwendungsfälleJavaScript und das Web: Kernfunktionalität und AnwendungsfälleApr 18, 2025 am 12:19 AM

Zu den Hauptanwendungen von JavaScript in der Webentwicklung gehören die Interaktion der Clients, die Formüberprüfung und die asynchrone Kommunikation. 1) Dynamisches Inhaltsaktualisierung und Benutzerinteraktion durch DOM -Operationen; 2) Die Kundenüberprüfung erfolgt vor dem Einreichung von Daten, um die Benutzererfahrung zu verbessern. 3) Die Aktualisierung der Kommunikation mit dem Server wird durch AJAX -Technologie erreicht.

Verständnis der JavaScript -Engine: ImplementierungsdetailsVerständnis der JavaScript -Engine: ImplementierungsdetailsApr 17, 2025 am 12:05 AM

Es ist für Entwickler wichtig, zu verstehen, wie die JavaScript -Engine intern funktioniert, da sie effizientere Code schreibt und Leistungs Engpässe und Optimierungsstrategien verstehen kann. 1) Der Workflow der Engine umfasst drei Phasen: Parsen, Kompilieren und Ausführung; 2) Während des Ausführungsprozesses führt die Engine dynamische Optimierung durch, wie z. B. Inline -Cache und versteckte Klassen. 3) Zu Best Practices gehören die Vermeidung globaler Variablen, die Optimierung von Schleifen, die Verwendung von const und lass und die Vermeidung übermäßiger Verwendung von Schließungen.

Python vs. JavaScript: Die Lernkurve und BenutzerfreundlichkeitPython vs. JavaScript: Die Lernkurve und BenutzerfreundlichkeitApr 16, 2025 am 12:12 AM

Python eignet sich besser für Anfänger mit einer reibungslosen Lernkurve und einer kurzen Syntax. JavaScript ist für die Front-End-Entwicklung mit einer steilen Lernkurve und einer flexiblen Syntax geeignet. 1. Python-Syntax ist intuitiv und für die Entwicklung von Datenwissenschaften und Back-End-Entwicklung geeignet. 2. JavaScript ist flexibel und in Front-End- und serverseitiger Programmierung weit verbreitet.

Python gegen JavaScript: Community, Bibliotheken und RessourcenPython gegen JavaScript: Community, Bibliotheken und RessourcenApr 15, 2025 am 12:16 AM

Python und JavaScript haben ihre eigenen Vor- und Nachteile in Bezug auf Gemeinschaft, Bibliotheken und Ressourcen. 1) Die Python-Community ist freundlich und für Anfänger geeignet, aber die Front-End-Entwicklungsressourcen sind nicht so reich wie JavaScript. 2) Python ist leistungsstark in Bibliotheken für Datenwissenschaft und maschinelles Lernen, während JavaScript in Bibliotheken und Front-End-Entwicklungsbibliotheken und Frameworks besser ist. 3) Beide haben reichhaltige Lernressourcen, aber Python eignet sich zum Beginn der offiziellen Dokumente, während JavaScript mit Mdnwebdocs besser ist. Die Wahl sollte auf Projektbedürfnissen und persönlichen Interessen beruhen.

Von C/C nach JavaScript: Wie alles funktioniertVon C/C nach JavaScript: Wie alles funktioniertApr 14, 2025 am 12:05 AM

Die Verschiebung von C/C zu JavaScript erfordert die Anpassung an dynamische Typisierung, Müllsammlung und asynchrone Programmierung. 1) C/C ist eine statisch typisierte Sprache, die eine manuelle Speicherverwaltung erfordert, während JavaScript dynamisch eingegeben und die Müllsammlung automatisch verarbeitet wird. 2) C/C muss in den Maschinencode kompiliert werden, während JavaScript eine interpretierte Sprache ist. 3) JavaScript führt Konzepte wie Verschlüsse, Prototypketten und Versprechen ein, die die Flexibilität und asynchrone Programmierfunktionen verbessern.

JavaScript -Engines: Implementierungen vergleichenJavaScript -Engines: Implementierungen vergleichenApr 13, 2025 am 12:05 AM

Unterschiedliche JavaScript -Motoren haben unterschiedliche Auswirkungen beim Analysieren und Ausführen von JavaScript -Code, da sich die Implementierungsprinzipien und Optimierungsstrategien jeder Engine unterscheiden. 1. Lexikalanalyse: Quellcode in die lexikalische Einheit umwandeln. 2. Grammatikanalyse: Erzeugen Sie einen abstrakten Syntaxbaum. 3. Optimierung und Kompilierung: Generieren Sie den Maschinencode über den JIT -Compiler. 4. Führen Sie aus: Führen Sie den Maschinencode aus. V8 Engine optimiert durch sofortige Kompilierung und versteckte Klasse.

Jenseits des Browsers: JavaScript in der realen WeltJenseits des Browsers: JavaScript in der realen WeltApr 12, 2025 am 12:06 AM

Zu den Anwendungen von JavaScript in der realen Welt gehören die serverseitige Programmierung, die Entwicklung mobiler Anwendungen und das Internet der Dinge. Die serverseitige Programmierung wird über node.js realisiert, die für die hohe gleichzeitige Anfrageverarbeitung geeignet sind. 2. Die Entwicklung der mobilen Anwendungen erfolgt durch reaktnative und unterstützt die plattformübergreifende Bereitstellung. 3.. Wird für die Steuerung von IoT-Geräten über die Johnny-Five-Bibliothek verwendet, geeignet für Hardware-Interaktion.

Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration)Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration)Apr 11, 2025 am 08:23 AM

Ich habe eine funktionale SaaS-Anwendung mit mehreren Mandanten (eine EdTech-App) mit Ihrem täglichen Tech-Tool erstellt und Sie können dasselbe tun. Was ist eine SaaS-Anwendung mit mehreren Mietern? Mit Multi-Tenant-SaaS-Anwendungen können Sie mehrere Kunden aus einem Sing bedienen

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vorBy尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools

Dreamweaver Mac

Dreamweaver Mac

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)