express入门

  • 安装:
    express是基于node.js的web服务器端框架,首先要安装node.js和npm,npm相当于一个依赖管理器,有助于你项目结构的搭建。

demo地址:https://github.com/jeft224/expressDemo


  • 新建项目
    你可以在命令行运行以下命令:
    node init
    在项目中你就可以看到一个json文件(package.json),可以在这个文件里手动的添加项目所需的express依赖
    代码块:
{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "ejs": "^2.5.6",
    "express": "^4.15.2",
    "path": "^0.12.7"
  }
}

然后:

npm install

或者你可直接在命令行输入以下命令:

npm install express –save

安装express的脚手架express-generator:

倘若你看了express的开发文档,你可以安装express的脚手架express-generator,不过你要先安装这个express的脚手架
在命令行里输入:

npm install express-generator -g


  • express编程之路:
    前面这些工作是express的铺垫,此时就可以开始express的编程:
    新建app.js,写一个简单的应用,是一个express的实例:
    代码块:
    “`

    //引用express
    var express = require('express');
    var app = express();
    
    //页面渲染(app.use()????)
    app.use('/',function(res,req,next){
        res.send('hello,world!!!!')
    })
    
    //监听端口
    app.listen(4000)enter code here
    

    “`

    在其根目录下的命令行里输入:

    node index.js

    在浏览器里打开这个链接,你就可以在页面上看到hello world!!!!

    讲完了前面的一个小案例,那我们学习点高级点的东西,为这个案例添加路由(可以用于跳转其他的页面):
    首先定义路由:

       express可以响应任何HTTP请求,
       //Http request get请求
       app.get(url,do something);
       //post请求
       app.post(url,do something);
    
       ==>请看这:
       app.get('/',function(req,res){
            res.send('just do it')
       })

    只要添加更多的路由,在你的想法下,就可能构成了一个应用(比如:你的博客或者你的公司网站):

    大家亮起眼光来,重头戏来了:

    一般的博客开发(express开发)
    Express 支持各种模板引擎,express 命令行可以添加对 Jade,EJS,JSHTML 和 Hogan 的支持。
    根据 Express 文档,任何模版引擎只要符合特定的签名就可以生效。
    开始之前:要先安装ejs模板引擎=> cnpm i ejs –save
    整改app.js:

     var express = require('express');
     var path = require('path')
     var app = express();
     //模板目录
     app.set('views',path.join(__dirname,'views'));
     //模板引擎
     app.set('view engine', 'ejs');
     //响应的一系列的组件 设置静态文件目录
     app.use(express.static(path.join(__dirname,'public')))
    
     app.get('/', function(req, res) {
         res.render('index');
     });
    
     app.get('/about', function(req, res) {
         res.render('about');
     });
    
     app.get('/article', function(req, res) {
         res.render('article');
     });
    
     app.listen(4040);

    学习上面的内容后就差不多可以自己写一个博客了:
    博客搭建详情请见:express搭建博客
    个人主页:https://jeft224.github.io

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值