修改index.js路由规则：

var express = require('express');

var router = express.Router();

/* GET home page. */

router.get('/', function(req, res, next) {

  res.render('index', { title: '主页' });

});

router.get('/reg',function(req,res,next){

    res.render('reg', { title: '注册' });

});

router.post('/reg',function(req,res,next){

});

router.get('/login',function(req,res,next){

    res.render('login', { title: '登录' });

});

router.post('/login',function(req,res,next){

});

router.get('/post',function(req,res,next){

    res.render('post', { title: '发表' });

});

router.post('/post',function(req,res,next){

});

router.get('/logout',function(req,res,next){

});

module.exports = router;

2、修改index.ejs视图

<%- include header %>

这是主页

<%- include footer%>

3、新增header.ejs

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Blog</title>

    <link rel="stylesheet" href="/stylesheets/style.css">

</head>

<body>

    <header>

        <h1><%= title %></h1>

    </header>

    <nav>

        <span><a title="主页" href="/">home</a></span>

        <span><a title="登录" href="/login">login</a></span>

        <span><a title="注册" href="/reg">register</a></span>

    </nav>

    <article>

4、新增footer.ejs

        </article>

    </body>

</html>

5、新增login.ejs reg.ejs post.ejs

<%- include header %>

    <form method="post">

        用户名：<input type="text" name="name"/><br/>

        密码：<input type="password" name="password"/><br/>

        <input type="submit" value="登录"/>

    </form>

<%- include footer %>
<%- include header %>

    <form method="post">

        用户名：<input type="text" name="name"/><br/>

        密码：<input type="password" name="password"/><br/>

        确认密码：<input type="password" name="repassword"/><br/>

        邮箱：<input type="email" name="email"/><br/>

        <input type="submit" value="注册"/>

    </form>

<%- include footer %>
<%- include header %>

    <form method="post">

        标题：<br/>

        <input type="text" name="title"/><br/>

        正文：<br/>

        <textarea name="post" rows="20" cols="100"></textarea><br/>

        <input type="submit" value="发表"/>

    </form>

<%- include footer %>

现在浏览器可以访问表单页面：

使用express+mongoDB搭建多人博客 学习（2）路由与模板的更多相关文章

  1. 使用express+mongoDB搭建多人博客 学习（6）发表文章

    发表文章 1.在modules文件夹下新建post.js var mongodb=require("./db"); function Post(name,title,post){ ...

  2. 使用express+mongoDB搭建多人博客 学习（3）connect-flash和mongodb，表单注册

    1.根目录下新建settings.js,存放数据库配置 module.exports={ cookieSecret:"myblog", db:"blog", h ...

  3. 使用express+mongoDB搭建多人博客 学习（5）权限控制

    修改index.js如下: var express = require('express'); var router = express.Router(); var crypto=require('c ...

  4. 使用express+mongoDB搭建多人博客 学习（1） 安装blog工程

    一.安装 1.安装express npm install -g expressnpm install -g express-generator 2.用ejs做模板,新建blog工程express -e ...

  5. 使用express+mongoDB搭建多人博客 学习（4）登录与登出

    登录 修改index.ejs <%- include header %> <% if(locals.error){ %> <span><%= locals.e ...

  6. nodejs实战《一起学 Node.js》 使用 Express + MongoDB 搭建多人博客

    GitHub: https://github.com/nswbmw/N-blog N-blog 使用 Express + MongoDB 搭建多人博客 开发环境 Node.js: 6.9.1 Mong ...

  7. 2015年12月12 Node.js实战（一）使用Express+MongoDB搭建多人博客

    序,Node是基于V8引擎的服务器端脚本语言. 基础准备 Node.js: Express:本文用的是3.21.2版本,目前最新版本为4.13.3,Express4和Express3还是有较大区别,可 ...

  8. 第1章 Express MongoDB 搭建多人博客

    学习环境 Node.js : 0.10.22 + Express : 3.4.4 + MongoDB : 2.4.8 + 快速开始 安装 Express express 是 Node.js 上最流行的 ...

  9. 基于react全家桶+antd-design+webpack2+node+express+mongodb开发的前后台博客系统

    很久没更新博客,最近也有点忙,然后业余时间搞了一个比较完整基于react全家桶+antd-design+webpack2+node+express+mongodb开发的前后台博客系统的流程系统,希望对 ...

随机推荐

  1. 简单实现php文件管理

    如何能够利用PHP语言来进行空间中的文件管理,为我们带来良好的空间布局呢?今天我们就为大家介绍一种简便的PHP文件管理的实现方法. PHP预定义变量数组种类概览 PHP uploaded_files函 ...

  2. java IO流文件的读写具体实例(转载)

    引言: 关于java IO流的操作是非常常见的,基本上每个项目都会用到,每次遇到都是去网上找一找就行了,屡试不爽.上次突然一个同事问了我java文件的读取,我一下子就懵了第一反应就是去网上找,虽然也能 ...

  3. Android Studio 使用Gradle多渠道打包

    第一步:配置AndroidManifest.xml 以友盟渠道为例,渠道信息一般都是写在 AndroidManifest.xml文件中,大约如下: <meta-data android:name ...

  4. TCP连接过程

    TCP建立连接与释放连接  最近复习准备<计算机网络>考试,感觉TCP协议建立连接与释放连接这两个过程比较重要,所以把自己理解的部分写下来. 1.建立连接:(三次握手)   (1)客户端发 ...

  5. 百度地图API简单应用——1.根据地址查询经纬度

    这几天比较空闲,就接触了下百度地图的API(开发者中心链接地址:http://developer.baidu.com),发现调用还是挺方便的.只要简单几步注册下,就可以获得一个Key,就能直接调用(P ...

  6. [转载]Android版本更新与JSON解析

    /*  *注意,这篇文章转载自:  *http://blog.csdn.net/xjanker2/article/details/6303937  *一切权利归作者所有,这里只是转载,曾经用到过这篇文 ...

  7. 微信小程序网络请求wx.request请求

    最近微信小程序开始开放测试了,小程序提供了很多api,极大的方便了开发者,其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api. 百牛信 ...

  8. ceph学习之pool

    pool是ceph存储数据时的逻辑分区,它起到namespace的作用.其他分布式存储系统,比如Mogilefs.Couchbase.Swift都有pool的概念,只是叫法不同.每个pool包含一定数 ...

  9. 【旧文章搬运】关于在指定进程调用KeUserModeCallback的问题

    原文发表于百度空间,2010-10-07========================================================================== 由于KeU ...

  10. HDFS源码分析四-HDFS Client

    4. HDFS Client ( 未完待续 ) 目录: 4.1 认识 DFSClient ( 未完待续 ) 4.2 输入流 ( 未完待续 ) 4.3 输出流 ( 未完待续 ) 4.4 Distribu ...