szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:nodejs|< Node.js]]

====== sails ======

  * **Szerző:** Sallai András
  * Copyright (c) 2021, Sallai András
  * Szerkesztve: 2021, 2023
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== A sails =====

A sails egy MVC keretrendszer Node.js számára.

Webhelye:
  * https://sailsjs.com/


===== Telepítés =====

  npm install sails -g


===== Alkalmazás készítése =====

  sails new elso-projekt

A sails feldob egy ablakot:

<code>
 Choose a template for your new Sails app:
 1. Web App  ·  Extensible project with auth, login, & password recovery
 2. Empty    ·  An empty Sails app, yours to configure
 (type "?" for help, or <CTRL+C> to cancel)
? 
</code>

Gépeljük be az 1-t vagy csak nyomjunk egy Entert-t, így
kiválasztva a "Web App" lehetőséget. Ez magába foglal 
azonosítást, jelszó visszaállítást, e-mailt és
számlázást. De választhatjuk a 2-t egy Sails alkalmazás
számára.

A Sails, ekkor elkezdi telepíteni a függőségeket. 
Ehhez hasonlót láthatunk:

<code>
 info: Installing dependencies...
Press CTRL+C to cancel.
(to skip this step in the future, use --fast)
 info: Created a new Sails app `elso-projekt`!
</code>

Most lépjünk be a projekt könyvtárába, majd indítsuk el
a sails webszerverével az alkalmazást:

  cd elso-projekt
  sails lift

Megtekintéshez, a böngészőbe:
  http://localhost:1337

===== Saját weblap =====

Írjuk át az alapértelmezett weblapot. A views/pages/homepage.ejs fájl tartalmát töröljük. Helyette, például: 

<code html>
<h1>Valami</h1>
</code>

===== Második lap =====

Írjuk át a routingot a következő fájlban: config/routes.js

Vegyünk fel egy új bejegyzést:

<code javascript>
module.exports.routes = {
  '/msg': {view: 'pages/msg'},
};
</code>

===== Linkelés =====

<code javascript>
<h1>Valami</h1>

<a href="/msg">Üzenet lap</a>
</code>

===== Linkek =====

  * https://sailsjs.com/documentation/anatomy