Fork me on GitHub

前端小笔记本

这里会收录一些偶尔不知道了,就去找一下的东西,慢慢积累。
js

Node环境起一个服务

准备工作

需要安装NodeJS环境

  • 1、安装Express
    npm install express -g
    npm install express-generator -g

  • 2、初始化项目
    新建项目
    express 项目名称

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
➜  Weichat express serverDmo

warning: the default view engine will not be jade in future releases
warning: use `--view=jade' or `--help' for additional options


create : serverDmo/
create : serverDmo/public/
create : serverDmo/public/javascripts/
create : serverDmo/public/images/
create : serverDmo/public/stylesheets/
create : serverDmo/public/stylesheets/style.css
create : serverDmo/routes/
create : serverDmo/routes/index.js
create : serverDmo/routes/users.js
create : serverDmo/views/
create : serverDmo/views/error.jade
create : serverDmo/views/index.jade
create : serverDmo/views/layout.jade
create : serverDmo/app.js
create : serverDmo/package.json
create : serverDmo/bin/
create : serverDmo/bin/www

change directory:
$ cd serverDmo

install dependencies:
$ npm install

run the app:
$ DEBUG=serverdmo:* npm start

目录介绍:
/bin:用来启动应用(服务器)
/public: 存放静态资源目录
/routes:路由用于确定应用程序如何响应对特定端点的客户机请求,包含一个 URI(或路径)和一个特定的 HTTP 请求方法(GET、POST 等)。每个路由可以具有一个或多个处理程序函数,这些函数在路由匹配时执行。
/views: 模板文件所在目录 文件格式为.jade
目录app.js程序main文件 这个是服务器启动的入口

首先启动服务器

npm start //启动服务器

在浏览器中访问 http://localhost:3000/

基本使用

打开app.js 这里介绍下主要代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var app = express();


///=======路由信息 (接口地址)开始 存放在./routes目录下===========//
var routes = require('./routes/index');//home page接口
var users = require('./routes/users'); //用户接口

app.use('/', routes); //在app中注册routes该接口
app.use('/users', users);//在app中注册users接口
///=======路由信息 (接口地址 介绍===========//



///=======模板 开始===========//
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
///=======模板 结束===========//

当我们在浏览器中 访问 http://localhost:3000/ 调用的就是index中的接口
我们打开index.js就可以看到该接口的定义:
var express = require('express');
var router = express.Router();


//定义一个get请求 path为根目录
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
});

module.exports = router;

定义一个路由的基本格式为:
app.METHOD(PATH, HANDLER)
其中:
app 是 express 的实例。
METHOD是 HTTP 请求方法。
PATH 是服务器上的路径。
HANDLER 是在路由匹配时执行的函数。
以上的定义代表

本文标题:前端小笔记本

文章作者:DRLong

发布时间:2018年08月01日 - 00:08

原始链接:https://duanruilong.github.io/2018/08/01/前端小笔记本/ 复制文章链接==>

-------------我是一条分割线感谢您的阅读-------------
DRLong WeChat Pay

微信打赏

DRLong Alipay

支付宝打赏