如何调用MongoDB中的数据给JS传递

Colin1996 2019-02-10 05:22:50

本人web小白一只，想做一个爬虫数据分析的项目，
无奈老师要求我必须有可视化的web界面，就如同下图，这个页面我查了一下资料大致可能是通过echart 实现，但是我实在搞不清楚如何将我已经爬取的mongodb的数据导入到JS的前端页面，请各位大神给我支招一个学习的路线，或者是实战的学习资源

...全文

339 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_43884113 2020-03-07

打赏
举报

我也在做这种项目，想问楼主怎么把数据库中东西跟前端页面结合的

陈志航1995 2019-02-11

打赏
举报

看看echart的官方文档，很详细的。只要有后端的数据，前端根据文档的提示写就没问题。

注意: Node.js MongoDB AngularJSWeb开发（（中文版））pdf 由于文件比较大，次分为三部分上传，下载好三部分之后，放在同一个文件夹下，进行解压即可，另外两部分地址为： part2:http://download.csdn.net/detail/u010870518/9539548 part3:http://download.csdn.net/detail/u010870518/9539542 第1部分引言第1章介绍Node.js-to-AngularJS套件 3 1.1 了解基本的Web开发框架 3 1.1.1 用户 4 1.1.2 浏览器 4 1.1.3 Web服务器 6 1.1.4 后端服务 6 1.2 了解Node.js-to-AngularJS套件组件 7 1.2.1 Node.js 7 1.2.2 MongoDB 8 1.2.3 Express 9 1.2.4 AngularJS 9 1.3 小结 10 1.4 下一章 10 第2章 JavaScript基础 11 2.1 定义变量 11 2.2 了解JavaScript数据类型 12 2.3 使用运算符 13 2.3.1 算术运算符 13 2.3.2 赋值运算符 14 2.3.3 运用比较和条件运算符 14 2.4 实现循环 16 2.4.1 while循环 17 2.4.2 do/while循环 17 2.4.3 for循环 17 2.4.4 for/in循环 18 2.4.5 中断循环 19 2.5 创建函数 19 2.5.1 定义函数 20 2.5.2 传递变量给函数 20 2.5.3 从函数返回值 20 2.5.4 使用匿名函数 21 2.6 理解变量作用域 22 2.7 使用JavaScript对象 22 2.7.1 使用对象语法 23 2.7.2 创建自定义对象 23 2.7.3 使用原型对象模式 24 2.8 处理字符串 25 2.8.1 合并字符串 26 2.8.2 在字符串中搜索子串 26 2.8.3 在一个字符串中替换单词 27 2.8.4 将字符串分割成数组 27 2.9 使用数组 27 2.9.1 合并数组 28 2.9.2 遍历数组 29 2.9.3 将数组转换为字符串 29 2.9.4 检查数组是否包含某个条目 29 2.9.5 在数组中添加条目和删除条目 30 2.10 添加错误处理 30 2.10.1 try/catch块 30 2.10.2 抛出你自己的错误 31 2.10.3 使用finally 31 2.11 小结 32 2.12 下一章 32 第2部分学习Node.js 第3章开始使用Node.js 35 3.1 了解Node.js 35 3.1.1 谁在使用Node.js 35 3.1.2 Node.js的用途 36 3.2 Node.js安装 36 3.2.1 纵观Node.js安装位置 36 3.2.2 验证Node.js可执行文件 37 3.2.3 选择Node.js IDE 37 3.3 使用Node.js包 38 3.3.1 什么是Node封装模块 38 3.3.2 了解Node包注册表 38 3.3.3 使用Node包管理器 38 3.3.4 搜索Node封装模块 39 3.3.5 安装Node封装模块 40 3.3.6 使用package.json 41 3.4 创建Node.js应用程序 43 3.4.1 创建Node.js模块封装 43 3.4.2 将一个Node.js封装模块发布到NPM注册表 45 3.4.3 在Node.js应用程序中使用Node.js封装模块 46 3.5 将数据写入控制台 47 3.6 小结 49 3.7 下一章 49 第4章在Node.js中使用事件、监听器、定时器和回调 51 4.1 了解Node.js事件模型 51 4.1.1 比较事件回调和线程模型 51 4.1.2 在Node.js中阻塞I/O 52 4.1.3 会话示例 54 4.2 将工作添加到事件队列 54 4.2.1 实现定时器 55 4.2.2 使用nextTick来调度工作 58 4.2.3 实现事件发射器和监听器 59 4.3 实现回调 62 4.3.1 向回调函数传递额外的参数 63 4.3.2 在回调中实现闭包 64 4.3.3 链式回调 65 4.4 小结 66 4.5 下一章 66 第5章在Node.js中处理数据I/O 67 5.1 处理JSON 67 5.1.1 把JSON转换成JavaScript对象 67 5.1.2 把JavaScript对象转换为JSON 68 5.2 使用Buffer模块缓冲数据 68 5.2.1 了解缓冲数据 69 5.2.2 创建缓冲区 69 5.2.3 写入缓冲区 70 5.2.4 从缓冲区读取 71 5.2.5 确定缓冲区长度 72 5.2.6 复制缓冲区 73 5.2.7 对缓冲区切片 74 5.2.8 拼接缓冲区 75 5.3 使用Stream模块来传送数据 76 5.3.1 Readable流 76 5.3.2 Writable流 78 5.3.3 Duplex流 81 5.3.4 Transform流 82 5.3.5 把Readable流用管道输送到Writable流 84 5.4 用Zlib压缩与解压缩数据 85 5.4.1 压缩和解压缩缓冲区 85 5.4.2 压缩/解压缩流 87 5.5 小结 88 5.6 下一章 88 第6章从Node.js访问文件系统 89 6.1 同步和异步文件系统调用 89 6.2 打开和关闭文件 90 6.3 写入文件 91 6.3.1 简单文件写入 91 6.3.2 同步文件写入 92 6.3.3 异步写入文件 93

