Я использую макеты express e js, но только mainPage может читать css, другие страницы его не читают (css, html читают).
Другой вопрос, если бы я хотел использовать другой макет (например, layout2.e js), что бы я сделал, чтобы действовать на определенной c странице.
Дерево:
Project
- publi c
- js
- css
- стиль. css
- маршруты
- index. js
- пользователи. js
- просмотры
- layout.ejs
- mainPage.e js
- login.e js
...
- приложение. js
Я использую частицы. js, если вам нужно знать.
приложение. js
const express = require('express');
const expL = require('express-ejs-layouts');
const app = express(); //Create a Web Application
//EJS
app.use(expL);
app.set('view engine', 'ejs')
//Routes
app.use('/', require('./routes/index'));
app.use('/users', require('./routes/users'));
app.listen(3000, ()=> console.log('Listening at 3000'));
app.use(express.static('public'))
индекс. js
const express = require('express');
const router = express.Router();
router.get('/',(req, res) => {
res.render('mainPage',{title: 'Groupy'}); (THIS ONE WORK AND READ THE CSS)
});
module.exports = router;
пользователей. js
const express = require('express');
const router = express.Router();
//Login Page
router.get('/login',function(req, res) {
res.render('login',{title: 'Groupy Login'}); (DON'T READ CSS)
});
//Register Page
router.get('/register',function(req, res) {
res.render('register',{title: 'Groupy Register'}); (DON'T READ CSS)
});
module.exports = router;
layout.e js
<html>
<head>
<script type="text/javascript" src="code.js"></script>
<link rel="stylesheet" type="text/css" href="./css/style.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
</script>
<title><%= title %></title>
</head>
<body>
<div id="particles-js"> </div>
<script src="js/particles.min.js"></script>
<script src="js/app.js"></script>
<h2>teste</h2>
<%- body %>
</body>
mainPage.e js
<h1 id="title">Groupy</h1>
<div id="firstBox">
<div id="SignIn"><a href="/users/register">Register </a><div id="login"><a href="/users/login">Login</a></div>
</div>
</div>
<br>
<div id="mainBox"></div>
login.e js
<h1 id="title">Groupy Login</h1>
Повторный вход в систему (без CSS):
teste
Groupy Login