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实例题之pygame开发打飞机游戏实例代码

《Python实例题之pygame开发打飞机游戏实例代码》对于python的学习者,能够写出一个飞机大战的程序代码,是不是感觉到非常的开心,:本文主要介绍Python实例题之pygame开发打飞机... 目录题目pygame-aircraft-game使用 Pygame 开发的打飞机游戏脚本代码解释初始化部

使用Python开发一个现代化屏幕取色器

《使用Python开发一个现代化屏幕取色器》在UI设计、网页开发等场景中,颜色拾取是高频需求,:本文主要介绍如何使用Python开发一个现代化屏幕取色器,有需要的小伙伴可以参考一下... 目录一、项目概述二、核心功能解析2.1 实时颜色追踪2.2 智能颜色显示三、效果展示四、实现步骤详解4.1 环境配置4.

Python使用smtplib库开发一个邮件自动发送工具

《Python使用smtplib库开发一个邮件自动发送工具》在现代软件开发中,自动化邮件发送是一个非常实用的功能,无论是系统通知、营销邮件、还是日常工作报告,Python的smtplib库都能帮助我们... 目录代码实现与知识点解析1. 导入必要的库2. 配置邮件服务器参数3. 创建邮件发送类4. 实现邮件

Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析

《Spring组件实例化扩展点之InstantiationAwareBeanPostProcessor使用场景解析》InstantiationAwareBeanPostProcessor是Spring... 目录一、什么是InstantiationAwareBeanPostProcessor?二、核心方法解

java String.join()方法实例详解

《javaString.join()方法实例详解》String.join()是Java提供的一个实用方法,用于将多个字符串按照指定的分隔符连接成一个字符串,这一方法是Java8中引入的,极大地简化了... 目录bVARxMJava String.join() 方法详解1. 方法定义2. 基本用法2.1 拼接

基于Python开发一个有趣的工作时长计算器

《基于Python开发一个有趣的工作时长计算器》随着远程办公和弹性工作制的兴起,个人及团队对于工作时长的准确统计需求日益增长,本文将使用Python和PyQt5打造一个工作时长计算器,感兴趣的小伙伴可... 目录概述功能介绍界面展示php软件使用步骤说明代码详解1.窗口初始化与布局2.工作时长计算核心逻辑3

Linux lvm实例之如何创建一个专用于MySQL数据存储的LVM卷组

《Linuxlvm实例之如何创建一个专用于MySQL数据存储的LVM卷组》:本文主要介绍使用Linux创建一个专用于MySQL数据存储的LVM卷组的实例,具有很好的参考价值,希望对大家有所帮助,... 目录在Centos 7上创建卷China编程组并配置mysql数据目录1. 检查现有磁盘2. 创建物理卷3. 创

python web 开发之Flask中间件与请求处理钩子的最佳实践

《pythonweb开发之Flask中间件与请求处理钩子的最佳实践》Flask作为轻量级Web框架,提供了灵活的请求处理机制,中间件和请求钩子允许开发者在请求处理的不同阶段插入自定义逻辑,实现诸如... 目录Flask中间件与请求处理钩子完全指南1. 引言2. 请求处理生命周期概述3. 请求钩子详解3.1

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

JavaScript实战:智能密码生成器开发指南

本文通过JavaScript实战开发智能密码生成器,详解如何运用crypto.getRandomValues实现加密级随机密码生成,包含多字符组合、安全强度可视化、易混淆字符排除等企业级功能。学习密码强度检测算法与信息熵计算原理,获取可直接嵌入项目的完整代码,提升Web应用的安全开发能力 目录