nodejs + express + ejs + mongodb 一个非常简单的前后端开发的实例

2024-02-15 14:58

本文主要是介绍nodejs + express + ejs + mongodb 一个非常简单的前后端开发的实例,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

                    THE DEAD-SIMPLE STEP-BY-STEP GUIDE FOR FRONT-END DEVELOPERS TO GETTING UP AND RUNNING WITH NODE.JS, EXPRESS,JADE AND MONGODB

               翻译自: http://cwbuecheler.com/web/tutorials/2013/node-express-mongo/

一 介绍

     There are approximately one hundred million tutorials on the web for getting a "Hello, World!" app running with Node.js. 网上可以获得上亿个用nodejs运行的"Hello world"应用的文章. 如果你的目标仅仅停留在hello这个层次放弃你的web的职业生涯的话,这是非常好的.

  That doesn't really describe most of us, so we go looking for more tutorials. 当然那并不代表我们的大多数人, 所以我们会寻求更多的教程. 

   In my experience, the "next level" tutorials out there seem about 30 levels further along. 据我的经验, "下一级别"的教程似乎还有30级要走. 我们从"Hello World"的应用到创建整个具有评论功能的博客.

  1  Part1 : 15 MINUTES OF INSTALLING 15分钟安装

   我运行在WIN8系统下, 因此与那些MAC 或UBUNTU或*NIX系统有些许的不同, 但是基本原理是一样的.

 A: 第1步安装 node.js 

非常的简单,访问 Node.js website  的网站, 单击大的绿色的安装按钮.  它装根据你的OS安装相应的应用. 运行installer, 安装完Node.js后, NPM(Node Package Manager), 它非常重要,作用是快速简单的添加各种stuff到Node机器中.

  •      打开命令窗口
  •      cd 创建一个目录, 用来存放你希望的测试应用的路径.(本文的测试应用的目录是: C:\node) 
    B: 第2步: 安装express

    现在我们的node开始运行了, 实现我们在创建一个可用的web网站的时候, 我们还需求其他的工具. 我们将要安装Express, Express是一个框架, 将单纯的nodejs转变成更像一个我们曾经用过的web服务器.

C:\node>npm install -g express
      This installs some core Express functionality right into our Node installation, making it available globally so we can use it anywhere we want. That's handy. You'll see a bunch of text in your command prompt, mostly a lot of http 304's and GETs. That's fine. Express is now installed and available.

    这样就安装了一些Express的核心功能,  -g 是使它成为了全局可胜,因此我们可以在任何地方应用, 那样很方便. 你将会在你的命令窗口中见到一连串的文本, 大部分是http请求或get请求, 非常好,现在Express已经安装成功并可用了.

   C: 第3步: 创建一个Express工程 

C:\node>express --sessions nodetest1

   点击Enter你将会看到如下的内容: 

C:\node>express --sessions nodetest1
create : nodetest1
create : nodetest1/package.json
create : nodetest1/app.js
create : nodetest1/routes
create : nodetest1/routes/index.js
create : nodetest1/routes/user.js
create : nodetest1/views
create : nodetest1/views/layout.jade
create : nodetest1/views/index.jade
create : nodetest1/public/images
create : nodetest1/public/javascripts
create : nodetest1/public
create : nodetest1/public/stylesheets
create : nodetest1/public/stylesheets/style.cssinstall dependencies:
$ cd nodetest1 && npm installrun the app:
$ node app
D: 第4步: 编辑依赖

  OK, now we have some basic structure in there, but we're not quite done. You'll note that the express installation routine created a file called package.json in your nodetest1 directory. Open this up in a text editor and it'll look like this:   

{"name": "application-name","version": "0.0.1","private": true,"scripts": {"start": "node app.js"},"dependencies": {"express": "3.3.6","jade": "*"}
}

这是基本的JSON文件描述我们的应用及它的依赖关系. 我们需要添加一些内容. 特别是我们需要引入MongoDB和Monk, 让我们加入依赖对象如下:

"dependencies": {"express": "3.3.6","ejs": "*","mongodb": "1.3.19","monk": "0.7.1"
}
 

      E: 安装依赖    

    Now we're ready to go. Note that those version numbers might be out of date by the time you read this article. You can check them from your command prompt with "npm info [dependency] version" (eg: npm info mongodb version). Return to your command prompt, cd to your nodetest1 directory, and type this:

   现在我们继续. 注意这些版本号在你读到这篇文章的时候可能已经过时了. 你现在从你的命令窗口中(npm into[dependency] version)检测他们.  返回你的命令窗口, 创建nodetest1目录, 输入如下信息: 

