[英]How to fix rendering page error in express application
My app is a simple blog that displays a schema of the blog title, entry, date, and then a edit/delete page that isn't complete yet.我的应用程序是一个简单的博客,显示博客标题、条目、日期的架构,然后是尚未完成的编辑/删除页面。 The edit/delete will be for the post that was selected and it takes you to the .../blogList/blogEdit/_id page.
编辑/删除将针对所选的帖子,它会将您带到 .../blogList/blogEdit/_id 页面。 When I click on the edit/delete button on the blog post it gives me a 404 error.
当我点击博客文章上的编辑/删除按钮时,它给了我一个 404 错误。
app.js应用程序.js
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var bodyParser = require('body-parser');
var morgan = require('morgan');
var debug = require('debug')('app');
require('./app_server/models/db');
const todoRouter = require('./app_server/routes/index');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'app_server', 'views'));
app.set('view engine', 'jade');
...
app.get('/', todoRouter);
app.get('/blogAdd', todoRouter);
app.get('/blogList', todoRouter);
index.js索引.js
var express = require('express');
var router = express.Router();
var ctrlHome = require('../controllers/home');
var ctrlBlogA = require('../controllers/blog');
var ctrlBlogL = require('../controllers/blogL');
router.get('/', ctrlHome.bHome);
router.get('/blogAdd', ctrlBlogA.bAdd);
router.get('/blogList', ctrlBlogL.bList);
router.get('/blogList/blogEdit/:id', ctrlBlogL.eList);
router.get('/blogList/blogDelete/:id', ctrlBlogL.dList);
module.exports = router;
controller/blogL.js控制器/blogL.js
module.exports.bList = function(req, res){
res.render('blogList', {
title: 'Blog List',
pageHeader: {
title: 'Blog List',
},
blog: [{
blogTitle: 'We did one!',
blogEntry: 'I hope this gets put into my blog',
blogDate: '9/22/2020'
},{
blogTitle: 'We did two!',
blogEntry: 'I did it',
blogDate: '9/24/2020'
},{
blogTitle: 'Third entry',
blogEntry: 'complete',
blogDate: '9/24/2020'
}]
});
};
module.exports.eList = function(req, res){
res.render('blogEdit', {title: 'Blog Edit'});
};
module.exports.dList = function(req, res){
res.render('blogDelete', { title: 'Blog Delete' });
};
blogList.jade - portion that is supposed to render all the schemas blogList.jade - 应该呈现所有模式的部分
p
each blogs in blog
.col-xs-12.list-group-item
h4
p
h4= blogs.blogTitle
p
h4= blogs.blogEntry
p
h4= blogs.blogDate
//error is here I assume
a.btn.btn-default.pull-right(href="/blogEdit") Edit
a.btn.btn-default.pull-right(href="/blogDelete") Delete
在 app.js 中,需要 app.get('...') 其中包含 /blogList/.../_id ,以允许应用程序使用页面。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.