• 开启第一个Node.js的Express项目


    手动创建一个Express.js的应用可大致分为以下步骤:

    1.创建文件夹

      a. 创建一个项目根文件夹,如helloWord

      b.在项目的根目录下创建项目的目录结构,依次创建{public,public/css,public/img,public/js,db,views,views/includes,routes}

      可使用命令:

    mkdir  {public,public/css,public/img,public/js,db,views,views/includes,routes}
    

    2.NPM初始化和配置package.json

      a.进入控制台,进入项目的根目录

      b.输入命令:npm init ,然后输入相关的一些参数,name,version,等可参考下面的package.json 文件

      c.使用命令:npm install express@4.1.2 --save

     3.依赖声明

    由于express.js是约定优于配置,也可直接在package.json中输入如下内容,然后运行npm install即可

    {
      "name": "helloworld",
      "version": "0.0.1",
      "description": """",
      "main": "app.js",
      "scripts": {
        "start": "node app.js"
      },
      "author": "",
      "license": "ISC",
      "dependencies": {
        "express": "4.1.2",
    	"jade":"1.3.1",
    	"mongoskin":"1.4.1",
    	"stylus":"0.44.0"
      }
    }
    

    4.app.js项目启动文件配置

    在根目录下创建项目起始文件app.js,打开app.js并编辑

    对于app.js的配置文件主要涉及以下几个步骤:

       1)引入依赖,

    //依赖引入
    var express = require('express');
    var http = require('http');
    var path = require('path');

       2)设置相关配置

    //实例化Express.js
    var app = express();
    
    //配置port、views、views engine
    app.set('port',process.env.PORT || 3000);
    app.set('views',path.join(__dirname,'views'));//这里的__dirname的下划线是两个英文下划线
    app.set('view engine','jade');
    

       3)连接数据库(可选)

       4)定义中间件

       5)定义路由

    //定义路由
    app.all('/',function(req,res){
    	res.render('index',{msg:'Welcome to the practical Node.js!'});
    	});
    app.get('/about',function(req,res){
    	res.end('about us');
    });
    

        6)创建服务

    //创建服务
    http.createServer(app).listen(
    	app.get('port'),function (){
    		console.log('Express.js server listening on port '+app.get('port'));
    	}
    );
    

    开启服务之前,需要先在views文件夹中创建一个index.jade,代码如下:

    h1 hello
    p= msg
    

       7)开启服务

        在命令行输入:node app.js并在浏览器中输入http://localhost:3000/会得到:

    在浏览器中输入http://localhost:3000/about会得到:

    5.结合jade

    6.运行项目

  • 相关阅读:
    vue-cli3和element做一个简单的登陆页面
    用vue和layui简单写一个响应式数据展示表
    js中的AJAX
    js个人笔记简记
    解决sublime快捷键回车换行问题
    Sublime设置格式化代码快捷键ctrl+shift+r
    2020前端最新面试知识点汇总
    cookie,sessionstorage,localstorage区别
    linux/centos7安装mysql
    linux基本命令的操作
  • 原文地址:https://www.cnblogs.com/kingkangstudy/p/6767687.html
Copyright © 2020-2023  润新知