用JavaScript构建服务器端应用,实现前后端统一技术栈🚀

学习目标

  • ✅ 理解后端开发的概念和作用
  • ✅ 掌握Node.js运行环境和模块系统
  • ✅ 学会创建简单的HTTP服务器
  • ✅ 了解npm在后端开发中的使用

📖📖 教程概览

前端负责展示界面,后端负责处理数据和业务逻辑。通过学习Node.js,你可以使用熟悉的JavaScript语言进行全栈开发,大大降低学习成本。

💻💻 第一步:后端开发基础概念

1.1 什么是后端开发?

后端开发主要处理:

  • 服务器管理:接收和响应请求
  • 数据库操作:存储和查询数据
  • 业务逻辑:处理复杂的计算和规则
  • API提供:为前端提供数据接口

1.2 为什么选择Node.js?

  • 语言统一:前后端都使用JavaScript
  • 高性能:基于Chrome V8引擎,异步非阻塞I/O
  • 生态丰富:npm拥有大量开源模块
  • 学习曲线平缓:前端开发者快速上手

🛠🛠 第二步:Node.js环境搭建

2.1 安装Node.js

# 检查是否安装成功

node --version

npm --version

应该输出类似:

v18.16.0

9.5.1

2.2 创建第一个Node.js应用

// app.js

console.log('Hello Node.js!');

// 在终端运行

node app.js

🌟🌟 第三步:Node.js模块系统

3.1 内置模块使用

// 使用fs模块读写文件

const fs = require('fs');

// 读取文件

fs.readFile('example.txt', 'utf8', (err, data) => {

if (err) throw err;

console.log(data);

});

// 写入文件

fs.writeFile('output.txt', 'Hello World!', (err) => {

if (err) throw err;

console.log('文件写入成功');

});

3.2 创建HTTP服务器

const http = require('http');

const server = http.createServer((req, res) => {

// 设置响应头

res.writeHead(200, { 'Content-Type': 'text/html' });

// 根据URL返回不同内容
if (req.url === '/') {
    res.end('<h1>欢迎来到首页</h1>');
} else if (req.url === '/about') {
    res.end('<h1>关于我们</h1>');
} else {
    res.writeHead(404);
    res.end('<h1>页面未找到</h1>');
}

});

server.listen(3000, () => {

console.log('服务器运行在 "http://localhost:3000" (http://localhost:3000)');

});

🎮🎮 第四步:Express框架入门

4.1 安装Express

# 创建项目目录

mkdir my-server

cd my-server

初始化package.json

npm init -y

安装Express

npm install express

4.2 创建Express服务器

const express = require('express');

const app = express();

const PORT = 3000;

// 路由定义

app.get('/', (req, res) => {

res.send('首页');

});

app.get('/api/users', (req, res) => {

res.json([

{ id: 1, name: '张三' },

{ id: 2, name: '李四' }

]);

});

// 启动服务器

app.listen(PORT, () => {

console.log(
"服务器运行在 http://localhost:${PORT}");

});

📚📚 小结与练习

本章重点回顾:

  • Node.js让JavaScript可以运行在服务器端
  • 模块化是Node.js的核心特性
  • Express框架简化了Web应用开发
  • 后端负责处理数据和业务逻辑

练习任务:

  1. 创建一个简单的HTTP服务器
  2. 使用Express框架搭建REST API
  3. 实现文件读写操作
  4. 创建简单的用户管理接口

💡💡 常见问题

Q:Node.js和浏览器JavaScript有什么区别?
A:Node.js没有DOM和BOM,但提供了文件系统、网络等服务器端API

Q:如何调试Node.js应用?
A:使用VSCode调试工具或console.log,也可以使用Chrome DevTools

Q:Express是什么?为什么要用它?
A:Express是Node.js的Web框架,简化了路由、中间件等Web开发常见任务

👉👉 下一篇预告

在下一篇中,我们将学习数据库操作,掌握如何用Node.js连接和操作数据库,实现数据的持久化存储!

分类: 「从零到上线」Web开发新手村 🔧后端修炼 标签: Node.js后端开发Express全栈开发

评论

全部评论 2

  1. 茶备案
    茶备案 未知地区
    Google Chrome Windows 10

    博主你好,茶备案项目新开张,希望得到更大的支持加入茶备案!注册得到您的专属网站备案号!希望博主多多支持!https://icp.redcha.cn
    希望博主能在我们网站申请一个备案号放在页脚呀!感谢博主的支持
    无论赞助多少,或者是不赞助也好联系站长都可以,尽量给个靓号
    如果被打扰了,那就万分抱歉

    1. sgyyds
      sgyyds 未知地区
      Google Chrome Android

目录