Home > Backend Development > PHP Tutorial > javascript - 关于前后端配合的问题

javascript - 关于前后端配合的问题

WBOY
Release: 2016-06-06 20:27:21
Original
1102 people have browsed it

自己刚实习,进入的是一家创业公司,很多东西都不完善,基本靠自己自学.我目前写的是前端,遇到的问题是:

我写的页面,交给后端用php来修改,但是他直接在我的页面上修改,导致了如果需求有变化,我得把html页面中的php代码删掉才能继续我的开发,我问过他为什么这样,他给的理由是方便,因为如果他不直接在我的页面上修改,那么,如果我写的页面后来有改变的话,他就得重新在我的新页面上填入php代码

这个问题我想不到答案,大家给点意见,到底前后端改怎么配合呢?

回复内容:

自己刚实习,进入的是一家创业公司,很多东西都不完善,基本靠自己自学.我目前写的是前端,遇到的问题是:

我写的页面,交给后端用php来修改,但是他直接在我的页面上修改,导致了如果需求有变化,我得把html页面中的php代码删掉才能继续我的开发,我问过他为什么这样,他给的理由是方便,因为如果他不直接在我的页面上修改,那么,如果我写的页面后来有改变的话,他就得重新在我的新页面上填入php代码

这个问题我想不到答案,大家给点意见,到底前后端改怎么配合呢?

@花瓣奶牛
你这个情况,看项目针对那些层次,一般基本的网站开发,为了快速开发,都是直接php block开发为主了,因为不是长期维护的项目
针对这种情况,我个人认为可以行知有效的解决办法有两个
1、你装一个php环境,直接运行项目,在浏览器查看,直接修改样式等
2、你看不懂php代码,直接在原有的基础上修改你的静态页面,把修改过的css及html、js 备忘一下,和后端php沟通修改过的地方
这个就是最基本的交流,是比较初级的做法
高级的做法,就如其他人所说,通过接口去实现功能,由前端负者渲染输出,这样你喜欢怎么改就怎么改,而后端也不关心你页面,你也不用理会后端怎么处理

你这样做不好的地方。

  • 没法分工。

  • 前后端代码堆在一起,没办法测试。

  • 给后面维护这段代码的人。增加难度。

建议

  • 前后端协商好接口,

  • 前端只展现数据渲染数据。

  • 后端提供只提供数据。

好处

  • 前后端职责分离。

  • 定好接口后可以并行开发。

  • 方便测试,后端测试提供的数据。

前几天我问了个类似问题,也是关于前后端的那些事儿,你可以看看。
信息量大受益匪浅,请猛戳:网站前后端分离问题

理论上他只需要提供数据接口给你,至于数据怎么使用,应该有你来负责,而不是他。我很少见有人页面中去写php block 的,并非说这个不能实现需求,只是不够优雅。

我之前的做法,php负责接收前段请求,输出json 数据接口,前段负责负责解析json ,并展现。

建议使用前后端分离的网站架构,可以前台get/post请求数据渲染页面,后台只给接口。这样有利于以后网站的维护,随着网站越来越大,人员越来越多,易维护性应该占据相当的位置

前一阵淘宝提出过基于node的大前端,不过这对于小公司其实真的是然并卵,一般情况下最好前段会模板语言,模板其实就是分离前后端用的,如果前端不会模板语言的话,一般html给后端以后,是由后端改的,像你这种情况,明显被后端欺负了。。。。。。

建议前后端分离,通过ajax获取接口的形式合作。。。。。。

让你的同事帮你在电脑上装个php环境

稍微了解点后端的知识,php基本就是些数据标签的使用而已,全部用ajax是不利于搜索引擎的。可以了解一下前端mvc

学php 然后让老板把他炒了 拿两份工资

我个人觉得并没有太好的办法,很多框架用的是模板技术。反正我觉得不好,我更喜欢在HTML里插PHP,效率高得多。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template