express入门

来源:互联网 发布:新装系统无法连接网络 编辑:程序博客网 时间:2024/06/06 03:55
  • 安装:
    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的实例:
    代码块:
    “`

    //引用expressvar 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

0 0
原创粉丝点击