app.js

图片[1]-app.js-JieYingAI捷鹰AI

在大多数人的认识中,前端工程师的工作就是写一写HTML、CSS、JavaScript等前端页面,并不会涉及到后端开发。其实这是不准确的。用JavaScript也可以实现后端开发,搭建服务端。对数据库进行操作,增删查改完全不在话下。那么该如何实现用JavaScript进行后端开发呢?

其实想要实现也不难,我们只要借助工具nodejs即可。首先简单介绍一下nodejs:

Node.js是一个开源与跨平台的 JavaScript 运行时环境。它是一个可用于几乎任何项目的流行工具!

Node.js 在浏览器外运行 V8 JavaScript 引擎(Google Chrome 的内核)。

图片[2]-app.js-JieYingAI捷鹰AI

这使 Node.js 可以在一台服务器上处理数千个并发连接,而无需引入管理线程并发的负担。

Node.js 具有独特的优势,因为为浏览器编写 JavaScript代码的前端开发者,现在除了客户端代码之外还可以编写服务器端代码,而无需学习完全不同的语言。

除了使用nodejs之外,我们还要借助一个node的框架“egg.js”。这个框架是为企业级框架和应用而生的。

图片[3]-app.js-JieYingAI捷鹰AI

Egg有以下特性特性

我们如何搭建一个Egg的后台服务端呢?

首先我们可以通过脚手架生成一个简单的框架模型

$ mkdir egg-example && cd egg-example
$ npm init egg --type=simple
$ npm install

图片[4]-app.js-JieYingAI捷鹰AI

创建项目成功后,我们就可以启动项目了。

$ 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',
};

图片[5]-app.js-JieYingAI捷鹰AI

在 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,
};

图片[6]-app.js-JieYingAI捷鹰AI

数据库配置完成后我们就可以通过以下方式访问数据库:

await app.mysql.query(sql, values); // 单实例可以直接通过 app.mysql 访问

路由(Router)

在app/router.js中配置项目的路由规则,配置好路由后。前端页面便可以通过http的方式访问到该路由,实现前后端的数据通信。

图片[7]-app.js-JieYingAI捷鹰AI

控制器(Controller)

Controller 负责解析用户的输入,处理后返回相应的结果。所有的 Controller 文件都必须放在 app/controller 目录下,可以支持多级目录,访问的时候可以通过目录名级联访问。

图片[8]-app.js-JieYingAI捷鹰AI

服务(Service)

Service 就是在复杂业务场景下用于做业务逻辑封装的一个抽象层,提供这个抽象有以下几个好处:

图片[9]-app.js-JieYingAI捷鹰AI

基本的开发要素我们已经实现的,那么我们就可以直接根据业务需求进行代码的编写了。实现了前端的全栈开发,从前端到后端都可实现。

本次分享暂时告一段落。请各位抬起你们发财的小手,点个赞呗。

下回和大家分享后台服务端的代码编写。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
Don’t let a bad day make you feel lke you have a bad lfe.
不要让糟糕的一天让你误以为有个糟糕的人生