当前位置:首页 > 上门服务 >

javaweb项目先做前端还是先做后端(java程序员一般做前端还是后端)

来源:原点资讯(www.yd166.com)时间:2023-07-09 04:29:01作者:YD166手机阅读>>

前后端是怎么分离的

当前互联网项目开发中,前后端分离几乎已经成为业界标准。并且,就目前趋势,前后端分离的开发模式将会是以后大型分布式架构,弹性计算架构,微服务架构以及多端化服务例如多种客户端,物联网终端,车载终端,手持设备等的坚实基础。

前后端分离的核心思想是前端Html页面通过Ajax调用后端Restful API接口并通过Json或Xml数据进行交互。后端只提供API用以响应前端请求。

当前,后端服务大致可分为以下两种即:

  1. Web服务器:一般指像Nginx,Apache这类的服务器,他们一般只能解析静态资源。
  2. 应用服务器:一般指像Tomcat,Jetty,Resin这类的服务器可以解析动态资源也可以解析静态资源,但解析静态资源的能力没有Web服务器好;

一般都是只有Web服务器才能被外网访问,应用服务器只能内网访问。

我们的问题,前后端为什么会分离?

首先,以前的Web项目中,大多数程序员既做前端又做后端,例如几年前非常流行的JSP项目,前后端耦合性非常大。往往修改前端页面后端服务也要跟着变化,开发复杂度相当高,例如早期主要使用MVC框架,Jsp Servlet的结构图如下。

javaweb项目先做前端还是先做后端,java程序员一般做前端还是后端(1)

大致流程就是所有的请求都被发送给作为控制器的Servlet,它接受请求,并根据请求信息将它们分发给适当的JSP来响应。同时,Servlet还根据JSP的需求生成JavaBeans的实例并输出给JSP环境。JSP可以通过直接调用方法或使用UseBean的自定义标签得到JavaBeans中的数据。需要说明的是,这个View还可以采用 Velocity、Freemaker 等模板引擎。使用了这些模板引擎,可以使得开发过程中的人员分工更加明确,还能提高开发效率。

在这个开发时代,项目开发方式大致分为以下两种:

第一:

javaweb项目先做前端还是先做后端,java程序员一般做前端还是后端(2)

第二:

javaweb项目先做前端还是先做后端,java程序员一般做前端还是后端(3)

以上两种开发模式的缺点在于,前端无法单独调试,开发效率低,并且前端不可避免会遇到后台代码。

在总接以上开发模式的缺点及互联网的高速发展,在前后端完全分离之前,可以说出现过短暂的半分离状态期,在这一阶段,前端负责开发页面,通过接口(Ajax)获取数据,采用Dom操作对页面进行数据绑定,最终由前端把页面渲染出来。这也就是Ajax与SPA应用(单页应用)结合的方式,其结构图如下:

javaweb项目先做前端还是先做后端,java程序员一般做前端还是后端(4)

大致流程解释为:浏览器请求CDN返回HTML页面,HTML中的JS代码以Ajax方式请求后台的Restful接口,接口返回Json数据,页面解析Json数据,通过Dom操作渲染页面。

这种方式的优点是很明显的。前端不会嵌入任何后台代码,前端专注于HTML、CSS、JS的开发,不依赖于后端。

然而在这种框架之下也存在着相当多的弊端,例如:

  1. JS存在大量冗余,在业务复杂的情况下,页面的渲染部分的代码,非常复杂。
  2. 在Json返回的数据量比较大的情况下,渲染的十分缓慢,会出现页面卡顿的情况
  3. 资源消耗严重,在业务复杂的情况下,一个页面可能要发起多次HTTP请求才能将页面渲染完毕

在不断的探索和进步后,终于node.js的出现,使前后端真正意义上得到分离。在这一阶段,前端负责MVC框架中的View和Controller层。后端只负责Model层,对业务/数据进行处理等。

node.js适合运用在高并发、I/O密集、少量业务逻辑的场景。最重要的一点是,前端只需要会JS开发你不需要再学习后端语言就可实现对Controller层的代码编写,对前端来说,简直是福音。

分离时代的结构图如下:

javaweb项目先做前端还是先做后端,java程序员一般做前端还是后端(5)

大致流程是:浏览器请求服务器端的NodeJS,NodeJS再发起HTTP去请求JSP,JSP依然原样API输出JSON给NodeJS,NodeJS收到JSON后再渲染出HTML页,NodeJS直接将HTML页面flush到浏览器。

