• python web 开发与 Node.js + Express 创建web服务器入门

    目录

    1. Node.js + Express 框架简介

    2  Node.js + Express 和 Python 创建web服务器的对比

    3 使用 Node.js + Express 创建web服务器示例

    3.1 Node.js + Express 下载安装

    3.2 使用Node.js + Express 创建 web服务器流程

    1. Node.js + Express 框架简介

            Node.js + Express 是一种常用于构建 Web 应用程序的开发堆栈，其中 Node.js 是运行时环境，而 Express 是一个流行的 Web 应用程序框架。它们的组合使得构建高性能、可扩展的 Web 应用变得更加容易。以下是 Node.js 和 Express 的简介：

    1. Node.js：

      • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，用于构建高性能、可扩展的网络应用程序。
      • Node.js 支持非阻塞、事件驱动的 I/O 模型，这使得它特别适用于处理并发请求，例如 Web 服务器。
      • Node.js 允许您在服务器端使用 JavaScript，从而使前端和后端都能够使用相同的语言。
      • Node.js 生态系统非常丰富，拥有大量的第三方模块和工具，可用于各种任务。

    2. Express 框架：

      • Express 是一个基于 Node.js 的 Web 应用程序框架，旨在简化构建 Web 应用的过程。
      • 它提供了路由、中间件、模板引擎等功能，使开发者能够更轻松地构建功能丰富的 Web 应用程序。
      • Express 使用中间件来处理请求和响应，这使得处理逻辑能够被模块化，易于维护。
      • 它具有灵活性，您可以根据项目的需要选择添加所需的模块和功能。
      • Express 是开源的，并且拥有活跃的社区支持，使其能够不断演化和改进。

            Node.js + Express 结合在一起，使得开发者能够快速构建现代的、高性能的 Web 应用程序。它适用于各种用例，从简单的静态网页到复杂的单页应用和 RESTful API。借助 Node.js 的异步特性和 Express 的便利性，开发者能够轻松地处理并发请求、路由、中间件处理、数据库集成等任务，从而创建出功能强大且可扩展的应用程序。

    2  Node.js + Express 和 Python 创建web服务器的对比

            Node.js + Express在构建现代、复杂的Web应用程序方面更为专业和强大，尤其在处理异步操作和高并发方面表现出色。

            Python则更适合通用的编程任务，以及一些简单的Web服务器需求。

            从以下几方面详细说明：

    1. 编程语言：

      • Node.js + Express：使用JavaScript编程语言。
      • Python：使用Python编程语言。

    2. 环境：

      • Node.js + Express：Node.js是一个专门用于构建网络应用程序的运行时环境，它具有强大的异步处理和事件驱动的特性。
      • Python：Python是一种通用的编程语言，也可以用于构建网络应用程序，但在网络开发方面可能不如Node.js专业。

    3. 模块和库：

      • Node.js + Express：使用Express框架来构建Web应用程序，它提供了丰富的功能，包括路由、中间件、模板引擎等。
      • Python：使用http.server和socketserver等模块来创建简单的HTTP服务器，但在创建更复杂的应用程序时，可能需要使用其他库或框架。

    4. 语法：

      • Node.js + Express：使用JavaScript的语法和模块系统。
      • Python：使用Python的语法和模块系统。

    5. 生态系统：

      • Node.js + Express：Node.js 生态系统非常丰富，有大量的第三方模块和工具可以使用，适用于构建各种类型的Web应用程序。
      • Python：Python也有强大的生态系统，但在Web开发方面可能相对较少，尤其是在构建大型Web应用程序时。

    6. 异步处理：

      • Node.js + Express：Node.js非常适合处理大量并发请求，因为它的事件驱动和非阻塞I/O模型。
      • Python：Python在处理大量并发请求方面可能相对较弱，但对于一些简单的用例，它也可以很好地工作。

    3 使用 Node.js + Express 创建web服务器示例

         Node.js + Express 创建web服务器示例：

    3.1 Node.js + Express 下载安装

    1. 安装 Node.js： 首先，确保您已经安装了Node.js。您可以在Node.js 官方网站https://nodejs.org/icon-default.png?t=N7T8https://nodejs.org/ 下载并安装。

    2. 创建项目目录：创建一个新文件夹作为您的项目目录。在命令行中导航到该目录并执行以下步骤。

    3. 初始化项目： 打开命令行并运行以下命令，以初始化一个新的Node.js项目。按照提示配置项目信息。

    npm init

         4 安装 Express： 在命令行中运行以下命令，以安装 Express。

    npm install express

    3.2 使用Node.js + Express 创建 web服务器流程

    1. 创建文件： 在项目目录下创建以下文件。

      • index.html：HTML 页面
      • styles.css：CSS 样式表
      • script.js：JavaScript 脚本
      • server.js：Express 服务器

    2. index.html： 在 index.html 文件中，编写 HTML 页面。

      1. html>
      2. <html lang="en">
      3. <head>
      4.   <meta charset="UTF-8">
      5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
      6.   <link rel="stylesheet" href="styles.css">
      7.   <title>Node.js + Express Exampletitle>
      8. head>
      9. <body>
      10.   <header>
      11.     <h1>Welcome to Our Websiteh1>
      12.     <nav>
      13.       <ul>
      14.         <li><a href="/">Homea>li>
      15.         <li><a href="/about">Abouta>li>
      16.         <li><a href="/contact">Contacta>li>
      17.       ul>
      18.     nav>
      19.   header>
      20.   <main>
      21.     <h2>Home Pageh2>
      22.     <p>This is the home page of our website.p>
      23.   main>
      24.   <script src="script.js">script>
      25. body>
      26. html>

      3. styles.css： 在 styles.css 文件中，添加一些样式规则。

      1. body {
      2.   font-family: Arial, sans-serif;
      3.   margin: 0;
      4.   padding: 0;
      5. }
      6.  
      7. header {
      8.   background-color: #333;
      9.   color: #fff;
      10.   padding: 1rem;
      11. }
      12.  
      13. nav ul {
      14.   list-style: none;
      15.   display: flex;
      16. }
      17.  
      18. nav li {
      19.   margin-right: 1rem;
      20. }
      21.  
      22. nav a {
      23.   text-decoration: none;
      24.   color: #fff;
      25. }
      26.  
      27. main {
      28.   padding: 2rem;
      29. }

      4. script.js： 在 script.js 文件中，添加一个简单的 JavaScript 脚本。

      console.log("Hello from script.js");

      5. server.js： 在 server.js 文件中，添加以下代码来创建一个 Express 服务器。

      1. const express = require('express');
      2. const app = express();
      3. const port = 3000;
      4.  
      5. // 静态资源托管
      6. app.use(express.static('public'));
      7.  
      8. // 路由
      9. app.get('/', (req, res) => {
      10.   res.sendFile(__dirname + '/index.html');
      11. });
      12.  
      13. app.get('/about', (req, res) => {
      14.   res.send('
        About Us
        We are a team of developers.
        '        );
      15. });
      16.  
      17. app.get('/contact', (req, res) => {
      18.   res.send('
        Contact Us
        Email us at contact@example.com.
        '        );
      19. });
      20.  
      21. // 启动服务器
      22. app.listen(port, () => {
      23.   console.log(`Server is running on http://localhost:${port}`);
      24. });

    6. 运行服务器： 在命令行中运行以下命令，以启动您的静态服务器。

    node server.js

    7. 访问网页： 打开浏览器并访问 http://localhost:3000，您应该能够看到您创建的网页，包括导航、样式和 JavaScript。

            在这个示例中，server.js 文件使用 Express 创建了一个 Web 服务器，处理了根路径 / 和其他路由的请求。不仅您在 index.html 文件中看到的 HTML，还包括 /about 和 /contact 路由的简单响应。这个示例展示了如何创建具有路由和样式的 Web 服务器。您可以根据需求添加更多的路由和功能。  

  • 相关阅读:
    电脑蓝屏的错误代码含义
    DeepPyramid:在白内障手术视频中实现金字塔视图和可变形金字塔接收的语义分割
    PyTorch、TensorFlow和Jax构建神经网络模型的标准化流程
    李沐深度学习记录4：12.权重衰减/L2正则化
    计算机毕业设计（附源码）python在线学习系统的设计与开发
    【集合】ConcurrentHashMap数据结构?
    如何挑选无氧铜网线？
    Java语法基础
    请回答数据结构【图】
    夏日炎炎玩转新加坡：盘点室内景点和夜游好去处
  • 原文地址：https://blog.csdn.net/qq_35831906/article/details/132578679