“❤二三法❤“巧解前端数据显示(上)

简介: 一、前言 Model法:

一、前言


上回我们说过了数据在后端的接受的三种方法,那么今天自然就来了解以及学会数据


在前端的显示,前端显示也是十分重要的,这在购物之类的平台,显示我们所购之物


的原理就是前端显示。


二、正文部分


许多人看到这标题或许有什么是"二三法",不要着急,慢慢看,答案就会自在心中了


Model法:


打开我们前面写过的文章,在Demo类下,如图,这是我后端数据接受的第一种方法,


微信图片_20220105180125.png


前端数据接受只需要在第二个public String括号里加上Model  model  其中第二个model可以


是任意名字,为了形象,我们取名model


微信图片_20220105180150.png


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


微信图片_20220105180207.png


其中" "下的是前端所要显示取得名,可以是随意取不带" ",是后端下的,这个要和定义的


相同即可。应该写在定义好的变量之后(String之后)


再其次是在jsp中<form>之外填写如图:


微信图片_20220105180231.png

点击运行,在百度搜索localhost:8080查看即可


微信图片_20220105180238.png


在第二种后端数据接受下如图:


微信图片_20220105180312.png

方法还是一样的,在第二个public String 下如图:


微信图片_20220105180317.png


在jsp还是一样的,所以这里我们直接运行:


微信图片_20220105180348.png

提交之后显示成功


第三种方式的后端数据接受下:


微信图片_20220105180353.png


运行之后:


微信图片_20220105180422.png

 

目录
相关文章
|
1月前
|
前端开发 JavaScript
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
这篇文章介绍了使用AJAX技术将前端页面中表单接收的多个参数快速便捷地传输到后端servlet的方法,并通过示例代码展示了前端JavaScript中的AJAX调用和后端servlet的接收处理。
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
|
1月前
|
前端开发
第一种方式:使用form表单将前端数据提交到servelt(将前端数据提交到servlet)
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
第一种方式:使用form表单将前端数据提交到servelt(将前端数据提交到servlet)
|
28天前
|
前端开发 API 开发者
JSF与RESTful服务的完美邂逅:如何打造符合现代Web潮流的数据交互新体验
【8月更文挑战第31天】随着互联网技术的发展,RESTful架构风格因其实现简便与无状态特性而在Web服务构建中日益流行。本文探讨如何结合JavaServer Faces (JSF) 和 JAX-RS 构建RESTful API,展示从前端到后端分离的完整解决方案。通过定义资源类、配置 `web.xml` 文件以及使用依赖注入等步骤,演示了在JSF项目中实现RESTful服务的具体过程,为Java开发者提供了实用指南。
31 0
|
28天前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
46 0
|
2月前
|
监控 前端开发 JavaScript
|
2月前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产品信息页面的处理
循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产品信息页面的处理
|
2月前
|
开发框架 JavaScript 前端开发
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
|
2月前
|
前端开发 JavaScript PHP
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
38 0
|
2月前
|
前端开发
后端一次返回大量数据,前端做分页处理
后端一次返回大量数据,前端做分页处理
79 0
|
2月前
|
JavaScript 前端开发 网络架构
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上