【问题标题】:How to display the content of the book如何显示书的内容
【发布时间】:2018-01-25 21:45:20
【问题描述】:

我正在尝试使用 NodeJS、MongoDB 和 Express 创建电子书。到目前为止,我只能将所有章节显示为简单的列表,如图 1 所示。显然电子书也应该有子章节,所以我希望能够点击第 1 章并查看子章节,如图 2 所示。

我的问题是:如何创建这些子章节?数据库应该是什么样子?如何操作所有这些数据?如何正确显示?

附:我已经在 MongoDB 网站上看到了用例,但对我没有帮助。

代码片段(ebook.js 模型、ebookmain.pug 视图、app.js 路由):

型号

const mongoose = require('mongoose')

let Schema = mongoose.Schema

//ebook schema
let ebookSchema = new Schema({
    title: String,
    body: String
})

// ebook model
let Ebook = mongoose.model('Ebook', ebookSchema)

module.exports = Ebook

查看

extends layout

block content
  h1.page-header #{title}
  ul.list-group
    each ebook, i in ebookpages
      li.list-group-item
        a.newsLinks(href='/ebookpages/' + ebook._id)= ebook.title

路线

app.get('/ebookmain', (req, res) => 
    Ebook.find({}, (err, ebookpages) => {
        if (err) {
            console.log(err)
        } else {
            res.render('ebookmain', {title: 'Ebook', ebookpages})
        }
    }))

图。 1.

图。 2.

已编辑。

如何添加/编辑子章节?

当我有 subchapter 的 subchapter 时该怎么办?

新增章节代码片段(routes/ebookpages.js):

// add route
router.get('/add', (req, res) =>
    res.render('add_ebook', {title: 'Add content'}))
// add submit post route
router.post('/add', (req, res) => {
    let ebook = new Ebook()
    ebook.title = req.body.title
    ebook.body = req.body.body
    ebook.save(err => {
        if (err) {
            console.log(err)
            return
        } else {
            res.redirect('/ebookmain')
        }
    })
})

【问题讨论】:

  • 这是一棵树;有很多方法可以实现这一点,包括为您完成大量工作的 NPM 包。

标签: javascript node.js mongodb express


【解决方案1】:
let ebookSchema = new Schema({
        title: String,
        body: String,
        subChapters:[{
          name: String,
          content: String,
        }]
    });

假设你的收藏中有这样的东西

    [{
       _id: '1',
       title: 'book 1',
       body: '.....',
       subChapters[]
    },{
      _id: '2'
      title: book 2'
      body: '....',
      subChapters: [{ 
                     name: 'sub-1',
                     content: '....'}]

}]

//app.js

const EB = require('./ebook.js');

//Let's say you need to add something to the array i.e subChapters.

 var obj = { name: 'sub1', content:'......'};

 EB.update({_id: '1'},{ $push: { subChapters: obj } }, function(err, info){
  if(err) throw err;
  console.log(info);
});

这是你一次只添加一个子章节的时候。

假设您要添加多个子章节,那么您将使用$each docs:https://docs.mongodb.com/manual/reference/operator/update/push/

使用$pull 从数组文档中删除:https://docs.mongodb.com/manual/reference/operator/update/pull/

要在特定位置插入一些东西,请检查我的这个答案 https://stackoverflow.com/a/47966974/8380606

希望这会有所帮助。

【讨论】:

    【解决方案2】:

    您需要更改架构并添加一组对象,这些对象将包含子章节的详细信息和内容

    //ebook.js 
    let ebookSchema = new Schema({
            title: String,
            body: String,
            subChapters:[{
              name: String,
              content: String,
            }]
        });
    
    let Ebook = mongoose.model('Ebook', ebookSchema)
    
    module.exports = Ebook
    

    路线

    //app.js
    
    app.get('/ebookmain', (req, res) => 
        Ebook.find({}, (err, ebookpages) => {
            if (err) {
                console.log(err)
            } else {
                res.render('ebookmain', {title: 'Ebook', ebookpages})
            }
        }));
    

    这是您的视图文件。获取下拉菜单使用 css

    //- ebookmain.pug
    extends layout
    
    block content
      h1.page-header #{title}
      ul.list-group
        each ebook, i in ebookpages
          li.list-group-item
            a.newsLinks(href='/ebookpages/' + ebook._id)= ebook.title
             if ebookpages.subChapters.length
              ul
               each subChap in ebookpages.subChapters
                li.list-group-item
                  a.newSubChp(href='/ebookpages/'+ebook._id+'/'+subChap.name) = subChap.name
    

    然后你只需要从数组中获取数据。 :) 希望这会有所帮助

    【讨论】:

    • 在这个应用程序中我可以添加/编辑章节,所以我想知道如何在子章节中实现这个功能?检查我的新代码片段。
    • 子章节有子章节怎么办?
    • 您可以对子章节数组进行操作。
    • 上面的代码片段(见已编辑)。
    • 能否提供子章节数组的操作示例?
    【解决方案3】:

    您的架构结构将如下所示:

    let ebookSchema = new Schema({
        title: String,
        body: String,
        subchpaters:[{
          name: String,
          content: String,
        }]
    })
    
    
    
     Ebook.find({title:'example'}, (err, ebookpages) => {
            if (err) {
                console.log(err)
            } else if(ebookpages) {
                Ebook.find({"subchpaters.name","subchpaters.content"}, (err, doc) => {
                 if(err) {
                   console.log("error",err);
                 } else {
                   console.log("doc",doc);
                 }
            }
    

    【讨论】:

    • 您可以根据您的需要进行一些其他更改,这可能是一个例子
    猜你喜欢
    • 2019-04-19
    • 2010-11-17
    • 1970-01-01
    • 2016-01-21
    • 1970-01-01
    • 2021-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多