Express+MySQL简单示例

最新推荐文章于 2023-11-27 15:07:53 发布

转载最新推荐文章于 2023-11-27 15:07:53 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c85cc80f265da2daa31891b

文章标签：

#javascript #json #开发工具 #ViewUI

本文详细介绍了Node.js环境的配置过程，包括Node.js的安装、开发工具的选择及测试方法。同时，深入探讨了如何使用Express框架创建基本的Web应用，涵盖了应用程序的目录结构、中间件配置、路由设置及数据库连接等内容。

环境配置

安装Node.js，选择长期支持版（LTS）。下载地址
Node.js自带npm，故npm不需要单独安装。
选择一个合适开发工具：VScode或WebStorm。

测试Node.js

检查Node.js是否安装成功；打开cmd，输入以下命令：
```
node -v
复制代码
```
当返回node版本号时，表示安装成功。

2. 运行nodejs服务，新建一个app.js文件，填入以下代码：

        const http = require('http');
    
        const hostname = '127.0.0.1';
        const port = 3000;
    
        const server = http.createServer((req, res) => {
            res.statusCode = 200;
            res.setHeader('Content-Type', 'text/plain');
            res.end('Hello World\n');
        });
    
        server.listen(port, hostname, () => {
            console.log(`Server running at http://${hostname}:${port}/`);
        });
复制代码

在cmd中切换到该文件对应的目录下，输入运行命令：

  node .\app.js
复制代码

访问http://localhost:3000

安装使用Express

参考Express 应用程序生成器

Express应用程序的基本路由

应用程序的目录结构

    .
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

7 directories, 9 files
复制代码

浏览器发送过来的请求首先要经过app.js文件，在这个文件中做了一些预处理工作，并添加了一些中间件，例如：

配置模板引擎:

  // view engine setup
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'pug');  
复制代码

添加json解析器中间件:

    app.use(bodyParser.json());
复制代码

添加cookie解析器中间件:

    app.use(cookieParser());
复制代码

设置静态文件夹目录：

    app.use(express.static(path.join(__dirname, 'public')));
复制代码

在最后设置404、500错误页面等。

public文件夹中存放的是静态文件，可以是静态网页或图片、视频资源等。
views文件夹中是一些模板页面，我们不需要。
bin文件夹中是项目启动文件。
routes文件夹主要是处理由app.js文件转发的路由请求。

前端请求的转发流程
- 当浏览器发送请求时，相应的request首先到app.js文件中，由以下代码获取请求，并路由到指定文件中。
```
    app.use('/', index);
    app.use('/users', users);
复制代码
```
- 按照路径匹配原则，当请求路径符合/users时，将路由到users对应的文件中，进行处理；否则路由到index对应的文件中。