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