My-Easy-Pic-Bed 开源项目使用教程

My-Easy-Pic-Bed 开源项目使用教程

My-Easy-Pic-Bed一个轻量级的图床程序项目地址:https://gitcode.com/gh_mirrors/my/My-Easy-Pic-Bed

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

My-Easy-Pic-Bed 项目的目录结构如下：

My-Easy-Pic-Bed/
├── README.md
├── app.js
├── config
│   ├── default.json
│   └── production.json
├── controllers
│   └── upload.js
├── models
│   └── image.js
├── public
│   └── uploads
├── routes
│   └── index.js
└── views
    └── index.ejs

目录结构介绍

• README.md: 项目说明文档。
• app.js: 项目的启动文件。
• config: 存放配置文件的目录。
  • default.json: 默认配置文件。
  • production.json: 生产环境配置文件。
• controllers: 存放控制器文件的目录。
  • upload.js: 上传图片的控制器。
• models: 存放数据模型文件的目录。
  • image.js: 图片数据模型。
• public: 静态文件目录。
  • uploads: 存放上传图片的目录。
• routes: 存放路由文件的目录。
  • index.js: 主路由文件。
• views: 存放视图文件的目录。
  • index.ejs: 主视图文件。

2. 项目的启动文件介绍

项目的启动文件是 app.js。该文件主要负责初始化应用、配置中间件、设置路由等。以下是 app.js 的主要内容：

const express = require('express');
const app = express();
const path = require('path');
const config = require('config');
const uploadRouter = require('./routes/index');

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

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

// 设置路由
app.use('/', uploadRouter);

// 获取配置端口
const port = config.get('port');

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

启动文件功能介绍

• 初始化应用: 使用 express() 创建应用实例。
• 配置中间件: 设置静态文件目录和视图引擎。
• 设置路由: 使用 app.use() 方法设置主路由。
• 启动服务器: 根据配置文件中的端口启动服务器。

3. 项目的配置文件介绍

项目的配置文件存放在 config 目录下，主要包括 default.json 和 production.json。

default.json

默认配置文件 default.json 的内容如下：

{
  "port": 3000,
  "uploadDir": "public/uploads"
}

production.json

生产环境配置文件 production.json 的内容如下：

{
  "port": 8080,
  "uploadDir": "public/uploads"
}

配置文件功能介绍

• port: 指定服务器监听的端口。
• uploadDir: 指定上传图片的存储目录。

通过这些配置文件，可以方便地切换不同的运行环境，并进行相应的配置调整。

My-Easy-Pic-Bed一个轻量级的图床程序项目地址:https://gitcode.com/gh_mirrors/my/My-Easy-Pic-Bed