前端开发入门:框架篇-ExpressJS入门学习

本文介绍如何使用Express.js Web框架创建并运行一个简单的Web应用程序。包括安装Express.js、创建项目、运行项目以及验证安装成功的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、安装

官网http://expressjs.com/     我们说,Express[1] 是一个简洁而灵活的 node.js [2]Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。[3]

Express.js在Node.js社区中是比较出名web框架,而它的定位是“minimal and flexible(简洁、灵活)”。Express主要解决了 请求路由 和 视图模板 的问题,其中Middleware是它最重要的概念。它是不错的Web框架,但本屌还是有些想法的:

    1. Express不是MVC的框架,因为它没有对Model解决方案,Express本身定位就不是MVC,只是minimal and flexible的Web框架。

    2. 由于Express实在是flexible,没有强制的规范约束,加上js是可以把代码写得很随意的编程语言,所以本屌找到的Demo中,Config,Controller,View的维护、管理、技巧都可能各式各样。

Express 是一个简洁而灵活的 node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。Express 不对 node.js 已有的特性进行二次抽象,我们只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用,创建强健、友好的API变得快速又简单。

Express不是对node.js 已有的特性进行二次抽象,我们只是在它之上扩展了Web应用所需的功能。

express4.X的有一些变化,4.x版本中将命令工具单独分出来了(https://github.com/expressjs/generator),所有要先按装express-generator,否则创建项目时,会提示express命令没找到。

  1. $ npm install -g express-generator #需先安装express-generator  
  2.   
  3. $ npm install -g express  
  4.   
  5. $ express -V  #验证是否安装成功  

二、创建项目

  1. $ express myfirstexpress # express的默认模版采用jade,若需要ejs模版支持,加上-e选项,即 express -e myfirstexpress  
  2. $ cd myfirstexpress  
  3.   
  4. $ ls  
  5. app.js  bin  package.json  public  routes  views #项目的目录结构   

三、运行项目

  1. $ npm install #需要等待一段时间,因为需要获取很多的库文件  
  2.   
  3. $ npm start  
  4.   
  5. > myfirstexpress@0.0.1 start /root/myfirstexpress  
  6. > node ./bin/www  

四、访问第一个express项目

浏览器中输入 http://你的IP:3000

显示

  1. Express  
  2.   
  3. Welcome to Express  

说明express安装成功

比如本地localhost:3000



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值