脚手架express

总概述：express框架+vue框架或html=后端+前端，数据交互用http请求

1.搭建后端

步骤：
1.检查是否安装了后端脚手架 执行： express --version
2.没有则安装， 执行： npm install express-generator -g
3.创建后端项目，执行： express test_express
4.进入项目文件根目录 ，执行： npm install
5.执行 npm start 访问 http://localhost:3000/
6.在routes中创建myjs.js文件，代码如下

var express = require('express');
var router = express.Router();
router.get('/myjstest', function (req, res, next) {
  res.send('hello myjstest')
});
module.exports = router;

7.在app.js中引入myjs.js，找个位置加入以下两行代码

var myjsRouter = require('./routes/myjs')
app.use('/myjs', myjsRouter)

app.js最终是下面这样的，为了文档结构清晰，我是在加粗斜体位置加的

var createError = require(‘http-errors’);
var express = require(‘express’);
var path = require(‘path’);
var cookieParser = require(‘cookie-parser’);
var logger = require(‘morgan’);

var indexRouter = require(’./routes/index’);
var usersRouter = require(’./routes/users’);
var myjsRouter = require(’./routes/myjs’)

var app = express();

// view engine setup
app.set(‘views’, path.join(__dirname, ‘views’));
app.set(‘view engine’, ‘jade’);

app.use(logger(‘dev’));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, ‘public’)));

app.use(’/’, indexRouter);
app.use(’/users’, usersRouter);
app.use(’/myjs’, myjsRouter)

// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get(‘env’) === ‘development’ ? err : {};

// render the error page
res.status(err.status || 500);
res.render(‘error’);
});

module.exports = app;

访问http://localhost:3000/myjs/myjstest
效果

至此，后端基本搭建好

2.搭建前端

随便