node.js学习笔记(18) express

简介:

Express是一个简洁而灵活的基于node.js的Web应用框架。


在Express3.6.x之前的版本,Express需要全局安装的,项目构建器模块是合并在 Express项目中的,后来这个构建器被拆分出来,独立成为了一个项目express-generator,现在只需要全局安装express-generator就行了。


全局安装express-genrator.js:

sudo npm install -g express-generator
AI 代码解读


创建express项目:

lee@mypc ~/works/nodejs/study18 $ express express-demo

   create : express-demo
   create : express-demo/package.json
   create : express-demo/app.js
   create : express-demo/public
   create : express-demo/public/images
   create : express-demo/public/javascripts
   create : express-demo/routes
   create : express-demo/routes/index.js
   create : express-demo/routes/users.js
   create : express-demo/public/stylesheets
   create : express-demo/public/stylesheets/style.css
   create : express-demo/views
   create : express-demo/views/index.jade
   create : express-demo/views/layout.jade
   create : express-demo/views/error.jade
   create : express-demo/bin
   create : express-demo/bin/www

   install dependencies:
     $ cd express-demo && npm install

   run the app:
     $ DEBUG=express-demo:* npm start
AI 代码解读

安装依赖:

cd express-demo
npm install
AI 代码解读

这时demo1中将会自动生成一个目录node-modules,用于存放demo1项目需要的依赖包。


启动express项目:
npm start
AI 代码解读

访问http://localhost:3000得到:



Express的html模板引擎有两种,默认是jade。

jade是基于Node.js的一种前端模板语言,有着极简的语法。eg:下图是jade官网首页的截图,左边是jade模板,右边是html。



也可以使用express -e来使用ejs模板:

lee@mypc ~/works/nodejs/study18 $ express -e express-demo2

   create : express-demo2
   create : express-demo2/package.json
   create : express-demo2/app.js
   create : express-demo2/public
   create : express-demo2/public/javascripts
   create : express-demo2/public/images
   create : express-demo2/public/stylesheets
   create : express-demo2/public/stylesheets/style.css
   create : express-demo2/routes
   create : express-demo2/routes/index.js
   create : express-demo2/routes/users.js
   create : express-demo2/views
   create : express-demo2/views/index.ejs
   create : express-demo2/views/error.ejs
   create : express-demo2/bin
   create : express-demo2/bin/www

   install dependencies:
     $ cd express-demo2 && npm install

   run the app:
     $ DEBUG=express-demo2:* npm start
AI 代码解读


Express-generator创建的项目目录:


  • bin:启动程序目录
  • node_modules:node.js依赖包目录
  • public:静态文件目录
  • routes:http路由目录
  • views:html模板目录
  • app.js:项目程序入口
  • package.json:项目配置文件


相关文章
Node学习笔记:HTTP模块
总的来说,Node.js的HTTP模块是一个强大的工具,可以帮助你处理HTTP协议的各种需求。无论你是想开设自己的餐厅(创建服务器),还是想去别的餐厅点菜(发出请求),HTTP模块都能满足你的需求。
76 18
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
构建高效后端服务:Node.js与Express框架实践
在数字化时代的浪潮中,后端服务的重要性不言而喻。本文将通过深入浅出的方式介绍如何利用Node.js及其强大的Express框架来搭建一个高效的后端服务。我们将从零开始,逐步深入,不仅涉及基础的代码编写,更会探讨如何优化性能和处理高并发场景。无论你是后端新手还是希望提高现有技能的开发者,这篇文章都将为你提供宝贵的知识和启示。
|
8月前
|
使用node.js搭建一个express后端服务器
Express 是 Node.js 的一个库,用于搭建后端服务器。本文将指导你从零开始构建一个简易的 Express 服务器,包括项目初始化、代码编写、服务启动与项目结构优化。通过创建 handler 和 router 文件夹分离路由和处理逻辑,使项目更清晰易维护。最后,通过 Postman 测试确保服务正常运行。
417 1
探索后端开发:Node.js与Express的完美结合
【10月更文挑战第33天】本文将带领读者深入了解Node.js和Express的强强联手,通过实际案例揭示它们如何简化后端开发流程,提升应用性能。我们将一起探索这两个技术的核心概念、优势以及它们如何共同作用于现代Web开发中。准备好,让我们一起开启这场技术之旅!
160 0
探索后端技术:Node.js与Express框架的完美融合
【10月更文挑战第7天】 在当今数字化时代,Web应用已成为日常生活不可或缺的一部分。本文将深入探讨后端技术的两大重要角色——Node.js和Express框架,分析它们如何通过其独特的特性和优势,为现代Web开发提供强大支持。我们将从Node.js的非阻塞I/O和事件驱动机制,到Express框架的简洁路由和中间件特性,全面解析它们的工作原理及应用场景。此外,本文还将分享一些实际开发中的小技巧,帮助你更有效地利用这些技术构建高效、可扩展的Web应用。无论你是刚入门的新手,还是经验丰富的开发者,相信这篇文章都能为你带来新的启发和思考。
使用 Node.js 和 Express 构建 Web 应用
【10月更文挑战第2天】使用 Node.js 和 Express 构建 Web 应用
构建高效的后端服务:Node.js 与 Express 的实践指南
在后端开发领域,Node.js 与 Express 的组合因其轻量级和高效性而广受欢迎。本文将深入探讨如何利用这一组合构建高性能的后端服务。我们将从 Node.js 的事件驱动和非阻塞 I/O 模型出发,解释其如何优化网络请求处理。接着,通过 Express 框架的简洁 API,展示如何快速搭建 RESTful API。文章还将涉及中间件的使用,以及如何结合 MySQL 数据库进行数据操作。最后,我们将讨论性能优化技巧,包括异步编程模式和缓存策略,以确保服务的稳定性和扩展性。
构建高效后端服务:Node.js与Express框架的完美结合
【10月更文挑战第21天】本文将引导你走进Node.js和Express框架的世界,探索它们如何共同打造一个高效、可扩展的后端服务。通过深入浅出的解释和实际代码示例,我们将一起理解这一组合的魅力所在,并学习如何利用它们来构建现代Web应用。
242 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问