原文出处：全栈初体验前言据说前端找不到后端的工作。吓得我这几天看了一下Nodejs和MongoDB，做了一个应该算是最简单的前后端例子，如图所示输入账号密码，提交表单，将信息保存到数据库然后重定向到showInfo页面获取数据库中的信息，并在浏览器上渲染具体代码：github主要技术前端模板：jade后台框架：express-generator数据库连接：mongoose默认电脑安装nodejs，yarn或者npm,MongoDBearlyyarnaddexpress-generator//expressinfoSave//创建并生成express项目cdinfoSaveyarninstall//安装依赖包yarnstart//可以到localhost:3000看到运行界面yarnaddmongoose//安装mongoose，无需安装jade，express-generator自动安装mid-termcdviews并修改index.jade文件内容为extendslayoutblockcontenth1=titlepWelcometo#{title}form(method="post",action="/")babel(for="user")用户名??输入(type="text",name="user",id="user")brbabel(for="passwd")密码输入(type="password",name="passwd",id="passwd")brinput(type="submit",value="submit")touchshowInfo.jadeextendslayoutblockcontenth1=titlep欢迎来到#{title}ul每个信息，iininfoslispan.useraccount:#{info.user} span.passwdpassword:#{info.passwd}这两个玉石就是我们的/和/showInfo路由渲染出来的页面。cdindex.js改为router.get('/',function(req,res,next){res.render('index',{title:'infoSave'});});添加router.get('/showInfo',function(req,res,next){infos.find({},function(err,docs){if(err){res.render('showInfo',{title:'showInfo'});}else{res.render('showInfo',{title:'showInfo',infos:docs});}});在公共文件夹form.cssform的stylesheets文件夹中新建一个css文件{宽度：300px；高度：300px；}babel{display：block；font-size：20px；}input：not（[type="submit"]）{box-sizing：border-box；padding：5px；width：200px；字体大小：15px；浮动：右；}input[type="提交"]{浮动：右；宽度：100px；填充：5px；背景：#79f；光标：指针；字体大小：15px；}在这个时候yarnstart会发现可以加载localhost:3000localhost:3000/showInfo会报错，因为我们还没有和数据进行交互，后面在infoSave目录下，创建两个文件夹，schemas文件夹，用来存放数据库集合的模型骨架，models文件夹存放数据操作文件夹schemas的Schema构建实例，并在其中创建文件info.js，内容是letmongoose=require('mongoose');letInfoSchema=newmongoose.Schema({user:String,passwd:String})//exportInfoSchema模式module.exports=InfoSchema;文件夹模型，创建文件信息。js，内容是letmongoose=require('mongoose');letinfoSchema=require('../schemas/info.js');//引入'../schemas/info.js'导出的schema模块//编译生成infomodelletinfos=mongoose.model('userInfo',infoSchema);//导出infomodel[constructor]module.exports=信息；添加app.js文件//连接MongoDB中的infoDB数据库，如果没有则自动生成varmongoose=require('mongoose');mongoose.connect('mongodb://127.0.0.1:27017/infosDB');至此，我们的项目就结束了，试试yarnstart，记得先打开MongoDB结论，有种搬代码不写教程的感觉。自己搭建前后端环境还是第一次。真的很愉快。欢迎私信交流。您还可以阅读我的博客cheesekun.top？
