之前的配置什么的就不说了,配置好后,进入下面步骤搭建服务器
一:进行初始化
在命令行使用npm init命令进行初始化界面,初始成功后,你可以看到有你的文件中
会出现一个package.json的文件,证明你初始化成功
二:下载需要的模块
这里我就先把我后面需要的模块下载了
以下就是我的下载命令
npm install express@4 morgan serve-favicon body-parser express-session
cookie mysql ejs -s
三:引用并配置这些模块
const express = require('express');
const mydemo = express();
const logger = require('morgan');
const favicon = require('serve-favicon');
const body = require('body-parser');
const session = require('express-session');
const router = require('./router/route');
mydemo.use(logger('dev'));
mydemo.use(session({
name: '123456',
secret: '1234',
cookie: {maxAge: 60000},
saveUninitialized: true,
resave: true,
rolling: true
}));
mydemo.use(body.urlencoded({extended: false}));
mydemo.use(body.json());
mydemo.use(router);
mydemo.set('views', __dirname + '/src');
mydemo.set('view engine', 'ejs');
mydemo.use(express.static(__dirname + '/src'));
mydemo.use(favicon(__dirname + '/src/image/rightarrow.png'));
mydemo.listen(8888, function () {
console.log('test7执行成功')
});
可以看一下我的文件夹是什么样的
到这里基本上服务器就已经搭建完毕,下面写一个超级简单的登录界面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
<style>
div{
text-align: center;
}
#longin{
margin-top: 20px;
}
</style>
</head>
<body>
<form action="/login" method="post">
<div>
<h1>请登录</h1>
<label>账号:</label><input type="text" name="user" id="user"><br>
<label>密码:</label><input type="text" name="pwd" id="pwd"><br>
<button id="longin">登录</button>
</div>
</form>
</body>
</html>
打开服务器,就可以在网页上看到啦!