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

相关文章

基于Python开发PDF转Doc格式小程序

《基于Python开发PDF转Doc格式小程序》这篇文章主要为大家详细介绍了如何基于Python开发PDF转Doc格式小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用python实现PDF转Doc格式小程序以下是一个使用Python实现PDF转DOC格式的GUI程序,采用T

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像

Spring中@Lazy注解的使用技巧与实例解析

《Spring中@Lazy注解的使用技巧与实例解析》@Lazy注解在Spring框架中用于延迟Bean的初始化,优化应用启动性能,它不仅适用于@Bean和@Component,还可以用于注入点,通过将... 目录一、@Lazy注解的作用(一)延迟Bean的初始化(二)与@Autowired结合使用二、实例解

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

使用Go语言开发一个命令行文件管理工具

《使用Go语言开发一个命令行文件管理工具》这篇文章主要为大家详细介绍了如何使用Go语言开发一款命令行文件管理工具,支持批量重命名,删除,创建,移动文件,需要的小伙伴可以了解下... 目录一、工具功能一览二、核心代码解析1. 主程序结构2. 批量重命名3. 批量删除4. 创建文件/目录5. 批量移动三、如何安

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

Go Mongox轻松实现MongoDB的时间字段自动填充

《GoMongox轻松实现MongoDB的时间字段自动填充》这篇文章主要为大家详细介绍了Go语言如何使用mongox库,在插入和更新数据时自动填充时间字段,从而提升开发效率并减少重复代码,需要的可以... 目录前言时间字段填充规则Mongox 的安装使用 Mongox 进行插入操作使用 Mongox 进行更

基于Python开发PPTX压缩工具

《基于Python开发PPTX压缩工具》在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,不便于传输和存储,所以本文将使用Python开发一个PPTX压缩工具,需要的可以了解下... 目录引言全部代码环境准备代码结构代码实现运行结果引言在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,

mysqld_multi在Linux服务器上运行多个MySQL实例

《mysqld_multi在Linux服务器上运行多个MySQL实例》在Linux系统上使用mysqld_multi来启动和管理多个MySQL实例是一种常见的做法,这种方式允许你在同一台机器上运行多个... 目录1. 安装mysql2. 配置文件示例配置文件3. 创建数据目录4. 启动和管理实例启动所有实例