Nodejs 我的个人网站,介绍node.js编程经验

Nodejs 我的个人网站,介绍node.js编程经验

我的个人网站: zhanzhenzhen.com

13 回复

当然可以!以下是一个关于“Nodejs 我的个人网站,介绍node.js编程经验”的帖子内容,其中包括一些示例代码和解释。


Nodejs 我的个人网站,介绍node.js编程经验

大家好,今天我想分享一下我使用Node.js构建个人网站的一些经验和心得。我的个人网站是 zhanzhenzhen.com,它不仅是我展示个人作品和技术博客的地方,还帮助我记录和分享Node.js相关的知识和实践经验。

1. 项目结构

首先,让我们来看一下项目的文件结构。一个典型的Node.js项目通常包含以下几个主要文件夹:

my-personal-website/
├── public/            # 存放静态资源,如HTML、CSS、JS文件
├── src/               # 存放源代码
│   ├── controllers/   # 控制器逻辑
│   ├── models/        # 数据模型
│   └── routes/        # 路由定义
├── views/             # 模板文件
├── .env               # 环境变量配置
├── package.json       # 项目依赖
└── server.js          # 入口文件

2. 安装依赖

接下来,我们需要安装一些必要的依赖包。打开终端并运行以下命令:

npm init -y
npm install express ejs dotenv

这里我们使用了 express 作为Web框架,ejs 作为模板引擎,dotenv 来管理环境变量。

3. 配置环境变量

在项目根目录下创建一个 .env 文件,并添加以下内容:

PORT=3000
DB_URL=mongodb://localhost:27017/mywebsite

然后在 server.js 中加载这些环境变量:

require('dotenv').config();
const port = process.env.PORT;

4. 设置路由

src/routes/index.js 文件中定义路由:

const express = require('express');
const router = express.Router();

router.get('/', (req, res) => {
  res.render('index', { title: '首页' });
});

module.exports = router;

5. 创建控制器

src/controllers/homeController.js 文件中编写控制器逻辑:

exports.index = (req, res) => {
  res.send('这是首页');
};

6. 启动服务器

最后,在 server.js 中启动服务器:

const express = require('express');
const path = require('path');
const app = express();
const homeController = require('./src/controllers/homeController');

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(express.static(path.join(__dirname, 'public')));

app.get('/', homeController.index);

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

以上就是我使用Node.js构建个人网站的基本步骤。通过这些简单的示例代码,你可以快速搭建起自己的网站。希望这些经验对你有所帮助!


希望这篇帖子能给你带来一些启发和帮助!如果你有任何问题或建议,欢迎在评论区留言交流。


敢问楼主什么星座。。

楼主太棒了,近期准备放弃windows转mac,持续关注!

对楼主文中提到的 目录结构 觉得有些偏激了。

都放在顶层目录文件会特别多吧,文件多时,打开也会有延迟,假如放到windows环境下,一部分是图片时,查看缩略图肯定很难受。

摩羯座

楼主强大啊

照片儿是本人?我想那么大的时候电视机都没见过

不错,赞一个

路过,,看了一下,lz看来挺用心的。

佩服,32个赞

是本人~

针对“Nodejs 我的个人网站,介绍node.js编程经验”的帖子,以下是一个简短的示例代码,展示如何使用Node.js创建一个简单的个人网站。在这个网站中,你可以分享你的Node.js编程经验。

示例代码

首先,确保已经安装了Node.js。然后,在你的项目目录下创建一个新的文件server.js,并在其中添加以下代码:

// 引入必要的模块
const http = require('http');
const url = require('url');

// 创建服务器
const server = http.createServer((req, res) => {
    // 解析请求路径
    const pathName = url.parse(req.url).pathname;

    if (pathName === '/') {
        // 如果访问根路径,显示欢迎信息
        res.writeHead(200, { 'Content-Type': 'text/html' });
        res.write('<html><body><h1>欢迎来到我的个人网站!</h1>');
        res.write('<p>这里将分享我的Node.js编程经验。</p>');
        res.end('</body></html>');
    } else if (pathName === '/experience') {
        // 如果访问/experience路径,显示Node.js编程经验
        res.writeHead(200, { 'Content-Type': 'text/html' });
        res.write('<html><body><h1>Node.js编程经验分享</h1>');
        res.write('<p>这是我在Node.js开发过程中的一些经验和心得。</p>');
        res.end('</body></html>');
    } else {
        // 其他路径返回404错误
        res.writeHead(404, { 'Content-Type': 'text/plain' });
        res.end('Not Found');
    }
});

// 监听端口
server.listen(3000, () => {
    console.log('服务器运行在 http://localhost:3000/');
});

说明

  • 上述代码创建了一个基本的HTTP服务器,监听3000端口。
  • 当用户访问根路径(例如http://localhost:3000/)时,服务器会返回一个包含欢迎信息和简短介绍的HTML页面。
  • 访问/experience路径时,服务器会返回一个更详细的Node.js编程经验页面。
  • 其他路径则会返回404错误提示。

你可以根据自己的需要扩展这个示例,添加更多的路由、样式或交互功能,以构建更加丰富的个人网站。希望这能帮助你开始构建你的个人网站,并分享你的Node.js编程经验。

回到顶部