基础项目搭建
在上一篇文章对Express脚手架进行了简单分析和改造之后,接下来开始搭建自己的项目。
目录结构
目录结构概览
项目搭建的第一步,是约定项目的目录结构,项目的目录结构如下:
express-blog
│ CHANGELOG.md
│ package.json
│ README.md
│ server.js
│
├─app
│ ├─apidoc
│ │
│ ├─controllers
│ │
│ ├─middlewares
│ │
│ ├─models
│ │
│ ├─myutil
│ │
│ ├─public
│ │
│ ├─routes
│ │
│ └─services
│
├─build
│
├─config
│
├─logs
│
├─resource
│
└─test
目录结构说明
目录结构说明如下:
-
CHANGELOG.md
项目更新日志的记录文件。 -
server.js
程序的初始化和启动文件。 -
app/apidoc/**
用于编写接口文档说明,然后使用apidoc
生成接口文档。 -
app/controller/**
用于接收和处理用户输入的参数,然后将处理结果返回。 -
aoo/middleware/**
用于编写中间件函数。 -
app/model/**
用于编写定义数据库相关的文件。 -
app/myutil/**
用于存放编写的工具函数。 -
app/public/**
用于存放项目的静态资源。 -
app/routes/routes.js
用于添加和配置路由规则。 -
app/service/**
用于编写业务逻辑代码,可供controller
层调用。 -
build/**
用于项目初次部署时初始化基础数据,比如初始化管理员。 -
config/**
用于项目的相关配置文件,比如数据库配置 -
logs/**
用于存放程序的请求日志、错误日志等日志文件。 -
resource/**
用于存放文档资料。 -
test/**
用于单元测试。
看到这里,不知道是否看出来些什么没有,我是尽力在向Egg.js
框架的目录结构靠拢,我曾使用egg框架完成过两个web项目,使用下来的最大感受就是省心,根据egg框架核心开发人员的说法,阿里内部有很多个基于egg框架的项目在运行,起码可以得出一点,这个框架是经过多个项目实践之后的一个成果,那我们对egg框架的一点借鉴也会是好的借鉴【手动捂脸】。
基础项目搭建
现在,开始按照上面的目录结构,开始搭建项目。
生成启动文件
按照上一篇文章的设想,首先创建目录express-blog
,将其作为项目的根目录,然后将项目的初始化文件和启动文件合二为一,在项目的根目录下创建app.js
文件,代码如下:
'use strict'
const express = require('express')
const path = require('path')
const app = express()
const bodyParser = require('body-parser')
// 配置静态文件
app.use(express.static(path.join(__dirname, 'app/public')))
// 配置apidoc
app.use('/apidoc', express.static(path.join(__dirname, 'app/public/apidoc/')))
// 请求体解析中间件
app.use(bodyParser.urlencoded({ extended: true }))
app.use(bodyParser.json())
app.listen(3000)
console.log('express-blog server started on: ' + 3000)
创建完成app.js
文件之后,我们还需要安装文件中依赖的npm
包,执行以下命令:
npm init
npm install --save-dev express
这时候,项目的启动文件已经创建成功,依赖包也安装完毕,可以启动项目了,就是这么简单,执行以下命令:
node server.js
看到控制台输出express-blog server started on: 4000
,表明我们的项目成功运行,项目初始化的第一步完成。
完成第一个接口
项目已经可以成功运行,接下来要按照以上的目录结构,完成项目的第一个接口,首先,在项目的根目录下创建app
目录,一般的代码文件都会放置于该目录下。然后根据以上的目录结构,创建app
目录下的其他目录,待app
下的目录创建完毕之后,开始编写代码。
在项目中,会将封装好的同类函数存放于目录的index.js
文件中,然后导出,以供其他模块调用,在其他模块调用该目录时会默认加载该目录下的index.js
具体原理见Node.js官方文档-module (模块)。
同时,在项目中,会使用ES6及ES6+的语法糖,比如Promise
、class
和async/await
等,如果不理解,可以去看阮一峰老师的ECMAScript 6 入门,快速入口:
- promise对象
- async函数
- Class基本语法和Class继承
controller层
创建app/controllers/users.js
文件,代码如下:
'use strict'
const Services = require('../services')
class UsersController {
async create (req, res) {
const paramas = req.body
const result = await Services.users.addUser(paramas)
res.send(result)
}
}
module.exports = new UsersController()
创建app/controllers/index.js
文件,代码如下:
'use strict'
const controllers = {}
controllers.users = require('./users')
module.exports = controllers
service层
创建app/services/users.js
文件,代码如下:
'use strict'
class UserService {
async addUser (data) {
return 'create success'
}
}
module.exports = new UserService()
创建app/services/index.js
文件,代码如下:
'use strict'
const Services = {}
Services.users = require('./users')
module.exports = Services
middlewares层
创建app/middlewares/not-find.js
文件,代码如下:
'use strict'
// 404错误处理中间件
module.exports = (req, res, next) => {
res.send('404,您访问的路由不存在!')
}
创建app/middlewares/index.js
文件,代码如下:
'use strict'
const middleware = {}
middleware.notFind = require('./not-find')
module.exports = middleware
routes层
创建app/routes/routes.js
文件,同时注册上面的404错误处理中间件,代码如下:
'use strict'
const Controllers = require('../controllers')
const middleware = require('../middlewares')
module.exports = function (app) {
app.post('/users', Controllers.users.create)
app.use(middleware.notFind)
}
修改app.js
文件,引用路由文件,并传递app
对象给routes
层,添加的代码如下:
// 引入路由
const routes = require('./app/routes/routes')
// 注册路由
routes(app)
注:该代码要添加在生成app
实例的代码之后,即const app = express()
之后。
测试接口
至此,第一个接口完成,当然,这只是一个接口,没有任何逻辑,但是也够了,逻辑可以后面再添加。接下来,对接口做简单测试。
首先,node server.js
,启动程序。
然后,打开postman
,发送POST
请求到localhost:4000/users
,发现返回create success
,看来接口是生效的。
然后再发送POST
请求到localhost:4000/users1212
,发现返回404,您访问的路由不存在!
,看来404错误处理中间件也是生效的。
小结
本文主要依据上一篇文章的分析,初始化了自己的项目,完成了一个没有任何逻辑的接口(逻辑目前不重要),同时很好的完成了各层分离的目的。接下来会在此基础上,使用版本控制工具git
完成一个项目相对完整的git操作流程。
下面附上项目的github地址:
项目地址
我的个人博客:
毛浩先生的个人博客