C:\node\nodetest1>npm install
    It's going to print out a ton of stuff. That's because it's reading the JSON file we just edited and installing all the stuff listed in the dependencies object (yes, including Express – we installed the top level stuff using the –g flag, but we still have to install some necessary code for this particular project). Once NPM has run its course, you should have a node_modules directory which contains all of our dependencies for this tutorial.

   一旦你运行了npm , 将会生成一个node_modules目录用来包含文章中所有的我们的依赖.

   到现在我们有了一个完全可以运行的应用, 让我们测试一下. 目录转到你的nodetest1目录下, 输入 

C:\node\nodetest1>node app.js
 Express server listening on port 3000

    打开浏览器输入 http://localhost:3000 你将会看到 Express 的欢迎页面. 

这篇关于nodejs + express + ejs + mongodb 一个非常简单的前后端开发的实例的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/711710

相关文章

Django开发时如何避免频繁发送短信验证码(python图文代码)

《Django开发时如何避免频繁发送短信验证码(python图文代码)》Django开发时,为防止频繁发送验证码,后端需用Redis限制请求频率,结合管道技术提升效率,通过生产者消费者模式解耦业务逻辑... 目录避免频繁发送 验证码1. www.chinasem.cn避免频繁发送 验证码逻辑分析2. 避免频繁

Spring Boot集成/输出/日志级别控制/持久化开发实践

《SpringBoot集成/输出/日志级别控制/持久化开发实践》SpringBoot默认集成Logback,支持灵活日志级别配置(INFO/DEBUG等),输出包含时间戳、级别、类名等信息,并可通过... 目录一、日志概述1.1、Spring Boot日志简介1.2、日志框架与默认配置1.3、日志的核心作用

PyQt5 GUI 开发的基础知识

《PyQt5GUI开发的基础知识》Qt是一个跨平台的C++图形用户界面开发框架,支持GUI和非GUI程序开发,本文介绍了使用PyQt5进行界面开发的基础知识,包括创建简单窗口、常用控件、窗口属性设... 目录简介第一个PyQt程序最常用的三个功能模块控件QPushButton(按钮)控件QLable(纯文本

MySQL多实例管理如何在一台主机上运行多个mysql

《MySQL多实例管理如何在一台主机上运行多个mysql》文章详解了在Linux主机上通过二进制方式安装MySQL多实例的步骤,涵盖端口配置、数据目录准备、初始化与启动流程,以及排错方法,适用于构建读... 目录一、什么是mysql多实例二、二进制方式安装MySQL1.获取二进制代码包2.安装基础依赖3.清

SpringBoot 异常处理/自定义格式校验的问题实例详解

《SpringBoot异常处理/自定义格式校验的问题实例详解》文章探讨SpringBoot中自定义注解校验问题,区分参数级与类级约束触发的异常类型,建议通过@RestControllerAdvice... 目录1. 问题简要描述2. 异常触发1) 参数级别约束2) 类级别约束3. 异常处理1) 字段级别约束

Apache Ignite缓存基本操作实例详解

《ApacheIgnite缓存基本操作实例详解》文章介绍了ApacheIgnite中IgniteCache的基本操作,涵盖缓存获取、动态创建、销毁、原子及条件更新、异步执行,强调线程池注意事项,避免... 目录一、获取缓存实例(Getting an Instance of a Cache)示例代码:二、动态

基于Python开发一个图像水印批量添加工具

《基于Python开发一个图像水印批量添加工具》在当今数字化内容爆炸式增长的时代,图像版权保护已成为创作者和企业的核心需求,本方案将详细介绍一个基于PythonPIL库的工业级图像水印解决方案,有需要... 目录一、系统架构设计1.1 整体处理流程1.2 类结构设计(扩展版本)二、核心算法深入解析2.1 自

JSONArray在Java中的应用操作实例

《JSONArray在Java中的应用操作实例》JSONArray是org.json库用于处理JSON数组的类,可将Java对象(Map/List)转换为JSON格式,提供增删改查等操作,适用于前后端... 目录1. jsONArray定义与功能1.1 JSONArray概念阐释1.1.1 什么是JSONA

MySQL中的LENGTH()函数用法详解与实例分析

《MySQL中的LENGTH()函数用法详解与实例分析》MySQLLENGTH()函数用于计算字符串的字节长度,区别于CHAR_LENGTH()的字符长度,适用于多字节字符集(如UTF-8)的数据验证... 目录1. LENGTH()函数的基本语法2. LENGTH()函数的返回值2.1 示例1:计算字符串

java向微信服务号发送消息的完整步骤实例

《java向微信服务号发送消息的完整步骤实例》:本文主要介绍java向微信服务号发送消息的相关资料,包括申请测试号获取appID/appsecret、关注公众号获取openID、配置消息模板及代码... 目录步骤1. 申请测试系统2. 公众号账号信息3. 关注测试号二维码4. 消息模板接口5. Java测试