一、背景

    前后端分离已经成为互联网项目开发的行业标准方法。通过nginx+可以有效解耦（也可以中间加一个），前后端分离将为未来大规模分布式架构、弹性计算架构、微服务提供基础。架构、多终端服务（多客户端，如浏览器、车载终端、、IOS等）打下坚实的基础。这一步是系统架构从猿进化到人的必经之路。

    核心思想是前端HTML页面通过AJAX调用后端API接口，与JSON数据进行交互。

    一般情况下，外网只能访问Web服务器，内网只能访问应用服务器。

    在以前的大多数J*a Web项目中，J*a程序员既是父亲又是母亲，既从事前端又从事后端。随着时代的发展，很多大中小型公司也逐渐开始将前后端的界限区分得越来越清晰。前端工程师只负责前端的事情，后端工程师只负责后端的事情。俗话说，艺有专攻。如果一个人什么都知道，那么他终究什么都不擅长。大中型企业需要专业人才，小企业需要通才。但为了个人职业发展，前后端需要分开。

    2、不分离的时代（各种耦合）

    早期主要使用MVC框架。 Jsp+的结构图如下：

    基本上，所有请求都发送到控制器，控制器接受请求并根据请求信息将它们分发到适当的 JSP 进行响应。同时，还根据JSP需求生成实例并输出到JSP环境。 JSP中的数据可以通过直接调用方法或者使用自定义标签来获取。

    需要注意的是，这个View还可以使用 、 等模板引擎。使用这些模板引擎可以使开发过程中的分工更加清晰，提高开发效率。

    所以，这个时期有两种开发方式：

    方法一

    方法2

    方法2已逐渐被淘汰。主要原因有两个：

    因此，方法2逐渐不被采用。不过，不得不说，方法一其实至今仍然被很多小型传统软件公司所采用。那么，方法1和方法2有哪些共同的缺点呢？

    1、前端无法独立调试，开发效率低；

    2.前端难免会遇到后端代码，比如：

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'>    <pre style="max-width: 100%;letter-spacing: 0.544px;font-size: 15px;color: rgb(62, 62, 62);line-height: inherit;text-align: start;background-color: rgb(255, 255, 255);box-sizing: border-box !important;overflow-wrap: break-word !important;"><code class="" style="margin-right: 2px;margin-left: 2px;padding: 0.5em;max-width: 100%;font-size: 12px;color: white;line-height: 15px;border-radius: 0px;background: rgb(51, 51, 51);font-family: Consolas, Inconsolata, Courier, monospace;display: block;overflow-x: auto;word-spacing: -3px;letter-spacing: 0px;box-sizing: border-box !important;overflow-wrap: normal !important;word-break: normal !important;overflow-y: auto !important;"><span class="" style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"><span class="" style="max-width: 100%;color: rgb(98, 200, 243);line-height: inherit;"><<span class="" style="max-width: 100%;color: inherit;line-height: inherit;font-weight: bold;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;">body</span>></span><br style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"  />   <%<br style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"  />       <span class="" style="max-width: 100%;color: rgb(255, 255, 170);line-height: inherit;">request</span>.setCharacterEncoding(<span class="" style="max-width: 100%;color: rgb(162, 252, 162);line-height: inherit;">"utf-8"</span>)<br style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"  />       <span class="" style="max-width: 100%;color: rgb(255, 255, 170);line-height: inherit;">String</span> name=<span class="" style="max-width: 100%;color: rgb(255, 255, 170);line-height: inherit;">request</span>.getParameter(<span class="" style="max-width: 100%;color: rgb(162, 252, 162);line-height: inherit;">"username"</span>);<br style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"  />       out.print(name);<br style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"  />   %><br style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"  /><span class="" style="max-width: 100%;color: rgb(98, 200, 243);line-height: inherit;"></<span class="" style="max-width: 100%;color: inherit;line-height: inherit;font-weight: bold;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;">body</span>></span><br style="max-width: 100%;font-size: inherit;color: inherit;line-height: inherit;box-sizing: border-box !important;overflow-wrap: inherit !important;word-break: inherit !important;"  /></span></code></pre></p>
    这种方法耦合性太强。那么，即使使用其他模板引擎，也无法编写J*a代码。前端不可避免地要重新学习模板引擎的模板语法，这会无谓地增加前端的学习成本。就像我们不想在后端开发中写前端一样，想想如果前端代码嵌入到你的后端代码中你会作何感想？因此，这种做法是非常不合适的。

   

# 前后端分离  # 互联网项目开发的业界标准使用方式  # 大连网站建设方案优化  # 专业网站建站建设  # 抖音seo靠谱  # 遵义推广智能营销云平台优势  # 营销文案和市场推广  # 审美网站建设标准  # 安顺旅游营销和推广方式  # 郑州正规网络推广营销  # seo推广学习中心外推  # 怎么学习网站运营和推广  # 怎样进行网络营销推广  # 东莞网站建设策划公司  # 射阳网站优化推广方案  # 广州线下推广营销公司  # 企业网站推广嶶昕hfqjwl出词  # 古县网站建设公司  # 福建在线seo短视频  # 甘肃网站建设制作的主页  # 网站推广计划书写  # seo现在有前途吗 

