Pouchdb,视图创建似乎使正常的数据不可用

pouchdb, the view creation seems making normal data unavailable

本文关键字:数据 视图 创建 Pouchdb      更新时间:2023-09-26

我不明白创建像Couchdb这样的视图的可能性。当我在couchdb中创建一个没有视图的数据库时,我可以在pouchdb中复制。我可以使用数据打印与D3.js表,但当我创建一个视图在couchdb或pouchdb中,数据似乎存在,但具有相同代码的请求似乎会遇到麻烦。

(function(p_url, p_debug) {
'use strict';
var debug = p_debug;
var url = p_url;
var ENTER_KEY = 13;
var synStart = document.getElementById('synchronize');
var printArray = document.getElementById('printArray');
var printGraph = document.getElementById('printGraph');
var destroydb = document.getElementById('delete');
var dbOptions = {
   auto_compaction : false,
   cache : false
};
var db = new PouchDB('dblocal',dbOptions);
var remoteCouch = url;
/* getRemoteDB sans filter */
function getRemoteDB(remote) {
    db.replicate.from(remoteCouch).on('complete', function() {
        console.log('complete');
    }.on('error', function() {
        console.log('error replicate');
    }));
}
/* getRemoteDB by filter */
function getlocalDB(filter) {
}
function reset() {
    db.destroy().then(function(response) {
        console.log('destroy success');
    }).catch(function(err) {
        console.log(err);
    });
}
// The table generation function
function tabulate(id, data, columns) {
    var table = d3.select(id).append("table")
            .attr("style", "margin-left: 20px; border: solid 1px black;"),
            thead = table.append("thead"),
            tbody = table.append("tbody");
    // append the header row
    thead.append("tr")
            .selectAll("th")
            .data(columns)
            .enter()
            .append("th")
            .text(function(column) {
                return column;
            });
    // create a row for each object in the data
    var rows = tbody.selectAll("tr")
            .data(data.etablissement)
            .enter()
            .append("tr");
    // create a cell in each row for each column
    var cells = rows.selectAll("td")
            .data(function(row) {
                return columns.map(function(column) {
                    return {column: column, value: row[column]};
                });
            })
            .enter()
            .append("td")
            .attr("style", "font-family: Courier; color : white;") // sets the font style
            .html(function(d) {
                return d.value;
            });
    return table;
}

function showDatas() {
    var tab = document.getElementById('db_array');
    tab.innerHTML = '';
    db.allDocs({include_docs: true, descending: true}).then(function(doc) {
        var jsonvalues = {etablissement: []};
        doc.rows.forEach(function(row) {
            jsonvalues.etablissement.push({'numerouai': row.doc.etablissement.numerouai, 'reponses': row.doc.reponses[0].idreponse});
        });
        var dataset = jsonvalues;
        tabulate('#db_array', dataset, ['numerouai', 'reponses']);
        d3.select("db_graph").selectAll("div.h-bar") // <-B
                .data(dataset.etablissement)
                .enter()
                .append("div")
                .attr("class", "h-bar")
                .append("span");
    }).catch(function(err) {
        console.log(err);
    });
}
function createViews() {
    var ddoc = {
        _id: '_design/questions',
        views: {
            id_question: {
                map: function(doc) {
                    emit(doc.etablissement.numerouai,doc.academie.codeaca);
                }.toString()
            }
        }
    };
    db.put(ddoc).then(function() {
        console.log('vue poussée');
    }).catch(function(err) {
        console.log(err);
    });
}
function getQuestions(i) {
    console.log('getQuestions');
    db.query('questions/id_question').then(function(res) {
        console.log('res');
        console.log(res.key);
    }).catch(function(err) {
        console.log(err);
    });
}
/* main function */
function sync() {
    console.log('synchronisation ...');
    synStart.addEventListener("click", getRemoteDB.bind(this, url));
    printArray.addEventListener("click", showDatas.bind(this));
    destroydb.addEventListener("click", reset.bind(this));
    printGraph.addEventListener("click", getQuestions.bind(this));
    createViews();
}
sync();
})('http://192.168.2.128:5984/eticdegre1', true);

使它们不可用的数据,但在控制台javascript中没有错误。是否有可能像couchdb一样在同一时间拥有数据和视图?我是一个新手由于

我不太明白你的问题,但我看到了几个潜在的问题:

1)调用db.destroy()后没有重新创建数据库。当您呼叫destroy()时,您需要再次呼叫new PouchDB()才能再次使用。

2)当你做allDocs()时,你正在使用{include_docs: true},但当你query()时,你没有做同样的事情。如果您希望获得文档,您应该执行query('questions/id_question', {include_docs: true})

一般来说,这类问题可能更适合#pouchdb IRC频道或邮件列表,而不是StackOverflow。(请参阅http://pouchdb.com/底部的"讨论"链接)通常那里有人可以提供一步一步的指导!:)

谢谢你的回答。你发现了我的脚本问题,现在它工作完美。最重要的是query('questions/id_question', {include_docs: true})

谢谢