①安装node环境

在node.js官网下载LTS长期支持版本,然后傻瓜式安装

②查看是否安装成功

打开cmd终端,输入node -v 有版本号,则安装成功。再输入npm -v 有版本号,则npm也安装成功

③使用express脚手架创建项目

方法一:
      >> 安装脚手架: npm i -g express-generator
      >> 项目的创建
        * 打开终端,进入某个目录
        * express --view=ejs 项目名字
        * cd 项目名字
        * 安装相关依赖(三方模块):npm i
        * 运行项目:npm start
方法二:
        * 不需要全局安装脚手架 express-generator
        * npx express-generator --view=ejs 项目名字
        * cd 项目名字
        * 安装相关依赖(三方模块):npm i
        * 运行项目:npm start
 
④对创建好的项目进行一些自己个性化的配置
文件目录结构
 1、在bin/www文件中

server.listen(port); 改为
server.listen(port,()=>{
console.log(`running ${port}...`)
});

  终端控制台效果:

2、实现代码的热加载,使得不用每次改完代码,就需要重新npm start。(注意:更改配置文件,还是得重新npm start)

  安装npm插件nodemon

npm install -g nodemon

  在package.json文件中


"scripts": {
"start": "node ./bin/www"
}, 改为
"scripts": {
"start": "nodemon ./bin/www"
},

3、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 app = express(); // view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs'); 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'))); //改动1// 利用 CORS 解决跨域
app.all('*', function (req, res, next) {
res.header('Access-Control-Allow-Origin', '*'); // *允许任意地址访问。解决跨域后携带cookie问题req.headers.origin
// res.header("Access-Control-Allow-Credentials", "true"); //是否包含cookie,如果不包含,可省略
res.header('Access-Control-Allow-Methods', 'GET,POST,PATCH,PUT,OPTIONS,DELETE');
res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization,Cookie,Accept,Token,Origin');
next(); // 继续下一个中间件的处理
}); //改动2 //统一进行路由拦截:session、cookie版
// app.all('*', (req, res, next) => {
// console.log('请求地址',req.url);
// if (req.url == '/pages/login' || req.url == '/users/login' || req.url =='/users/register') { // 如果是登录页或者是登录请求和注册请求
// next(); // 该干嘛干嘛去
// } else {
// if (req.session.sign) { // 判断权限
// next(); // 登陆后想访问什么页面直接访问
// } else {
// res.redirect('/pages/login'); // 未登录,重定向到登录页
// }
// }
// console.log('权限',req.session.sign);
// }); app.use('/', indexRouter);
app.use('/users', usersRouter); // 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) {
console.log('服务器500错误:', err); //改动3
// 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;

⑤检测服务器是否搭建成功

在终端运行命令npm start。在浏览器访问http://localhost:3000/,能出来页面则证明服务器搭建成功

⑥自己配置路由

1、在routes文件下新建js文件(这里就不新建了,使用项目已经有的文件)

  在index.js中

var express = require('express');
var router = express.Router(); /* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Hello World!' }); //渲染views/index.ejs文件
}); module.exports = router;

  在users中

var express = require('express');
var router = express.Router(); router.post('/xixi', function(req, res, next) {
const {name}=req.body //获取post请求的参数
res.json({
txt:`我是${name}返回的数据`
});
});
router.get('/xixi2', function(req, res, next) {
const {name}=req.query //获取get请求的参数
res.json({
txt:`我是${name}返回的数据`
});
}); module.exports = router;

2、在app.js文件中配置

//注意:这里项目初始化已经配置好了,若是新建的路由则需要自己配置

//首先引入文件模块
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users'); //其次
app.use('/', indexRouter);
app.use('/users', usersRouter);

3、我们已经可以请求两个地址

api1 = 'http://127.0.0.1:3000/users/xixi'
api2 = 'http://127.0.0.1:3000/users/xixi2'

**至此,一个简易的服务器已经搭建成功

⑦从数据库中获取数据

1、在根路径下新建一个module文件,此时的文件目录

  首先运行npm install mysql,安装mysql依赖。然后在module文件下新建一个mysqlModule.js文件,配置连接池

const mysql = require('mysql');
const pool = mysql.createPool({
host: '127.0.0.1',
user: 'root',
password: 'root',
database: 'address_list',
post: 3306
}); const query=function(sql,options){
return new Promise((resolve,resject)=>{
pool.getConnection(function(err, connection) {
if (err) return resject(err);
connection.query(sql, options, function(err2, result) {
if (err2){
resject(err2);
}else{
resolve(result);
}
connection.release(); // 释放连接池
});
});
});
} module.exports=query;

2、重新配置router/users.js文件

var express = require('express');
var router = express.Router();
const query = require('../module/mysqlModule.js'); /* GET users listing. */
router.post('/xixi', function(req, res, next) {
const {name}=req.body
const sql=`SELECT user_tel FROM users WHERE user_name=?`
query(sql,[name])
.then(data=>{
res.json({
state: '200',
data
});
})
.catch(err=>{
res.json({
state: '0',
msg: '查找失败',
err
})
})
});
router.get('/xixi2', function(req, res, next) {
const {name}=req.query
const sql=`SELECT user_tel FROM users WHERE user_name=?`
query(sql,[name])
.then(data=>{
res.json({
state: '200',
data
});
})
.catch(err=>{
res.json({
state: '0',
msg: '查找失败',
err
})
})
}); module.exports = router;

