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

使用cnpminstallecharts-D。

1、安装插件cnpminstallecharts-D。

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

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

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

您可以在数据库中设置分页功能，将前端请求的数据限制在前 100 条，而在下载功能中直接从数据库中获取全部数据。

在前端页面上，您可以使用分页插件或者手动实现分页功能，在页面加载的时候限制显示的数据条数。

在下载功能中，您可以直接调用后端接口获取所有数据，并以文件的形式返回给用户下载。

总之这个东西的实现是需要前后端配合的。

---