zoukankan      html  css  js  c++  java
  • 6.express

    express

    一、介绍
      基于Nodejs 平台, 快速 开放 极简的 WEB 开发框架


    二、作用
    快速开发 WEB 应用

    三、安装
    1. 创建空目录(project) 名字自定义 


    2. 进入目录并初始化
      $ cd project
      $ npm init --yes


    3. 安装 express 框架
      $ npm install express --save


    4. 创建入口文件 (app.js) [名字可自定义]

    5. 事例 app.js:


    //引入express模块
    var express = require('express');

    //创建应用
    var app = express();

    // 创建静态服务
    app.use(express.static('public'));

    //创建路由
    app.get('/', function(req, res){

      res.setHeader('content-type','text/html;charset=utf-8');

      res.send('hello world');
    });

    //监听端口
    app.listen(80);


    6. 启动服务
    node app.js

    ★  创建静态服务:  app.use(express.static('public'));

      把所有静态资源都放在public文件夹,如images、css、js、html等。

       从而可以通过路由直接访问静态资源。

              

    let express=require('express');
    let app=express();
    
    app.use(express.static('public'));
    
    app.get('/',function(req,res){
      res.setHeader('content-type','text/html;charset=utf-8');
      res.end('七夕敲代码');
    });
    
    app.listen(80);
    app.js
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title></title>
      <link rel="stylesheet" href="/css/index.css">
    </head>
    <body>
      首页
      <img src="/images/a.gif" alt="">
    </body>
    <script src="/js/index.js"></script>
    </html>
    index.html

     四、安装 node-dev 来自动启动服务

    (1)npm install node-dev -g            //-g 代表全局安装 任何位置都可以使用该命令
    (2)node-dev app

     这样代码修改后就不用每次命令行退出再启动,直接刷新页面即可。

  • 相关阅读:
    iOS 使用GRMustache对HTML页面进行渲染
    算法 -- 排序
    ios 笔记
    ios 开发视图界面动态渲染
    Python环境变量设置
    Excel2010: Excel使用小技巧(不断更新)
    C: Answers to “The C programming language, Edition 2”
    VBScript: Windows脚本宿主介绍
    VBScript: 正则表达式(RegExp对象)
    VBScript Sample:遍历文件夹并获取XML文件中指定内容
  • 原文地址:https://www.cnblogs.com/xzsz/p/9491410.html
Copyright © 2011-2022 走看看