前后端不分离:
前端页面的效果都是由后端控制,由后端渲染页面或重定向,也就是后端需要控制前端的展示。
前后端分离:
是一种架构模式,核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。
如何实现前后端分离呢?前后端工程师需要约定交互接口,实现并行开发,开发结束后需要进行独立部署,前端通过ajax来调用http请求调用后端的restful api。前端只需要关注页面的样式与动态数据的解析&渲染,而后端专注于具体业务逻辑。
MVC设计模式:
Model—View-Controller 模型-视图-控制器
如何工作呢?举个例子:你在页面输入一个网址(请求-Request),这个网址去调用接口,这个接口其实就是访问后端的一段代码(方法),后端有很多方法,如何确定访问的是哪个方法?就是接口定义好的,比如:177.0.0.1/api/user/login,这里面的api就表示一个服务(一个工程),user表示一个类,login表示具体要调用的那个方法,你一旦回车,就直接调用了后端这个方法,后端这个方法就去数据库(MySQL|Oracle|其他)取数据,数据库表中每一行数据就表示一个对象,最后存到集合框架(List|Map|Set|等)中,方法把这个集合返回,那么调用这个接口的结果就是会响应(Response)给你一个结果集,前端就拿到了这个数据,然后通过页面(html|Jsp)展现出来,最后用户看到的就是View层做的事情。