node.js 用于 POST / 向特定用户页面添加内容的快速路由 url

Question

我需要为我的 node.js express 项目找出正确的路线。我正在为培训师创建一个健康应用程序来管理他的客户。培训师可以访问个人客户资料并单击“任务列表”按钮访问他们的锻炼列表。在“练习列表”页面上，我需要能够将练习添加到其下方的列表中。

棘手的部分是将锻炼添加到该用户的锻炼列表的路由和 URL。

**tasks.js POST 问题所在，特别是重定向路由：重定向路由是否有可能？

----[[[[ res.redirect('user/' + _id +  '/tasklist');  ]]]]

/* POST new exercise */
router.post('/user/:_id/tasklist/add', function(req, res, next){

    var _id = req.params._id;
    console.log("Add task for user id " + _id)

    if (!req.user || !req.body || !req.body.text) {
        //no task text info, redirect to home page with flash message
        req.flash('error', 'please enter an exercise');
        res.redirect('user/:_id/tasklist');
    }

    else {

        // Insert into db. New tasks are assumed to be not completed.
        var dateCreated = new Date();
        // Create a new Task, an instance of the Task schema, and call save()
        new Task( { user: _id , text: req.body.text, completed: false, dateCreated: new Date()} ).save()
            .then((newTask) => {
                console.log('The new exercise created is: ', newTask);
                res.redirect('user/:_id/tasklist');
            })
            .catch((err) => {
                next(err);   // most likely to be db error.
            });
    }
});

** tasklist.hbs，顶部附近的 POST 添加按钮。需要仔细检查这里的路线和任务列表路线

<h1>EXERCISES</h1>
<div class="taskinfo">
<div class="addtask">
    <form method="POST" action="/tasks/user/{{user.id}}/tasklist/add" class="add_form">
        <input id="addtask_text" name="text" type="text" placeholder="Enter an exercise" required>
        <input type="hidden" name="_id" value="{{user._id}}">
        <input class="addtask_button" type="submit" value="ADD Exercise">
    </form>
</div>

<div class="messages">
    {{#if messages}}
        <p class="error_msg">{{messages.error}}</p>
        <p class="info_msg">{{messages.info}}</p>
    {{/if}}
</div>

<div class="tasklist">
    {{#each tasks}}
        <p>{{@tasklist}}: <a href="/user/{{user.id}}/tasklist/{{this._id}}">{{this.text}}</a></p>


        <form action="/user/{{user._id}}/tasklist/done" method="POST" class="done_form">
            <input type="hidden" name="_id" value="{{this._id}}">
            <input class="done_button" type="submit" name="done" value="Done">
        </form>

        <form action="/user/{{user._id}}/tasklist/delete" method="POST" class="delete_form">
            <input type="hidden" name="_id" value="{{this._id}}">
            <input class="delete_button" type="submit" name="done" value="Delete">
        </form>
    {{else}}
        <p>There are no exercises. Time to create a list!</p>
    {{/each}}

我收到 404 错误，因为新任务需要连接到用户的 ID 和他们的任务列表。这是我的 github 仓库：https://github.com/jhchiu1/healthapp

Answer 1

尝试将您的 user.id 更改为 user_id。我刚刚注意到，当您从 index.js 呈现任务列表时，您已经将用户 ID 传递为 user_id。但是您尝试使用user.id 访问它而不是user_id。

res.render('tasklist', { user_id: req.user._id, tasks : docs }); //index.js

<form method="POST" action="/tasks/user/{{user_id}}/tasklist/add" class="add_form">
        <input id="addtask_text" name="text" type="text" placeholder="Enter an exercise" required>
        <input type="hidden" name="_id" value="{{user_id}}">
        <input class="addtask_button" type="submit" value="ADD Exercise">
</form>

如果失败，请将任务列表 res.render() 的 user_id 更改为 req.params._id，如下所示：

res.render('tasklist', { user_id: req.params._id, tasks : docs });