相关文章： 长春网站建设点瑞网络：打造优质外链的标准及重要性,牡丹区网站建设推广  利用WP分销系统助力企业高效盈利，拓展新渠道,绿箭广告营销推广策略  创关键字：数字营销的核心密码,龙岩seo排名优化  SEO选择：如何挑选最合适的SEO优化策略？,黄山市关键词seo排名优化  WPS改写-轻松提升文档创作效率的秘密武器,商城网站优化怎么做的好  诚屋章鱼烧：小吃行业的佼佼者，加盟创业的理想选择,自助网站建设系统手机  SEO调整，助力网站流量爆发式增长！,罗湖网站排名优化公司  迪蒙**系统开发：新企业制作***平台的流程与注意事项,内蒙古网站优化团队排名  关键引擎-驱动未来创新的动力源泉,如何建设网站免费游戏  江西省总与建行合作，实现工会普惠服务全省互惠互通互享,seo正规培训留痕  China Joy 现场震撼一幕：虚拟女团让不同年龄的人共同疯狂,seo优化是什么时间  无锡新体体育场将原址重建，还有两个大型体育中心将建造,广州电子网站优化  天津市武清区人民医院启动医疗电子票据建设，深化放管服改革,《seo实战密码》 pdf  外贸网站优化：获取谷歌一手流量的大势所趋,佛山网站建设锐艺传播  SEO发明：引领数字时代营销革命的力量,美食网站bbs推广  加大曝光度，打造品牌新高度-让每一个机会都为你加冕,营销策划营销推广  取消改写：打破常规，创新思维，开启自由表达新时代,宜昌绍兴网站推广  网站建设与营销推广的四大原则，你 get 了吗？,润百颜营销推广  初识搜索引擎优化：了解工作原理与网页收录流程,台球厅营销推广语怎么写  网页设计收费标准大揭秘：从规划策划到在线测试的全面解析,建筑工程网站建设平台  安宁市打造云南滇西旅游第一站，文旅融合发展成果显著,福清网页seo报价  找建站公司建网站，这些准备事项您都知道吗？,宣传工作者网站推广方案  商家补单必知的关键词优化选词技巧与竞价优化策略,网站优化是怎样做到的呀  SEO教你如何快速提升网站排名，打破竞争壁垒！,什么网站可以更新seo  SEO无限：如何利用SEO技术实现网站流量爆发？,日化品推广员招聘网站  静态网站设计重构与架设流程，以及设计师的诙dan谐teng日常,珠江啤酒的市场营销推广  SEO变现：如何通过SEO技术实现稳定收入,seo优化表情图  SEO策划：让你的网站迅速脱颖而出的秘诀,计算机网站推广怎么做的  宁河 1 单位 1 集体获全总表彰，天津杰出教师名单公示，职工羽毛球赛火热开赛,镇江市推广网站推广厂家  产品上新前先做什么？淘宝基础 seo 优化助你提升排名与流量,晋源区网站推广  SEO文案：如何通过巧妙布局提升网站排名，吸引更多流量,重复关键词搜索排名  SEO大量优化：如何通过精准策略提升网站流量，突破搜索引擎排名瓶颈,喜庆素材网站建设游戏  SEO基础知识解析：如何提升网站排名，助力企业成长,府谷科美特网站建设收费  北京应急响应级别调整至三级，新发地的作用不可忽视,辽宁一站式网站优化模式  深圳建网站多少钱？宝安建网站费用大揭秘,洛阳抖音关键词排名有用吗怎么样  SEO很多，如何在竞争激烈的市场中脱颖而出？,晋中网站建设售后  国内顶级 SEO 公司推荐，关键词低至 3 元/天，24 小时不限点击,甘肃seo教程招商加盟  SEO北京：数字时代，企业成功的关键,网站关键词推广是什么  SEO网络营销：如何通过精准优化提升品牌价值,金马镇网站推广公司招聘  SEO架构：提升网站流量的核心策略,河南网站建设优化技术  SEO好吗？助力网站成功的关键之道,众筹网站建设哪家好  变革工具：驱动时代创新与企业飞跃的秘密武器,佛山网站推广制作怎么做  绵阳市中医医院制剂中心建设项目色谱与高分辨质谱仪器采购公开招标,政府网站建设应突出  婚纱摄影网站建设：如何针对客户人群找出网站重点,阿里巴巴营销宝推广规则  SEO表述：如何通过精准优化让你的内容脱颖而出,北辰区网站推广方式  分析优机制：构建未来企业竞争力的核心驱动力,线上推广营销案例分析  企业建英文网站需细致入微，这些方面你注意到了吗？,外贸营销培训内容 推广  青阳县人民政府办公室转发建设中国摄影产业创新区工作方案通知,渭南百度seo排名  2025 年两轴四区多点布局基本确立，北京博物馆之城空间布局首次明确,漳州定制化网站建设  枝江网页设计费用、网站制作推广及 400 电话申请开通，了解这座历史悠久的古城,惠东手机网站建设 

相关栏目： 【 网络营销55532 】 【 网络推广33921 】 【 网络优化98863 】 【 网络学院69291 】 【 网络运营7217 】 【 AI推广84713 】 【 百度推广30177 】