在大多数人的认识中,前端工程师的工作就是写一写HTML、CSS、JavaScript等前端页面,并不会涉及到后端开发。其实这是不准确的。用JavaScript也可以实现后端开发,搭建服务端。对数据库进行操作,增删查改完全不在话下。那么该如何实现用JavaScript进行后端开发呢?
其实想要实现也不难,我们只要借助工具nodejs即可。首先简单介绍一下nodejs:
Node.js是一个开源与跨平台的 JavaScript 运行时环境。它是一个可用于几乎任何项目的流行工具!
Node.js 在浏览器外运行 V8 JavaScript 引擎(Google Chrome 的内核)。
这使 Node.js 可以在一台服务器上处理数千个并发连接,而无需引入管理线程并发的负担。
Node.js 具有独特的优势,因为为浏览器编写 JavaScript代码的前端开发者,现在除了客户端代码之外还可以编写服务器端代码,而无需学习完全不同的语言。
除了使用nodejs之外,我们还要借助一个node的框架“egg.js”。这个框架是为企业级框架和应用而生的。
Egg有以下特性特性
我们如何搭建一个Egg的后台服务端呢?
首先我们可以通过脚手架生成一个简单的框架模型
$ mkdir egg-example && cd egg-example
$ npm init egg --type=simple
$ npm install
创建项目成功后,我们就可以启动项目了。
$ npm run dev
启动成功后,直接浏览器打开:7001即可访问到我们新建的项目。
创建的项目目录结构如下:
egg-project
├── package.json
├── app.js (可选)
├── agent.js (可选)
├── app
| ├── router.js
│ ├── controller
│ | └── home.js
│ ├── service (可选)
│ | └── user.js
│ ├── middleware (可选)
│ | └── response_time.js
│ ├── schedule (可选)
│ | └── my_task.js
│ ├── public (可选)
│ | └── reset.css
│ ├── view (可选)
│ | └── home.tpl
│ └── extend (可选)
│ ├── helper.js (可选)
│ ├── request.js (可选)
│ ├── response.js (可选)
│ ├── context.js (可选)
│ ├── application.js (可选)
│ └── agent.js (可选)
├── config
| ├── plugin.js
| ├── config.default.js
│ ├── config.prod.js
| ├── config.test.js (可选)
| ├── config.local.js (可选)
| └── config.unittest.js (可选)
└── test
├── middleware
| └── response_time.test.js
└── controller
└── home.test.js
如上,由框架约定的目录:
由内置插件约定的目录:
在Egg框架内,我们直接引用egg-mysql插件来访问 MySQL 数据库。这个插件既可以访问普通的 MySQL 数据库,也可以访问基于 MySQL 协议的在线数据库服务。
安装对应的插件 egg-mysql :
$ npm i --save egg-mysql
开启插件:
// config/plugin.js
exports.mysql = {
enable: true,
package: 'egg-mysql',
};
在 config/config.default.js 配置各个环境的数据库连接信息。
// config/config.${env}.js
exports.mysql = {
// 单数据库信息配置
client: {
// host
host: 'mysql.com',
// 端口号
port: '3306',
// 用户名
user: 'test_user',
// 密码
password: 'test_password',
// 数据库名
database: 'test',
},
// 是否加载到 app 上,默认开启
app: true,
// 是否加载到 agent 上,默认关闭
agent: false,
};
数据库配置完成后我们就可以通过以下方式访问数据库:
await app.mysql.query(sql, values); // 单实例可以直接通过 app.mysql 访问
路由(Router)
在app/router.js中配置项目的路由规则,配置好路由后。前端页面便可以通过http的方式访问到该路由,实现前后端的数据通信。
控制器(Controller)
Controller 负责解析用户的输入,处理后返回相应的结果。所有的 Controller 文件都必须放在 app/controller 目录下,可以支持多级目录,访问的时候可以通过目录名级联访问。
服务(Service)
Service 就是在复杂业务场景下用于做业务逻辑封装的一个抽象层,提供这个抽象有以下几个好处:
基本的开发要素我们已经实现的,那么我们就可以直接根据业务需求进行代码的编写了。实现了前端的全栈开发,从前端到后端都可实现。
本次分享暂时告一段落。请各位抬起你们发财的小手,点个赞呗。
下回和大家分享后台服务端的代码编写。