Nodejs前端入门者，会C#但对mvc理解不够深入

Nodejs前端入门者，会C#但对mvc理解不够深入

感觉用express 写网页有点乱，不知道从何开始，请大家指点一二，还有就是该看点什么书籍呢？

8 回复

当然可以！对于有C#背景但对MVC架构理解不深的开发者来说，学习Node.js并使用Express框架来构建Web应用可能会有一些挑战。不过，不用担心，我可以帮助你理清思路，并提供一些入门指南。

Node.js与Express简介

首先，我们需要了解Node.js和Express的基本概念。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，而Express是一个简洁而灵活的Node.js Web应用框架，它提供了大量的功能来开发Web应用和API。

Express项目结构

一个典型的Express项目结构可能如下所示：

my-app/
├── app.js
├── package.json
├── public/
│   ├── images/
│   ├── javascripts/
│   └── stylesheets/
│       └── style.css
└── routes/
    ├── index.js
    └── users.js
  • app.js: 主文件，包含应用程序的设置。
  • package.json: 包管理文件，用于定义依赖项和脚本。
  • public/: 存放静态资源，如图片、CSS和JavaScript文件。
  • routes/: 存放路由逻辑。

示例代码

安装Express

首先，确保你已经安装了Node.js。然后创建一个新的项目目录并初始化：

mkdir my-app
cd my-app
npm init -y

安装Express和其他必要的依赖项：

npm install express

创建基本的应用程序

接下来，我们创建app.js文件：

const express = require('express');
const app = express();
const port = 3000;

// 设置静态文件目录
app.use(express.static('public'));

// 路由
app.get('/', (req, res) => {
  res.send('Hello World!');
});

// 启动服务器
app.listen(port, () => {
  console.log(`App is running on http://localhost:${port}`);
});

这段代码做了以下几件事：

  1. 引入Express库。
  2. 创建一个Express应用实例。
  3. 设置静态文件目录（例如存放CSS和JavaScript文件）。
  4. 定义一个简单的路由处理函数，当访问根路径时返回"Hello World!"。
  5. 监听端口3000并启动服务器。

学习资料推荐

如果你希望更深入地学习Node.js和Express，以下是一些推荐的书籍和资源：

  1. 《Node.js实战》 - 这本书详细介绍了Node.js的核心概念以及如何使用Express等流行框架构建Web应用。
  2. 《深入浅出Node.js》 - 适合有一定JavaScript基础的开发者，这本书覆盖了Node.js的基础知识到高级主题。
  3. MDN Web Docs - MDN文档提供了非常详细的Node.js教程和API文档，非常适合自学。

希望这些信息对你有所帮助！如果你有任何具体问题或需要进一步的帮助，请随时提问。


看例子，自己照着例子写几个就熟悉了 文档也很多啊 有时间的话看书更好，学得系统

m层相当于大脑，处理数据。c层像手和脚。v层就是你的脸了。

学习 mvc 以及做网页的话，从 ruby on rails 开始比较好吧

mvc随便找两篇文章看下概念就行了，看再多书都没用，写着写着就理解了

EXPRESS只是一个解析过程。 MVC我并不觉得是个适合NODEJS的思路

流程 reqin -> express解析 -> 路由表 -> 函数流程 -> resout

由此可知，我们既然采用了express 那么我们能控制的部分 最多的在于路由表和函数流程这一块。

作为EXPRESS的VIEW层，基本上就是JADE或者EJS，当然也有其他方法。 所以V我们不用考虑

M 和 C层

C是用来接收处理数据的函数。由他调用M和V。 因此C是建立在路由表级别的。 而M则是公用函数库，放在哪里都可以。

想理解MVC做web，用一下ruby on rails。比你看C#好太多了。不用看书，就用ruby on rails，按着官方文档走一遍。你的理解会发生质的变化。

针对您的问题，如果您已经熟悉C#和MVC的概念，那么在学习Node.js和Express时，可以尝试将之前的经验应用到新的框架中。以下是一些建议，希望能帮助您更好地理解和使用Express。

1. 理解基本概念

  • 路由 (Routing): 在MVC中，路由是通过控制器来处理的。而在Express中，路由是由app.get(), app.post()等方法定义的。

  • 中间件 (Middleware): 类似于MVC中的过滤器或拦截器，Express中的中间件用于处理请求和响应。例如，您可以使用body-parser来解析请求体，或者使用morgan来记录HTTP请求日志。

2. 示例代码

假设我们正在构建一个简单的博客应用，具有文章列表、创建新文章和查看单个文章的功能。

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.json());

// 文章列表
let articles = [];

// 路由
app.get('/articles', (req, res) => {
    res.json(articles);
});

// 创建新文章
app.post('/articles', (req, res) => {
    const article = req.body;
    articles.push(article);
    res.status(201).json(article);
});

// 查看单个文章
app.get('/articles/:id', (req, res) => {
    const article = articles.find(a => a.id === parseInt(req.params.id));
    if (!article) return res.status(404).send('未找到文章');
    res.json(article);
});

// 启动服务器
const port = process.env.PORT || 3000;
app.listen(port, () => console.log(`服务器运行在 http://localhost:${port}`));

3. 学习资源

希望这些建议能帮助您顺利过渡到Node.js和Express的学习。如果有任何具体问题，欢迎继续提问！

回到顶部