Prismify 项目启动与配置教程

1. 项目目录结构及介绍

Prismify 项目的目录结构如下所示：

Prismify/
├── .gitignore
├── .vscode/
│   └── settings.json
├── assets/
│   ├── css/
│   ├── images/
│   └── js/
├── config/
│   └── config.json
├── controllers/
│   └── indexController.js
├── models/
│   └── exampleModel.js
├── public/
│   └── index.html
├── routes/
│   └── index.js
├── views/
│   └── index.ejs
└── app.js

• .gitignore: 指定哪些文件和目录应该被 Git 忽略。
• .vscode/: Visual Studio Code 的配置文件目录。
• assets/: 存储项目中的静态资源，如 CSS、JavaScript 文件和图片。
  • css/: 存储样式表文件。
  • images/: 存储图片文件。
  • js/: 存储 JavaScript 文件。
• config/: 存储项目配置文件。
  • config.json: 项目配置文件，包含数据库连接、端口号等信息。
• controllers/: 包含处理请求的控制器的目录。
  • indexController.js: 主页控制器的示例文件。
• models/: 包含数据库模型定义的目录。
  • exampleModel.js: 示例模型文件。
• public/: 存储公共文件，如 HTML 页面。
  • index.html: 网站主页的 HTML 文件。
• routes/: 包含路由定义的目录。
  • index.js: 主页路由的示例文件。
• views/: 包含视图模板的目录。
  • index.ejs: 主页的 EJS 模板文件。
• app.js: 主应用程序文件，用于启动和配置 Node.js 应用程序。

2. 项目的启动文件介绍

项目的启动文件是 app.js。以下是 app.js 文件的主要内容：

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

// 配置中间件
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(express.static('public'));

// 路由配置
const indexRouter = require('./routes/index');
app.use('/', indexRouter);

// 设置视图引擎
app.set('views', './views');
app.set('view engine', 'ejs');

// 设置端口
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

该文件负责初始化 Express 应用程序，配置中间件，设置路由，以及启动服务器。

3. 项目的配置文件介绍

项目的配置文件是 config/config.json。以下是 config.json 文件的主要内容：

{
  "port": 3000,
  "database": {
    "host": "localhost",
    "user": "root",
    "password": "password",
    "database": "prismify_db"
  }
}

该文件包含了应用程序的端口号和数据库连接信息。在 app.js 中，可以通过 process.env 或 require('config').config 的方式来访问这些配置信息。