锐客网

  1. 首页 > it技术 > >

web网页开发|“?二三法?“巧解前端数据显示

目录

一、前言
Model法：
Map法：
一、前言

上回我们说过了数据在后端的接受的三种方法，那么今天自然就来了解以及学会数据
在前端的显示，前端显示也是十分重要的，这在购物之类的平台，显示我们所购之物
的原理就是前端显示。
二、正文部分
许多人看到这标题或许有什么是"二三法",不要着急，慢慢看，答案就会自在心中了。
Model法： 打开我们前面写过的文章，在Demo类下，如图，这是我后端数据接受的第一种方法，
web网页开发|“?二三法?“巧解前端数据显示
文章图片

前端数据接受只需要在第二个public String括号里加上Modelmodel其中第二个model可以
是任意名字，为了形象，我们取名model
web网页开发|“?二三法?“巧解前端数据显示
文章图片

然后再此类下写如图所示，

web网页开发|“?二三法?“巧解前端数据显示
文章图片

其中" "下的是前端所要显示取得名，可以是随意取不带" ",是后端下的，这个要和定义的
相同即可。应该写在定义好的变量之后(String之后)
再其次是在jsp中
之外填写如图：
web网页开发|“?二三法?“巧解前端数据显示
文章图片
点击运行，在百度搜索localhost:8080查看即可
web网页开发|“?二三法?“巧解前端数据显示
文章图片
在第二种后端数据接受下如图：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

方法还是一样的，在第二个public String 下如图：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

在jsp还是一样的，所以这里我们直接运行：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

提交之后显示成功
第三种方式的后端数据接受下：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

运行之后：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

此时，就完结了Model在三种后端数据接受下的使用，是不是挺容易的
Map法： Map相比Model更麻烦些
第一种如图：
需要在Demo类下：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

在@Controller 下加上这句话：
@SessionAttributes(value=https://www.it610.com/article/{"zh","mm"},types={String.class ,String.class })

如图：web网页开发|“?二三法?“巧解前端数据显示
文章图片

然后也是在第二个public下加上Mapmap 然后在括号里加上如图：
web网页开发|“?二三法?“巧解前端数据显示
文章图片


为了对比我没把上次用的Model删去，用不用的" "前端显示区分开了
此时我们在jsp下：
web网页开发|“?二三法?“巧解前端数据显示
文章图片
可以直接这么写，但是推荐下面这种，虽然复杂，但是指意明确
web网页开发|“?二三法?“巧解前端数据显示
文章图片

直接运行之后：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

上面的是Model的，下面是Map的。
第二种方式下：
在@Controller还是要加：
@SessionAttributes(value=https://www.it610.com/article/{"zh","mm"},types={String.class ,String.class })

web网页开发|“?二三法?“巧解前端数据显示
文章图片

因为前面弄过了jsp下的内容， 运行之后：
web网页开发|“?二三法?“巧解前端数据显示
文章图片


不过在第三种ModelAttribute下Map不支持：

web网页开发|“?二三法?“巧解前端数据显示
文章图片

运行之后：
web网页开发|“?二三法?“巧解前端数据显示
文章图片

web网页开发|“?二三法?“巧解前端数据显示
文章图片

【web网页开发|“?二三法?“巧解前端数据显示】所以@ModelAttribute不支持Map法

    推荐阅读


    上一篇：《嵌入式》嵌入式大杂烩|《嵌入式 - 嵌入式大杂烩》详解常见的二极管

    下一篇：html|浅谈跨域问题