如何实现数据库中所有的表在vue前端页面中展示

使用cnpminstallecharts-D。

1、安装插件cnpminstallecharts-D。

2、创建图表，将数据引入。

3、使用容器，使chart自适应高度和宽度，通过窗体高宽计算容器高宽。

4、把这个案例模块化，设计成一个可复用组件，只需传入id、options即可。

1、首先通过代码获取到数据里的数据，$result = $this->service->getListData()这个方法就是获取数据库的数据的。

2、获取到数据后，就可以在html代码里输出这些数据了，直接在html里嵌入一些php标签就行了，由于数据是一个数组，所以可以循环这个数组来输出。

3、把数据显示在table上，数组里每一条数据都显示一行tr。

4、表格的第一个单元格我们显示数据的id。

5、同样表格的第二个单元格显示数据的name。如果还有其他的数据要显示，再添加td来显示就行了。

6、运行页面，现在就可以看到页面显示出了后台数据库获取到的数据了。

打开数据库的命令是:open

database

数据库名.

修改数据库的命令是:modify

database

数据库名.

你输入的是datebase,错了一个字母,当然不能识别了

---