bs开发从前端到后端的过程分析(最好有个ppt能讲解一下)

下面这个分析得很透彻，可以参考，ppt就自己根据需要做吧：
在我们实际的开发过程中，我们当前这样定位前端、后端开发人员。
1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
现在来看，我们对前后端的要求还是蛮低的，尤其是后端，新员工经过培训之后都是可以参与到后端开发的，没有太高的技术门槛，唯一需要做的就是先变成熟练工种，这个阶段没有涉及到设计模式、架构、效率等一些列问题。
还是先google一下，看看网上对Web前端开发、Web后端开发分别是什么？
Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
我们再来看看大公司对前后端人员招聘的要求，通过这个角度看看前端、后端的技术要求：
Web前端：
1）精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。
2）精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。
3）熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery
4）对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。
5）对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
6）
Web后端：
1）精通
jsp，servlet，java
bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如
Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解
2）练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力
3）熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑
4）精通面向对象分析和设计技术，包括设计模式、UML建模等
5）熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力
6）
从几个公司的招聘要求可以看到，做Web开发，对前端和后端的要求是各自所不同的。而我们目前的实际情况，也和这个差不多，但是，我们无论在知识的掌握程度上，还是知识掌握的宽度上，都是不够的。
首先，我们在前端缺乏积累，没
有沉淀，专业的前端技术的积累是从去年才开始的，同时，在前端也缺乏支撑与高手，所以，走起来比较困难。同时，前端人员培养的较少，一个原因是对前端了解
太少，另外一个原因就是对前端与后端的工作比例估计不足。所幸，我们在这一年也在前端有了很快的进步，培养了几个优秀的开发人员，有意识的解决了前端的用
户体验，这都是可喜的。今年，需要更进一步，专业化。
其次，我们在后端发展的不够宽，后端的知识体系已经比较完善，但是，很多应用点都没有涉及到。同时，对现有技术框架的理解都不够深入，太浮躁。我们目前的
设计团队在解决互联网高并发、大数据量的存取上经验与能力都还不足，需要正视这些问题。后端技术的发展需要更加的精进，以解决实际存在的问题为主。
最后，我们在前端、后端都缺乏熟练工，这会影响到开发的速度，同时，也不利于后期技术的研究。

从三方面具体来说说Web前端和后端的区别。
1、展示方式
前端是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。
后端用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。
2、技术实现
前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Nodejs 、Webpack，AngularJs，ReactJs，VueJs等技术；后端开发以java为例主要用到的是包括但不限于Struts spring springmvc Hibernate >

首先：软件系统架构的前后端分离更多是在近几年伴随互联网的盛行为提高前端与后端交互的响应速率，提升用户的体验进行衍生出了前后端分离架构。如：Vue、NodeJS与微服务架构结合。前端页面进行UI展示效果渲染，后端负责编写API服务进行数据提供，也可以引入NodeJS来作为桥梁架接后端API输出的JSON，返回前端进行页面展现。

其次：基于前后端分离架构一方面提升响应速度，将数据计算的过程在中间层处理，前端进行展示；避免传统的大量数据请求服务器的压力基于中间层在内部处理拼接完成，性能得到了提升；以多组件、片段、卡片的模式实现并行的加载、显示，在非WiFI的3G、2G的弱网络环境下优势更为明显，模板并行加载，优先加载优先显示，提升用户的交互体验。

最后：从经典的MVC架构到SSM、SSH的Java框架时代，再到前端框架如：AngularJS、Vue等，虽然技术、架构一直在演变进步本质上均是为了更方便的解决需求，前后端分离架构更多的也是实现解耦的过程，不将前端与后端绑定，这也与SOA的理念是相吻合的，基于企业服务总线实现应用系统对接的松耦合，以插拔的模式将应用、单据、数据进行有效的连通与对接，以组件构建、平台搭建、架构支撑的模式共同铸建企业的信息化建设，以更专业的平台实现其专业领域的工作，助力企业信息化的发展。

首先简单说一下：

前后端分离就是前端页面只有前端代码，

后端只负责出接口和数据库。前后端分离的好处就是维护方便，代码清晰，

例如，现在有一个官方网站，那么前端要写的就是一个管理后台和前端页面，

后端php（这里只是举例，其他语言的也是一样），需要做的是通过php写出数据接口，

然后前端只需要通过接口来发送和返回数据。然后上线的时候前端只需要把前端代码打包上传到服务器就可以了，混合开发像java和jsp，它们是前端代码和后端代码一起写的，需要把代码一起打包上传到服务器

前端和后端结合的过程需要通过接口来进行数据交互。
1确定接口：前后端开发人员需要协商确定接口，包括接口的名称、参数、返回值等。在确定接口时，需要考虑数据的格式和传递方式，如JSON、XML等。
2编写后端代码：后端开发人员需要根据接口的要求编写代码，实现接口的功能。后端代码需要根据接口的参数进行相应的处理，并将处理结果返回给前端。
3编写前端代码：前端开发人员需要根据接口的返回值进行相应的处理，将数据显示在前端页面上。前端代码需要通过Ajax、fetch等技术调用后端接口，并将返回的数据进行解析和处理。
4测试接口：前后端开发人员需要对接口进行测试，确保数据的传递和处理没有问题。在测试过程中，需要对接口的各种情况进行测试，包括正常情况、异常情况等。
5部署上线：当接口测试通过后，可以将前端和后端代码部署到服务器上线。在部署上线时，需要确保服务器环境的配置和安全性，以及代码的稳定性和性能。

网站的“前端”是与用户直接交互的部分，包括你在浏览网页时接触的所有视觉内容–从字体到颜色，以及下拉菜单和侧边栏。这些视觉内容，都是由浏览器解析、处理、渲染相关 HTML、CSS、Javascript 文件后呈现而来。
是什么给网站前端提供支持？数据存放在哪里？这就涉及后端内容了。网站后端包括服务器、应用还有数据库。后端开发者构建并维护这些组件，为网站提供多方面支持。
所以，网站的运营，前后端缺一不可，前后端是并列合作关系。通过上面的解释不知道大家对前端有没有更多的认识。如果你对Web前端有任何疑问，可以持续关注我，会定期为大家分享最新Web前端发展趋势。

---