Ξεκινήστε με το Total.js

Total.js 5 · total5@0.0.19 guideinstallfirst app Εκτελέστηκε με το Total.js 5

Το Total.js 5 είναι το πακέτο npm total5. Χρειάζεστε Node.js (τα παραδείγματα αυτού του ιστότοπου τρέχουν σε Node.js 24) και έναν κενό φάκελο. Δημιουργήστε το έργο και εγκαταστήστε το πακέτο:

mkdir hello && cd hello
npm init -y
npm install total5

Το σενάριο εκκίνησης είναι ένα αρχείο με όνομα index.js στη ρίζα του έργου. Φορτώνει το framework και ξεκινά τον διακομιστή:

require('total5');

Total.run({ port: 8000 });

Αυτός είναι όλος ο κώδικας που γράφετε για να ξεκινήσετε. Τα αρχεία στους φακέλους του έργου (δείτε τη σελίδα για τη δομή του έργου) φορτώνονται αυτόματα. Δημιουργήστε αυτά τα τρία αρχεία.

Ένας controller δηλώνει τις διαδρομές. Το ROUTE('GET /') χωρίς χειριστή θα έδειχνε την προβολή με το ίδιο όνομα· εδώ ο χειριστής αποδίδει το views/index.html με ένα μοντέλο:

controllers/index.js

exports.install = function() {
	ROUTE('GET /', home);
	ROUTE('POST /greet/ --> *Greet/say');
};

function home($) {
	$.view('index', { title: 'Hello Total.js' });
}

Μια ενέργεια έχει τη δική της επικύρωση. Η παραπάνω διαδρομή εκτελεί το Greet/say με το σώμα JSON του αιτήματος και το framework απορρίπτει ένα σώμα που δεν ταιριάζει με το input:

definitions/greet.js

NEWACTION('Greet/say', {
	name: 'Say hello',
	input: '*name:String',
	action: function($, model) {
		$.callback({ message: 'Hello, ' + model.name + '!' });
	}
});

Μια προβολή είναι HTML με μπλοκ @{...}. Το views/layout.html περιβάλλει κάθε προβολή και το @{body} είναι η θέση της προβολής:

views/layout.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>Hello</title></head>
<body>@{body}</body>
</html>

views/index.html

<h1>@{model.title}</h1>

Ξεκινήστε την εφαρμογή με node index.js. Στην προεπιλεγμένη λειτουργία debug, η εφαρμογή επανεκκινείται όταν αλλάζετε ένα αρχείο και εμφανίζει τη διεύθυνσή της στο τερματικό. Για τη λειτουργία release, χρησιμοποιήστε node index.js --release. Ο οδηγός λειτουργιών εκτέλεσης περιγράφει τις διαφορές.