Node:使用express搭建一个简易的服务器的更多相关文章

  1. 真刀实战地搭建React+Webpack+Express搭建一个简易聊天室

    一.前面bb两句 因为自惭(自残)webpack配置还不够熟悉,想折腾着做一个小实例熟悉.想着七夕快到了,做一个聊天室自己和自己聊天吧哈哈.好了,可以停止bb了,说一下干货. 二. 这个项目能学到啥? ...

  2. 19.3.19 使用Flask框架搭建一个简易登录服务器

    import Flask import json from Flask import request server1 = flask.Flask(__name__) #实例化一个flask对象 @se ...

  3. express + mongodb 搭建一个简易网站(一)

    express + mongodb 搭建一个简易网站(一) 前言:后台使用node.js的express框架,数据库使用mongodb,模板使用ejs.大概就这些. 开始第一个简易网站之旅吧.... ...

  4. express + mongodb 搭建一个简易网站 (四)

    express + mongodb 搭建一个简易网站 (四) 目前网站整体页面都已经能全部展示了,但是,整个网站还有两个块需要做完才能算完整,一个连接数据库,目前网站上的数据都是抓取的本地假数据,所以 ...

  5. express + mongodb 搭建一个简易网站 (三)

    express + mongodb 搭建一个简易网站 (三) 前面已经实现了基本的网站功能,现在我们就开始开搞一个完整的网站,现在整个网站的UI就是下面的这个样子. 我们网站的样子就照着这个来吧. 1 ...

  6. express + mongodb 搭建一个简易网站(二)

    express + mongodb 搭建一个简易网站 (二) 在搭建网站(一)中,实现了简单的路由功能,这离一个完整的网站还差的有点远,继续撸代码吧. 1.首先在根目录下新建一个views文件夹,用来 ...

  7. 初学Node(六)搭建一个简单的服务器

    搭建一个简单的服务器 通过下面的代码可以搭建一个简单的服务器: var http = require("http"); http.createServer(function(req ...

  8. 基于 Express 搭建一个node项目 - 起步

    一,如何基于 Express 搭建一个node项目 什么是Express 借用官方的介绍,Express是一个基于Node.js平台的极简.灵活的web应用开发框架,它提供了一系列强大的特性,帮助你创 ...

  9. python -m http.server 搭建一个简易web下载服务器

    在打vulnhub靶场的时候遇到的一个问题 目录 一.进到需要发送的安装包目录 二.开启http服务 三.访问服务器 一.进到需要发送的安装包目录 比如设置一个专门发送,传输的文件的文件夹,cmd命令 ...

随机推荐

  1. JS逆向课程笔记

    扩展知识 Sources-js代码格式化

  2. php获取字符串长度

    function len($zfc){ $arr = []; $len = mb_strlen($zfc); for ($i = 0; $i < $len; $i++) { array_push ...

  3. php 把一个数随机分成n份

    $money_total=100; $personal_num=10; $min_money=0.01; $money_right=$money_total; $randMoney=[]; for($ ...

  4. nginx转发php文件到php-fpm服务器提示502错误

    实验将php文件转发给另一个php-fpm服务器处理的时候,出现了502错误: 检查了nginx错误日志,提示: 2019/08/25 17:54:56 [error] 4742#0: *35 rec ...

  5. MindManager 2021 版新增了哪些功能

    MindManager Windows 21是一款强大的可视化工具和思维导图软件,在工作应用中有出色的表现.今天就带大家来看下这个新版本增加了哪些功能? 1.新增现代主题信息样式MindManager ...

  6. 如何用ABBYY FineReader提取图片中的文字

    作为OCR文字识别软件中的佼佼者,可能大家对于ABBYY FineReader的使用还不熟练,没关系,今天小编就为大家演示,如何用ABBYY FineReader这款文字识别软件,将一张截图中的文字识 ...

  7. 解决Tuxera NTFS for Mac软件安装问题

    在听到小凡的电话说"Tuxera NTFS for Mac软件安装失败,怎么办"的时候,小编心里真像有一万头草泥马在奔腾--苹果软件还能安装失败!? 挥手把一万头草泥马赶走,脑补着 ...

  8. C#设计模式-装饰器模式(Decorator Pattern)

    引言 当我们完成一个软件产品开发后就需要对其进行各种测试,适配快速迭代下质量的保障.当有一个完善的产品的对象后,如果我们想要给他添加一个测试功能,那么我们可以用一个新的类去装饰它来实现对原有对象职责的 ...

  9. 从数据仓库双集群系统模式探讨,看GaussDB(DWS)的容灾设计

    摘要:本文主要是探讨OLAP关系型数据库框架的数据仓库平台如何设计双集群系统,即增强系统高可用的保障水准,然后讨论一下GaussDB(DWS)的容灾应该如何设计. 当前社会.企业运行当中,大数据分析. ...

  10. 通过weakHashMap避免过期引用导致的内存泄漏

    问题由来 数组为基础实现的集合在退出元素时,并不会将引用指向空指针,过期引用存在对象便不会被回收. 措施 1.WeakHashMap当其中的key没有再被外部引用时,就会被回收.ThreadLocal ...