在该结构下,每种前端的界面展示逻辑由node层自己维护。如果产品经理中途想要改动界面什么的,可以由前端自己专职维护,后端无需操心。前后端各司其职,后端专注自己的业务逻辑开发,前端专注产品效果开发。

将node.js作为连接前后的中间层,得到了以下好处:

  1. 适配性提升;各个终端可以有自己的前端页面。
  2. 响应速度提升;后端返回给前端的数据简单了,相应速度提升。
  3. 性能得到提升;Nodo将前端需要的请求页面在内网阶段进行拼接。
  4. 异步与模板统一;Node可以异步,读文件可以并行,可以使前端页面异步显示。

最后总接一下,从经典的JSP Servlet JavaBean的MVC时代,到SSM(Spring SpringMVC Mybatis)和SSH(Spring Struts Hibernate)的Java 框架时代,再到前端框架(KnockoutJS、AngularJS、vueJS、ReactJS)为主的MV*时代,然后是Nodejs引领的全栈时代,技术和架构一直都在进步。

虽然"基于NodeJS的全栈式开发"模式很让人兴奋,但是把基于Node的全栈开发变成一个稳定,让大家都能接受的东西还有很多路要走。

以上就是本人对前后端分离的一些学*接,在互联网高速发展的今天。前后端分离也不是我们最终的项目框架,创新之路不会停止,无论是前后端分离模式还是其他模式,都是为了更方便得解决需求,也许在未来会有更加简单和使用的开发框架出现,学习永无止境。

栏目热文

java是开发前端的还是后端的(java前端开发和后端开发的区别)

java是开发前端的还是后端的(java前端开发和后端开发的区别)

很多朋友最近问源妹儿:目前Java和前端哪个更吃香?因为很多朋友由于对IT行业了解不够深入,大都是想要转行IT的朋友,那...

2023-07-09 04:50:28查看全文 >>

javaweb属于前端还是后端(javaweb和web前端有什么区别)

javaweb属于前端还是后端(javaweb和web前端有什么区别)

Java和Web前端都是当今技术行业里的热门岗位,岗位招聘需求量大,人才竞争度高,同学们掌握这两个岗位里其中任何一个的相...

2023-07-09 04:22:00查看全文 >>

javaweb在实际开发中有用吗

javaweb在实际开发中有用吗

  Java 是一种简单的、面向对象的编程语言,用于构建数字解决方案。它是一种跨平台的编程语言。Java 工程师也很欣...

2023-07-09 04:38:42查看全文 >>

前端入职一周被劝退

前端入职一周被劝退

那是我第一次去实习,第一次去面试,然后成功了,说实话还是挺高兴的,报道那天遇到了小刚,他也是来报道的。小刚是从培训机构出...

2023-07-09 04:47:00查看全文 >>

java前端和后端哪个发展好(java前端和后端哪个难)

java前端和后端哪个发展好(java前端和后端哪个难)

入行IT编程,学前端开发好还是学后台开发好?前端开发和后台开发都是产品开发的重要环节。下面千锋武汉Web前端培训小编将...

2023-07-09 04:48:39查看全文 >>

java有前端和后端吗(java前端与后端哪个简单)

java有前端和后端吗(java前端与后端哪个简单)

要学习Java,你首先得了解一下什么是java:Javaweb是用Java技术来解决相关web互联网领域的技术总和。说的...

2023-07-09 04:29:13查看全文 >>

java的webserver属于前端还是后端(javaweb和web前端有什么区别)

java的webserver属于前端还是后端(javaweb和web前端有什么区别)

作为JAVA工程师,除了必备的java编程能力,我们还需要些什么呢?一般而言,要从工程师进化为构架师,一个合格的java...

2023-07-09 04:26:45查看全文 >>

java前端和web前端(java前端和web前端一样吗)

java前端和web前端(java前端和web前端一样吗)

Java和web前端,但从就业角度来讲,这个都比较不错,Java历经20多年发展,在开发领域早已占据自己的主要地位,而且...

2023-07-09 04:08:03查看全文 >>

java最吃香的十个专业(学java的应该报什么专业)

java最吃香的十个专业(学java的应该报什么专业)

最近张雪峰又上热搜了,因为劝退学医和新闻专业,引来各方人士包括专家的反驳批判,最终,张雪峰不敌,选择闭麦...

2023-07-09 04:17:54查看全文 >>

java前端与后端哪个好(java后端和前端哪个难学)

java前端与后端哪个好(java后端和前端哪个难学)

前端和后端哪个工资高?事实上,两个都是属于技术研发岗位,都是高薪有前途的职业,不存在说哪个工资更高些,都基本在一万到五万...

2023-07-09 04:24:31查看全文 >>

文档排行