js与css的交互,j***ascript与css交互-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于js与css的交互的问题，于是小编就整理了1个相关介绍js与css的交互的解答，让我们一起看看吧。

后端Java怎么和前端HTML交互？

后端java 怎么和前端 html交互？

本人计算机专业毕业，从事Java web研发三年半，我就以个人的经历来谈谈后端J***a怎么和前端HTML交互，由于主要从事J***a服务端的研发，对前端HTML的认识有限，个人浅见，一起交流。

刚毕业参加工作时，首先接触到的是J***a前端技术是jsp，当时做基础架构方面的工作，有一些管理界面需要研发，而团队的技术线就是JSP+Spring+Duboo+Zookeeper+mysql，我当然也延续了这一技术线，前后使用了一年左右的JSP，前后端研发都一起搞，包括数据库部署、上线维护等都有所涉及。JSP技术使用J***a编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。JSP页面由HTML代码和嵌入其中的J***a代码所组成。服务器在页面被客户端请求以后对这些J***a代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。随着技术的发展，JSP逐渐被团队淘汰。

div>

（图片来源网络，侵删）

积极拥抱变化，是互联网公司或者互联网团队需要做的事情，spring boot + spring cloud的技术线进入了我们的视野。基础架构全面引入spring boot，积极推动微服务的发展成为团队的新课题。在推动spring boot的使用中，发现其支持的thymeleaf模板引擎有诸多的优点，在leader拍板之后，团队的前端技术就由JSP替换为thymeleaf。thymeleaf的优点是静态html嵌入标签属性，浏览器可以直接打开模板文件，便于前后端联调，同时也是springboot官方推荐方案。

技术总是不断发展的，前后端分离，面向接口编程的理念又进入我们的团队。hymeleaf这种前后端一起部署的技术体系已经不能满足我们的要求，为了推动前后端分离和专业的人做专业的事，将功能需求做页面划分，后端和前端定义接口标准，然后依此为契约，同步进行研发。发展到这里，前端的React技术栈又进入了我们团队的视野，由于其前端的技术太过专业，我当时只是简单的了解了一下，没有深入去学习，就专注于做服务端的接口研发。

引入该理念不久，我就跳槽后，进入新的公司新的团队，开始使用velocity。对于这个选择，没有更多的理由，融入新的环境新的团队，必须要让自己了解和使用团队的技术线，其性能良好，据说比jsp性能还要好些，但是自己没有做过相关的测试。到目前为止也在使用velocity，但会积极推动团队拥抱新变化，***用新的技术线来做相关的需求，比如freemarker等又成了团队的新的选择。

（图片来源网络，侵删）

极客宇文氏在这里不用过于专业化的语言去描述这个问题。

J***a是后端开发服务器的语言工具，要注意只是服务器，那么就需要一个客户端或者是浏览器。

那么前端就来了，HTML属于前端页面的架构语言，你在PC端看见的今日[_a***_]和淘宝之类的都是HTML带来的网页样式。搞HTML一般会结合样式css和脚本语言javascript。

（图片来源网络，侵删）

其中css是调节HTML那些大大小小的框的样貌，而JavaScript则是可以实现交互的特效以及传递数据。

服务器通过J***a程序员传递数据给前端的J***aScript，然后再展现在以HTML为载体的平台上。就完成了简单的数据交互呈现的界面。

quote>理解了的话给“极客宇文氏”点点关注，感谢阅读

BAT的后端开发工程师不请自来。

这个问题的本质其实是在前后端分离的大趋势下，前后端开发者如何将各自的代码串联起来，对外发布一个完整的服务。

接下来，我们就分别从前端和后端来介绍。

后端又称服务端，是负责接收前端的请求，然后进行逻辑处理，去读写数据库，最后将结果返回的功能节点。目前在前后端分离的大前提下，不仅是j***a，php，Python等等大多是通过开放http/***s接口的方式与前端交流。有的特殊服务还会使用Websocket协议，不过使用场景要远远少于***，所以在此不多介绍了。

目前市面常见的web工程都有MVC这样一个概念，即model-view-controller，它是一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。我们的封装的代码，可以说就在controller层。

<span>以J***a为例，如何实现一个接口呢。只需要在j***a的某个类中，增加@controller注解，这个类里的函数，在项目启动的时候，就会根据各自定义的path被自动加载为api了。举例来说，现在有两个controller，在url

***://xxx.yyy***/api/

***://xxx.yyy***/api/A/A1

刚毕业的时候公司使用的是SSH+JSP，后来升级为SpringMVC+velocity，但是前后端的代码还是在一个项目中，现在使用的springCloud+node.js实现前后端分离，可以说前后端的数据交互一直在改变！

HTML：超文本标记语言，定义了文本，图形，动画等在浏览器上的图形化界面，可以说HTML就是我们看得着，听得到的东西！

但是HTML的标签都是“死的”，只是页面渲染，我们需要使用浏览器解释语言（j***ascript等）来与后端交互，实现数据的传输，前端的请求方式包括：

①，form 表单提交请求：通过在form标签中使用action配置链接，使用method配置请求方法（get，post等），提交请求到后端，同时获得数据填充表单！

②，使用超链接进行跳转：使用a标签，配置href跳转地址可以跳转到另外的页面！

③，使用ajax 异步调用：使用ajax模拟***请求，将获得的数据局部刷新至页面！

④，直接***请求：现在前后端分离的项目，多半使用***直接访问后端接口，并且因为是不同的项目，还会存在跨域问题，需要使用nginx等配置转发来解决！

前端传入的参数可以是作为get方法直接拼接在请求链接后面，也可以使用json 格式的数据，放入请求体中，当然后端返回的有可能是数据，也有可能是其他的页面链接，需要在前端进行处理，进行跳转！

上面是我对于前后端交互的拙见，有错误请务必指正，谢谢！