北京沣登科技发展公司

动态加入css,动态加入的div绑定vue变量不生效

大家好,今天小编关注到一个比较意思的话题,就是关于动态加入css问题,于是小编就整理了1个相关介绍动态加入css的解答,让我们一起看看吧。

  1. 后端Java怎么和前端HTML交互?

后端java怎么前端html交互

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

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

动态加入css,动态加入的div绑定vue变量不生效div>
图片来源网络,侵删)

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

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

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

动态加入css,动态加入的div绑定vue变量不生效
(图片来源网络,侵删)
quote>理解了的话给“极客宇文氏”点点关注,感谢阅读

本人计算机专业毕业,从事J***a 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逐渐被团队淘汰。

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

动态加入css,动态加入的div绑定vue变量不生效
(图片来源网络,侵删)

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

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

后台j***a和前端HTML的交互实质就是后台j***a服务和浏览器中网页的通信,其通信协议主要是httpHTTPs协议。

servlet规范详细描述了后台服务外界通信的标准,实现servlet接口便可以实现服务与外界通信。基于J***a语言的Web server实现了标准的servlet API。现在的Spring MVC等框架就是基于Servlet规范实现的。

ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax 在浏览器与 Web 服务器之间使用异步数据传输(*** 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。现代浏览器均支持ajax技术。

J***a后台服务与浏览器通信简要流程如下

1、浏览器向J***a web服务器发起***请求;

2、web服务器收到请求后将它交给servlet容器

刚毕业的时候公司使用的是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格式的数据,放入请求体中,当然后端返回的有可能是数据,也有可能是其他的页面链接,需要在前端进行处理,进行跳转!

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

到此,以上就是小编对于动态加入css的问题就介绍到这了,希望介绍关于动态加入css的1点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/47743.html

分享:
扫描分享到社交APP