QuentinC a écrit :
On devrait peut-être songer à mettre du code sur github pour partager nos trouvailles.
a écrit :
Sinon mon problème ça va être l'organisation de mon code : j'ai placé mes vues dans un fichier du même nom, mais où placer mes routes (qui sont pour l'instant
dans app.js, mon point d'entrée) ? Dans un dossier `config` ?
QuentinC a écrit :
Étant désormais un peu habitué à Spring et Symfony, de mon côté j'ai choisi de mettre les routes dans le dossier controllers, ça me paraît beaucoup plus logique. [...] Je ne vois pas trop l'utilité de mettre les routes ailleurs qu'avec les contrôleurs. C'est peu probable et de toute façon c'est une mauvaise pratique d'avoir plusieurs URL qui font appel strictement au même contrôleur.
QuentinC a écrit :
Par ailleurs pour la config, j'ai choisi le format YAML. Aussi expressif que JSON mais plus simple et plus tolérant aux erreurs stupides.
Ca sera notamment un format plus simple quand il faudra faire du site multilingue...
QuentinC a écrit :
Tiens d'ailleurs, je vois que tu as prévu un dossier locales, tu utilises quoi pour la traduction ?
QuentinC a écrit :
La plupart de ce que je trouve sur npm c'est pour le faire du côté client à la angular, c'est pas ce que je recherche.
Même si angular se prêterait bien à un mariage complémentaire pour un back en Node.js, c'est un peu une usine à gaz pour des expérimentations perso, et j'ai pas trop envie.
. Rappel du mien (ScripturaJS).
app.get('/article/:id([0-9]{1,7})', (req, res) => { // @example '/article/1'
let sql = 'SELECT * FROM `_post` WHERE `id` = ?'
, inserts = req.params.id
connection.query(sql, inserts, (error, results, fields) => {
let db = results
, url = req.url
if (error) throw error
if (db[0]) {
res.render('article',
{
db: db
, dev: config.dev
, url: url
, demo: config.demo
, siteUri: config.uri
, metaTitle: db[0].name
, metaDescription: db[0].description
, content: marked(db[0].content)
}
)
} else {
error404(req, res)
}
})
})app.get('/admin/edit/:id([0-9]{1,7})', (req, res) => { // @example '/admin/edit/1'
// du code...
// la nouvelle requette :
let sql2 = 'UPDATE `_post` SET `description` = ? WHERE `_post`.`id` = 2'
, inserts2 = 'test'
connection.query(sql2, inserts2, (error, results, fields) => {
//if (error) throw error
console.log('MySQL: data base updated')
})
})a écrit :
Mais de là à prendre en considération les données envoyées via un formulaire je suis encore loin du compte...
<form action="/tralala" method="post">
<p><label for="name">Entrez votre nom: </label>
<input type="text" id="name" name="name" />
<button type="submit">OK</button>
</p></form>
app.post('/tralala', function(req,res){
if (req.body.name) res.send("Bonjour, " + req.body + " !");
else res.send("Problème, les données n'ont pas été postées");
});
app.use(bodyParser.urlencoded({
extended: true
}));
app.use(bodyParser.json()); if (req.query.description) {
let sql2 = 'UPDATE `_post` SET `description` = ? WHERE `_post`.`id` = 2'
, inserts2 = req.query.description
connection.query(sql2, inserts2, (error, results, fields) => {
//if (error) throw error
console.log('\x1b[91m' + 'Data base updated: ' + inserts2 + '\x1b[0m')
})
}?description=testreq.query.description // -> 'test'req.query['description'] // -> 'test'
routes.get('my-form', '/form', async function(req,res){
let form = ...
let data = ...
form.bind(data);
let gf = await form.generate();
res.render('member', { form: gf });
});
app.routes.post('/form', async function(req,res){
let form = ...
let data = ...
form.bind(data);
form.load(req.body);
if (await form.validate()) {
// Les données sont correctes, on peut update la base ou faire autre chose
// Ici pour l'exemple on retourne juste sur le formulaire
res.redirectTo('my-form');
}
else {
// Les données ne sont pas correctes, on réaffiche le formulaire avec les erreurs
let gf = await form.generate();
res.render('member', { form: gf });
}
});
let form = new Form();
form.add(new TextField({ name: 'name', label: 'Votre nom', validators: [notEmpty] }));
form.add(new Choice({ name: 'preferences', label: 'Vos choix', multiple: true, extended: true, validator: notEmpty, choices: [
{ value: 'IE', label: 'Internet Explorer' },
{ value: 'FFX', label: 'Firefox' },
{ value: 'GCHR', label: 'Google chrome' },
{ value: 'EDGE', label: 'Microsoft Edge' },
{ value: 'SAF', label: 'Safari' },
]}));
form.add(new TextArea({ name: 'comment', label: 'Votre commentaire', validator: notEmpty }));
form.add(new SubmitButton({ label: 'Valider' }));
{ name: 'Jean-Pierre',
comment: 'Votre site est pourri !',
preferences: ['IE', 'GCHR', 'FFX']
}
a écrit :
A priori toi tu utilises le module npm forms ?
a écrit :
Ben moi je n'ai rien compris du tout et je rame sur les formulaires avec des valeurs en post que je n'arrive pas à récupérer malgré les recommandations
des divers sites/forums/tutoriels consultés.
Ça span pour moi !
(Plastic Bertrand)