Nodejs 我用node写的小站，最最容易的小站，应该对新手有帮助吧，我也是新手

Nodejs 我用node写的小站，最最容易的小站，应该对新手有帮助吧，我也是新手

代码：http://git.oschina.net/chenrh/node-joke 演示：http://115.28.50.138:3000/

数据库地址和密码公开了，各位不要乱稿数据库

6 回复

Node.js 小站教程：一个简单的笑话网站

大家好！我是 Node.js 的新手，最近尝试用 Node.js 创建了一个小网站。这个网站非常简单，旨在帮助其他新手快速上手。以下是整个项目的结构和一些关键代码片段。

项目结构

node-joke/
├── app.js
├── package.json
├── public/
│   ├── index.html
│   └── styles.css
└── server.js

安装依赖

首先，你需要安装 Node.js 和 npm（Node 包管理器）。然后在项目根目录下运行以下命令来安装所需的依赖包：

npm install express body-parser ejs

示例代码

server.js

这是服务器的核心文件，使用 Express 框架创建一个简单的 HTTP 服务器。

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

app.use(bodyParser.urlencoded({ extended: false }));
app.set('view engine', 'ejs');

// 假设我们有一个笑话数组
const jokes = [
    "Why don't scientists trust atoms? Because they make up everything.",
    "Did you hear about the mathematician who's afraid of negative numbers? He'll stop at nothing to avoid them."
];

app.get('/', (req, res) => {
    res.render('index', { jokes });
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});
public/index.html

这是一个简单的 HTML 页面，用于展示笑话列表。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Joke Website</title>
    <link rel="stylesheet" href="/styles.css">
</head>
<body>
    <h1>Random Jokes</h1>
    <ul>
        <% for (let joke of jokes) { %>
            <li><%= joke %></li>
        <% } %>
    </ul>
</body>
</html>
public/styles.css

这是一些基本的样式文件，用于美化页面。

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    margin: 0;
    padding: 0;
}

h1 {
    text-align: center;
    color: #333;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    background: #fff;
    margin: 10px auto;
    width: 70%;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

数据库连接

为了简化，这里没有使用数据库。如果需要添加数据库支持，可以使用 mongoose 或 sequelize 等 ORM 工具来连接 MongoDB 或 MySQL 等数据库。

部署

你可以将项目部署到 Heroku、Vercel 或其他云服务提供商上。记得配置环境变量以保护你的数据库凭证。

希望这个简单的示例对你有所帮助！如果你有任何问题或建议，请随时留言。

项目地址：http://git.oschina.net/chenrh/node-joke 演示地址：http://115.28.50.138:3000/

请注意，数据库地址和密码已公开，大家不要随意修改数据库内容。


有新手愿意一块学习node的，在下面留言吧

看了你的代码 有个问题想问您一下， var obj = req.body; 我写的这行代码obj 就是undefined 您知道是什么问题吗 ？

某兔估计又找到爆点了：（

我估计是你表单的原因

好的，让我们来分析一下这个小站的实现方法，并提供一些示例代码。为了简化起见，我们将创建一个简单的Web应用，该应用从数据库中读取笑话并展示给用户。

示例项目结构

my-joke-site/
├── app.js
├── package.json
└── jokes.json

1. 初始化项目

首先，我们需要初始化一个新的Node.js项目：

mkdir my-joke-site
cd my-joke-site
npm init -y

2. 安装依赖

接下来，安装必要的依赖，例如Express（一个流行的Node.js Web框架）：

npm install express

3. 创建基本的服务器

我们将在 app.js 文件中创建一个简单的Express应用：

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

// 假设我们已经有了一个jokes.json文件，包含了一些笑话数据
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/jokes.json');
});

app.listen(port, () => {
  console.log(`Joke site listening at http://localhost:${port}`);
});

4. 添加笑话数据

现在我们在项目根目录下创建一个 jokes.json 文件，其中包含一些笑话数据：

[
  { "id": 1, "joke": "Why don't scientists trust atoms? Because they make up everything." },
  { "id": 2, "joke": "I told my wife she should embrace her mistakes. She gave me a hug." }
]

5. 运行项目

最后，运行你的Node.js应用：

node app.js

此时，当你访问 http://localhost:3000 时，你应该能看到包含笑话的JSON数据。

总结

这个例子展示了一个非常基础的Node.js Web应用，使用Express框架。它展示了如何创建一个简单的HTTP服务器，并返回静态数据。这可以作为新手入门的一个起点。当然，在实际生产环境中，你需要考虑更多的因素，如数据库连接、错误处理、安全性和部署等。

希望这对新手开发者有所帮助！

回到顶部