介绍使用DeriveJS ，您可以在后台操作和创建Javascript数据对象，同时自动透明地将其持久化并更新到数据库（例如MongoDB）上，而无需任何其他麻烦或代码。它使用包装您的数据类和对象，“敲入”本机操作，例如创建实例（使用常规new运算符），更新属性值（使用常规赋值operator = ），然后处理传递的数据库调用在后台访问数据库的同时，以一种智能的方式利用MongoDB的批量操作功能，以节省不必要的对db引擎的调用，并以固定（可设置）的间隔运行批量操作。后台引擎主要由称为SyncManager的模块透明地处理。注意：这是完整的技术参考，如果您要阅读较不冗长的介绍，可以

本课程环境：MongoDB 3.4.x CentOS 7.x本课程为初级课程，围绕高阶聚合函数的使用、索引的介绍及原理解析、索引优化、性能优化、副本集搭建及分布式分片集群的搭建和原理解析来对MongoDB进行更深入的学习。本课程对于DBA、开发、BI来说是非常友善的，从是安装集群到使用集群，再到集群的优化，生产上可能遇到的情况都将在本课程中依次出现。如何优化索引，提升查询效率更是老生常谈的问题。分布式集群如何有效利用空间来换取时间上的增量，达到百万并发。学习完本课程后，同学们将对MongoDB有一个系统的认识，并且对如何应用MongoDB开发也会形成一套系统框架，深入学习本课程后，将掌握MongoDB的大多使用场景。

练习危险！使用NextJS 部署在这是“的另一种实现方式使用NextJS代替Create React App。在原始的Create React App中，数据是通过调用传递到MongoDB数据库的，而这里的每个线索都有一个单独的预渲染的静态页面。在构建过程中，每个页面都是从JSON文件（ data/clues.json ）条目生成的。在每个游戏开始时，服务器都会发送要链接到的随机线索的ID，以确保用户从随机地点开始并正在读取新的线索。从本地服务器运行首先，运行开发服务器： npm run dev # or yarn dev 使用浏览器打开以运行该应用程序。

Node-http：服务器这是一个基本的API服务器，为关联的应用程序提供功能。该API使用Mongoose对传递给它的数据进行建模。可以在models/likedShips.js找到。该API还连接到托管在云上的MongoDB数据库。 *至少3个端点可从您的服务器获取数据 server . get ( '/model/likedShips' , ( req , res ) => { LikedShips . find ( { } , ( err , items ) => { if ( err ) { console . log ( handleError ( err ) ) } res . json ( items ) } ) } ) 当用户转到“收藏夹”页面时，将调用此函数从数据库中检索喜欢的船只的列表。 server .

JavaScript

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章