nodejs + mongodb + ejs + express 实现页面展示 connection

(1)mongo启动服务,请查看 http://www.cnblogs.com/he0xff/p/5820575.html

(2)新建 某个文件;js 例如:hello.js

安装 npm install ejs

  npm install express

  npm install mongodb

  npm install monk

新建某个 view层(看你hello.js中的定义)

/*
* @jackhe
* 文件来自:https://docs.mongodb.com/getting-started/node/query/
*/
//var MongoClient = require(‘mongodb‘).MongoClient;
//var assert = require(‘assert‘);
//var ObjectId = require(‘mongodb‘).ObjectID;
//var url = ‘mongodb://127.0.0.1:27017/test‘;

var express = require(‘express‘);
var path = require(‘path‘);
var app = express();
app.set(‘views‘, path.join(__dirname, ‘views‘));
app.set(‘view engine‘, ‘ejs‘);

/*连接数据库*/
var mongo = require(‘mongodb‘);
var monk = require(‘monk‘);
var db = monk(‘mongodb://127.0.0.1:27017/test‘);

app.get(‘/‘,function(req,res){
var collection = db.get(‘test‘);
collection.find({},function(e,docs){
console.dir(docs);
res.render(‘hello.ejs‘, {
"userlist" : docs
});

});
//res.render(‘hello‘,{userlist:collection}); //向页面模板传递参数,可以传递字符串和对象。 并且把页面模板返回给客户端。以json的格式传给 模板页面。
});
app.listen(8888);

然后ejs  模板中

<!DOCTYPE html>
<html>
<head>
<title></title>

</head>
<body>

<div style="border:1px solid red;color:#666;font-size:30px;">
<% for(i=0; i< userlist.length; i++) {%>
<a><%= userlist[i].name %></a>
<% } %>
</div>
</body>
</html>

然后 用 node 跑起来服务

你就可以通过浏览器访问了。

localhost:8888/

时间: 2024-10-01 10:58:48

nodejs + mongodb + ejs + express 实现页面展示 connection的相关文章

Nodejs学习-2 express ejs 片段视图

在Express框架下,使用ejs模板引擎: 支持默认的layout布局需要express-partials模块: 使用include代替partials: 片段视图显示方式也与3.x版不同,采用如下方式: routers/index.js 添加: router.get('/list', function(req, res) {   res.render('list',{     layout:false,     title: 'Express',     items: ['1', '2', 

老生常谈-从输入url到页面展示到底发生了什么

阅读目录 1.输入地址 2.浏览器查找域名的 IP 地址 3.浏览器向 web 服务器发送一个 HTTP 请求 4.服务器的永久重定向响应 5.浏览器跟踪重定向地址 6.服务器处理请求 7.服务器返回一个 HTTP 响应 8.浏览器显示 HTML 9.浏览器发送请求获取嵌入在 HTML 中的资源(如图片.音频.视频.CSS.JS等等) 刚开始写这篇文章还是挺纠结的,因为网上搜索"从输入url到页面展示到底发生了什么",你可以搜到一大堆的资料.而且面试这道题基本是必考题,二月份面试的时候

老生常谈-从输入url到页面展示到底发生了什么2

阅读目录 1.输入地址 2.浏览器查找域名的 IP 地址 3.浏览器向 web 服务器发送一个 HTTP 请求 4.服务器的永久重定向响应 5.浏览器跟踪重定向地址 6.服务器处理请求 7.服务器返回一个 HTTP 响应 8.浏览器显示 HTML 9.浏览器发送请求获取嵌入在 HTML 中的资源(如图片.音频.视频.CSS.JS等等) 刚开始写这篇文章还是挺纠结的,因为网上搜索"从输入url到页面展示到底发生了什么",你可以搜到一大堆的资料.而且面试这道题基本是必考题,二月份面试的时候

docker &amp; nodejs &amp; mongodb Nodejs 应用简单的访问Mongodb 部署至Docker

docker & nodejs & mongodb Nodejs 应用简单的访问Mongodb 部署至Docker 原文地址 https://www.cnblogs.com/zhangyanbo/p/5851644.html (自己操作时遇到不能继续的情况,所以稍做了修改完善) 目录结构 . ├── app.js ├── controller ├── Dockerfile ├── model ├── node_modules ├── package.json ├── router └──

nodejs安装使用express

1.用Express 应用程序生成器 express-generator 快速搭建express框架 1.1安装: npm install express-generator -g 1.2 生成目录:express -e . 命令:express -e .   express表示安装express   -e 表示使用ejs作为模板   . 表示当前目录中 1.3 安装依赖:npm install D:\nodejs\es6\server>npm install express-generator

Node.js静态页面展示例子2

例程下载:https://files.cnblogs.com/files/xiandedanteng/nodejsStaticHtmlSample.rar 页面效果: Html页面代码(注意用文本编辑器如Editplus3保存文件时要指定编码为UTF-8,否则容易出现乱码): <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="

utf-8页面展示 gbk编码的js,gbk中有中文

index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

nodejs cheerio模块提取html页面内容

nodejs cheerio模块提取html页面内容 Table of Contents 1. nodejs cheerio模块提取html页面内容 1.1. 找到目标元素 1.2. 美化文本输出 1.3. 提取答案文本 1.4. 最终代码 本文给出使用一个用cheerio模块提取html文件中指定内容的例子,并说明具体步骤.涉及到的API.以及其它模块. cheerio模块是一个类似jquery的模块,具有相似的API.功能,能够将一个网页解析为DOM,以及通过selector选择元素,设置.

树状结构Java模型、层级关系Java模型、上下级关系Java模型与html页面展示

树状结构Java模型.层级关系Java模型.上下级关系Java模型与html页面展示 一.业务原型:公司的组织结构.传销关系网 二.数据库模型 很简单,创建 id 与 pid 关系即可.(pid:parent_id) 三.Java模型 (我们把这张网撒在html的一张表里.其实用ul来展示会简单N多,自己思考为什么LZ会选择放在表里) private class Table {        private Long id; // 当前对象的id         private int x; /