重写nodejs开发指南_简易微博实例

这是学习nodeJS练习的小实例 使用了NodeJS + Express4.x + ejs + MongoDB 期间由于技术更新太快 网络上大多数资料过于久远 所以重写了这个小实例并记录下来 项目中肯定有很多地方写的不太合理 感觉自己也是半壶水 只能说勉强实现 欢迎雅正 共同学习 ths

项目地址：https://github.com/Cristop3/NodeJS/tree/b1/NodeJS20161207

• 环境搭建
  ①安装Node环境：到官网对应下载node msi包（我是windows）傻瓜式安装0.0 并且在把nodejs的bin目录文件添加到系统的环境变量当中 如果不出意外 打开win终端 输入node -v你应该会看到这样就表示成功了
  貌似现在node中包含了npm所以你可以继续在终端中 输入npm -v 可以查看npm安装版本
  
  由于国内有座墙 所以有时候可以使用淘宝的镜像npm文件下载安装速度比较快 具体参考这篇博文 切换淘宝镜像cnpm 继续在终端中 输入cnpm -v 可以看到其版本表示安装成功
  
  好了 到此我们的Node环境就算是安装完成了 因为使用的是Express框架 所以接下来安装Express环境
  ②安装Express环境：
  这里在我以前安装的是候使用的是npm install -g express碰到了安装不了 后面才知道现在的express需要这样安装才行npm install -g express-generator在终端执行了之后会看到关于express的信息 键入express -v 若出现下面这图示表示安装成功
  

• 构建项目
  ①在你想要创建的工程目录下面打开终端 键入 expree -e mynode 其中express -e是框架提供的构建项目方法且添加ejx为模板引擎 mynode指的是创建的文件夹名也就是你的项目文件 或者你可以先建好一个文件在终端中只输入 express -e就ok了（这个是框架自己构建的） 如图：
  
  
  ②切换至你的工程文件夹下面 键入npm install安装包依赖
  
  到此express框架目录安装完善 下面在当前文件终端下面 键入npm start(这里以前貌似使用node app.js启动项目 express4.x修改了具体可以在www文件中查看 在package.json中可以修改) 再访问localhost:3000 看到下图所示表示成功
  
  ③目录结构说明
  <1>bin,存放启动项目的脚本文件
  <2>node_modules, 存放所有的项目依赖库
  <3>public，静态文件(css,js,img)
  <4>routes，路由文件(MVC中的C,controller)
  <5>views，页面文件(Ejs模板)
  <6>package.json，项目依赖配置及开发者信息
  <7>app.js，应用核心配置文件
  ④建议：在正式开发项目时 如果完全没有了解过Node的可以先去大致了解下API nodeAPI 再尝试了解如下图所示：
  

• 创建应用
  ①下面我们来创建应用模板文件 大多数的动态语言编程类似于jsp,php中都有对应的模板文件也就是用户所看到的页面 称为V层；通过业务逻辑C层和M层来进行数据的交互 再通过路由来进行访问。因此我们需要在view文件夹下面创建我们的视图文件如：
  
  其中这个.ejs文件里面 也就是.html页面（但其中个别细节你需要知道关于ejs模板如何书写 具体参考资料）
  
  ②引入外部静态文件：比如css,js啊等等 只需放入在工程文件的public下面
  
  ③app.js文件
  
  
  
  
  
  

• 链接数据库
  本次实例使用的是MongoDB非关系型数据库 具体可以自己Google
  ①依然到官网去下载msi文件 傻瓜式安装 并添加到系统环境当中
  ②在盘符任意位置 新建一个文件夹如mongoDB在终端中输入start C:\Program Files\MongoDB\Server\3.2\bin\mongod.exe --dbpath E:\mongoDB\data 来启动mongodb服务 那么数据库存在本地的data文件夹下面 若出现如下图所示就表示启动服务ok:
  
  ③它的服务监听的端口是27017 那么只需打开浏览器 键入localhost://27017 若看到如下所示：
  
  ④在安装mongodb文件下找到bin目录所在之处：
  
  在此处打开终端 键入 mongo 就可以连接mongodb数据库进行操作了
  
  ⑤这里每次使用mongodb服务 都需要去终端键入代码 所以一般我们把它写成个批处理文件（.bat） 每次启动只需双击文件就ok
  
  ⑥可能很多时候我们更喜欢在图形界面中操作数据库 因此推荐下载Robomongo可视化操作mongodb 网上找资源下载安装 先启动服务再打开它
  

• 终端下操作数据库基本操作
  ①链接数据库
  
  ②查看数据库
  
  ③创建或使用数据库
  
  ④创建数据库document(表)
  
  ⑤使用数据库document(表)
  
  ⑥删除数据库document(表)
  
  这里只是展示了简单的操作数据库 还有更多的比如基础的增删查改 需要自己去研究（主要其他的忘了截图0.0）

• Node项目中链接数据库
  ①这次我使用的是mongoose驱动来操作数据库 在你的项目文件下（也就是最开始我们express -e 的那个文件下面）打开终端 键入npm install mongoose -save 会安装包依赖 在package.json中可以看到
  ②那么先参考下这篇文章mongoose文档
  ③其实到这里很多人可能存在疑惑 到底我的数据库连接该写的那个文件下 目录是该怎么部署 其实我第一次做的时候 是全部写在了路由控制里面 后来看别人写的 遵循了MVC的设计模式
  
  这里其实就是在schema文件下 是所有关于数据模型定义；model文件下就是操作数据库行为的（比如链接数据库啊 定于实例模型啊）；service文件下就是一些方法来操作由model层返回的实例模型；然后在routers路由里面再操作由service返回的对象方法 这个不是固定而且最好的方案 我也是摸着石头过的河
  ④提示下：可能在项目中运行时会遇到mongoose_lib过期问题 解决的办法就是在model层添加 mongoose.Promise = global.Promise;

• 关于项目调试
  ①为了我们不再修改一次代码就重启node服务 所以可以npm -g install supervisor 只有修改代码 它会自动重启node服务
  ②在项目文件下打开终端 键入npm install -g node-inspector
  ③再开启另一个终端 键入 node-inspector &
  ④在②的步骤下键入 supervisor --debug ./bin/www就可以像客户端一样在f12下打断点调试
  ⑤访问http://127.0.0.1:8080/debug?port=5858查看工程项目进行调试

• 实例截图
  
  

源码在github上 这个也是我自己摸索出来的 期间代码中 肯定有很多不合理的地方 这是第一次尝试用node写东西 写的不好的地方 希望谅解 只是为了记录一下自己的学习 若实在看不惯 望雅正 我会继续学习的 0.0