醋醋百科网

Good Luck To You!

Vue+Echarts可视化大屏系统后端数据库建模(附代码)

各位同学,大家好。上节课,前面我们讲解了后端Express框架的搭建方法。这节课程,我们开始讲解使用Express连接数据库、建立路由,最终完成后端程序的开发。

01 项目相关理论介绍

准备数据库及测试数据

我们使用MySQL数据库。我们建立名为demo1的数据库。

然后建立数据表one,用于销售总量的条线图。

数据表的属性是这样的:

数据表的测试数据有这些:

建立数据表two,用于周销售的折线图。

数据表的属性是这样的:

数据表的测试数据有这些:

建立数据表three,用于库存统计的玫瑰图。

数据表的属性是这样的:

数据表的测试数据有这些:

建立数据表four,用于利润渠道的雷达图。

数据表的属性是这样的:

数据表的测试数据有这些:

建立数据表five,用于KPI指标看板。

数据表的属性是这样的:

数据表的测试数据有这些:

建立数据表map1,用于地图看板。

数据表的属性是这样的:

数据表的测试数据有这些:

2.开发数据库连接程序

安装mysql2库

一般来说,项目中nodejs使用的软件库是mysql包,对应的mysql数据库版本是5.7。如果使用了比较新的数据库版本如为mysql8,就会发现之前的代码无法成功连接数据库,主要原因是8和5.7的账号密码加密方式有差异,mysql5.7前账号密码是mysql_native_password加密,mysql8用caching_sha2_password加密匹配。所以要使用mysql2包。使用以下命令来安装mysql2:

使用 Sequelize 连接数据库

Sequelize 是一个基于 Promise 的 Node.js ORM,目前支持 Postgres、MySQL、SQLite 和 Microsoft SQL Server。 它是一个很成熟的框架,有很好的性能和速度。

接下来,我们使用Sequelize来创建连接MySQL的程序。

这里要先安装软件包,使用以下命令:

连接数据库的关键代码如下:

MySQL 这里配置了数据库的名称demo1、用户名root和密码123456。

3.建立数据模型

在 models 文件夹中,我们可以通过定义模型来表示数据库表。比如针对one数据表,我们可以创建 oneModel.js 文件

这里对数据表中的每个列编写对应的程序,包括数据类型、是否允许空值,默认值等内容。

同样的原理,我们对数据库的其他数据表都要建立数据模型。

4.建立路由调用

在 router文件夹中,我们可以通过定义模型来操作数据库表。比如针对one数据表,我们可以创建 one.js 文件

我们首先引入express、router和数据模型oneModel。

接下来在建立查询方法。使用router.get方法,目录建立在data下面,使用oneModel.findAll来查询one数据表的所有结果。

最后使用module.exports=router来暴露路由。

5.创建项目入口文件index.js

首先,引入路由文件。

然后,在中间件中使用路由。

最后,监听端口,启动服务。

02 项目开发实战

接下来,我们给大家讲解项目开发实战。

未完待续。

我是源动君,带领大家一起进步,谢谢观看。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言