前端获取后台数据怎么显示在页面

时间:2024-10-11 21:03:57

1、首先我们通过代艨位雅剖码获取到数据里的数据,$result = $this->service->爿讥旌护getListData(); 这个方法就是获取数据库的数据的,具体的逻辑这里跳过了,这个不是本文的关键。

前端获取后台数据怎么显示在页面

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

前端获取后台数据怎么显示在页面

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

前端获取后台数据怎么显示在页面

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

前端获取后台数据怎么显示在页面

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

前端获取后台数据怎么显示在页面

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

前端获取后台数据怎么显示在页面

7、添加一些样式,可以让页面显示得更美观一点。添加样式table 和table-borderd。这些是bootstrap的样式,需要引入这个样式文件。

前端获取后台数据怎么显示在页面

8、现在看页面,可以看到显示的更漂亮了。

前端获取后台数据怎么显示在页面
© 手抄报圈