创建第一个node+express+ejs+mongodb写的第一个大型项目博客简易版

  • 该博客请忽视页面,只写的代码,前端的页面部分没有很好的处理,但这也是小白可以看得懂的一个博客,比较简单,因为对于小白来说,在网上一搜都是看不懂,所以就总结了一下较简易的前期的版本。
  • 下面这个是写的前端的页面,需要实现的结果,比较简单,大神绕路。
  • 创建第一个node+express+ejs+mongodb写的第一个大型项目博客简易版
  • 这个实现的功能是当打开首页的时候显示这些按钮,首页、标签、注册和登录,当登录上之后就把注册和登录消失,发布和退出超链接显示出来,其中左边的侧边栏和上面的头部是个不变的部分,可以把它们和内容部分分离开来,这样在.ejs文件中就不需要都写头部和尾部,直接导入即可,把头部和尾部单独放在连个.ejs文件中。
  • 接下来首先把前端的页面写好,并想好怎么实现这些功能,写好前端页面之后开始在前端发送请求,让服务器端来处理发送过来的请求。
  • 接受先把models中的模板写好,考虑好需要什么模板,我写的博客一共三个模板,用户、文章、数据库连接的模板,其中后期还有一个评论的模板。
  • 下面是目录,views(视图)和models(数据模板)中的目录结构,如下图

创建第一个node+express+ejs+mongodb写的第一个大型项目博客简易版

  • 其中页面的请求都放在了form表单中自带的请求,请求方式是post,所以页面只写form表单即可,一定记住模板中只有一个根元素,所以在form表单的外面加个标签把form包裹。
  • 接下来开始在server.js就是入口文件中导入所需要的模块和实例化对象和导入接口。

创建第一个node+express+ejs+mongodb写的第一个大型项目博客简易版

  • 最后开始在routers中处理各种请求
  • 其中在登录成功之后要把用户的信息存放在session中,这样这个项目的每个请求都可以使用用户的信息

创建第一个node+express+ejs+mongodb写的第一个大型项目博客简易版

  • 在发布文章的页面,必须在发布文章成功的时候,找到用户(该用户信息在session中),让用户的文章数量加1 ,

创建第一个node+express+ejs+mongodb写的第一个大型项目博客简易版