微信号:imooc-com

介绍:慕课网是一个超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!

再谈前后端分离式 | 从0打造企业级电商前端平台

2017-06-09 07:53 color





什么是前后端分离


就是前后端独立开发,互不影响。前后端都各自有自己的开发流程,构建工具,测试集合等等,前后端仅仅通过接口来编程,这个接口可能是JSON格式的RESTFul的接口,也可能是XML的,重点是后台只负责数据的提供和计算,而完全不处理展现。


这样的做法不会因项目越复杂,出现你等我,我等你的情况,从而拖慢了整体团队的节奏,解决开发模式的问题,比较好维护、易管理。


举个栗子:有的用户问,如何把vue融合进php或java 的项目里??对这个没什么概念



01

简单地说这就叫前后端分离, php或java 负责提供操作数据库,业务逻辑处理,前端用vuejs搭起来的网站负责展现数据和前台业务逻辑处理。


两者之间的数据交互可以用ajax,动态的交互。 以前是php或java拼好页面,现在是把动态数据做成api给前端来调用,前端更灵活,可以处理各种交互,可以做成单页面应用,这是一个。第二个上线和开发都可以做到前后端分离,前端的修改只改前端的网站代码,后端的修改只改后端的网站代码,可以分开上线,分开维护,不同的团队维护,做到解耦。



前后端的分离方式分为部分分离和全部分离两种。


部分分离是只把脚本和样式分离出去,而html模板还留在后端通过jsp,velocity或者freemarker来渲染;另一种就是完全分离,脚本样式以及模板全都放在前端来维护。

而且开发者利用目前主流的前端框架,如React、Vue、Angular等,可以轻松的构建起一个无需服务器端渲染就可以展示的网站,同时这类框架都提供了前端路由功能,后台可以不再控制路由的跳转,将原本属于前端的业务逻辑全部丢给前端,这样前后端分离可以说是最为彻底的。



教你前后端分离方式

现在大部分的互联网公司都是采用前后端分离的做法。慕课网紧跟IT技术趋势,首次推出完整大型电商平台的前端项目《手把手从0打造电商平台-前端开发》


大家可以体验下教程的真实项目:http://happymmall.com/




该课适合人群及技术储备要求

本课程非常适合刚进入IT行业的毕业生或初、中级前端攻城狮

为了更顺利的完成本课程,你需要具备以下技能:
基本的HTML,JavaScript,CSS, jQuery基础
CommonJs设计规范,模块化概念


点击下图,即可学习该教程




当然一个优秀的攻城狮不会止步于前端

配套的Java服务端课程已推出

前后端配套学习,让你拥有一个整站线上作品

 推荐另一门配套的服务端教程,点击下图查看 

这两门课有什么区别?


这两门课程是同一个项目的专门的前端课程和对应的Java服务端课程,配合学习效果更显著。


而且购买这两门课程的任意一门课程,都可以领到30元的优惠券。


比如购买了一门Java服务端课程后,领取相应的优惠券,然后购买前端课程的时候就可以使用这个优惠券,让你节省30元,反正依然。










点击“阅读原文”, 新手独立开发电商前端 so easy!
 
慕课网 更多文章 节后第一天慕女神送你书籍给你助力!——评论区留言就送经典IT书籍! 【云栖专题——阿里百川技术分享】后APP时代的破局之路:阿里技术“三大容器五大方案”亮相,百川开放全面升级 做一次真实的开发,一次性拿下jQuery!转需~ 第一门Android实战课火爆上线!丨【新课速递】 学习之道 | 学习不是枯燥的劳作,是精彩的冒险(评论区留言送书啦!)
猜您喜欢 床单有毒水壶煮内裤?!这样的脏酒店只能靠它们护体了 烧了5亿美金,这家神秘的公司即将颠覆人类未来! 整合或分解:哪种方式使大数据策略立于不败之地? 软银合集:为什么要收购ARM ?孙正义的战略思维;软银为何有这么多钱?为了此次收购软银抛售了哪些优质资产? 火爆来袭 | 2015年第四届达内大型招聘会