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

2025-04-11 00:18:25

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

前端获取后台数据怎么显示在页面
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