首页express脚手架项目怎么打开新页面

express脚手架项目怎么打开新页面

时间: 2023-11-11 20:54:22 浏览: 100

在express脚手架项目中，打开新页面需要使用前端的技术实现，如HTML、JavaScript、CSS等。 1. 在前端代码中添加链接在前端代码中，可以使用 `<a>` 标签添加链接，例如： ``` <a href="/new-page">打开新页面</a> ``` 这样点击链接时，就会跳转到 `/new-page` 路径对应的页面。 2. 在后端代码中添加路由在后端代码中，需要添加对应的路由来处理请求。可以在 `routes` 文件夹中的 `index.js` 文件中添加路由，例如： ``` router.get('/new-page', function(req, res, next) { res.render('new-page', { title: 'New Page' }); }); ``` 这样当访问 `/new-page` 路径时，就会渲染名为 `new-page` 的模板，并传入 `{ title: 'New Page' }` 对象作为模板数据。 3. 在模板中添加页面内容在模板文件中，可以添加新页面的内容。例如，在 `views` 文件夹中新建一个名为 `new-page.ejs` 的模板文件，添加如下内容： ``` <!DOCTYPE html> <html> <head> <title><%= title %></title> </head> <body> <h1>New Page</h1> <p>This is a new page.</p> </body> </html> ``` 这样就可以在访问 `/new-page` 路径时，显示出新页面的内容了。

阅读全文