hat.sh 项目教程

1. 项目的目录结构及介绍

hat.sh/
├── app/
│   ├── css/
│   ├── js/
│   ├── img/
│   └── index.html
├── config/
│   └── config.json
├── server.js
├── package.json
└── README.md

• app/: 包含项目的所有前端文件，包括CSS、JavaScript、图片和主页HTML文件。

  • css/: 存放项目的样式文件。
  • js/: 存放项目的JavaScript文件。
  • img/: 存放项目的图片资源。
  • index.html: 项目的主页文件。

• config/: 存放项目的配置文件。

  • config.json: 项目的配置文件，包含各种设置选项。

• server.js: 项目的启动文件，负责启动服务器。

• package.json: 项目的依赖管理文件，包含项目的依赖包和脚本命令。

• README.md: 项目的说明文件，包含项目的介绍、安装和使用说明。

2. 项目的启动文件介绍

server.js 是项目的启动文件，负责启动服务器并处理请求。以下是 server.js 的主要功能：

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

app.use(express.static('app'));

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

• express: 使用Express框架来创建服务器。
• app.use(express.static('app')): 将 app 目录下的静态文件（如HTML、CSS、JS）提供给客户端。
• app.listen(port, ...): 启动服务器并监听指定的端口（默认3000）。

3. 项目的配置文件介绍

config/config.json 是项目的配置文件，包含各种设置选项。以下是一个示例配置文件的内容：

{
  "port": 3000,
  "database": {
    "host": "localhost",
    "user": "root",
    "password": "password",
    "name": "hatsh_db"
  },
  "logging": {
    "level": "info",
    "file": "logs/app.log"
  }
}

• port: 服务器监听的端口号。
• database: 数据库连接配置，包括主机、用户名、密码和数据库名称。
• logging: 日志配置，包括日志级别和日志文件路径。

通过这些配置，可以灵活地调整项目的运行环境和行为。