>  기사  >  백엔드 개발  >  javascript - 求解前端开发的流程?

javascript - 求解前端开发的流程?

WBOY
WBOY원래의
2016-06-06 20:31:571088검색

对于那种内容要经常更新的网站,前端的开发流程是什么? 是写好html,css,js然后仍给后端还是按照后端的模板比如smarty来写html?

回复内容:

对于那种内容要经常更新的网站,前端的开发流程是什么? 是写好html,css,js然后仍给后端还是按照后端的模板比如smarty来写html?

后端写好数据接口 前端通过 数据接口去获取数据 然后更新网站 这个应该是比较好的处理方式,你说的那种通过模板的 都是前后端不分离的状况,修改一个东西需要前后端一起配合

前提,没有用开源项目的前提下。

前端:
按照设计稿生成前端页面
实现需求中的页面效果
后端:
数据交互以及前端页面对接接口
合作:
前端:用户smarty或者ajax进行数据交互
后端:说明数据交互规则
前端+后端:调试页面数据是否显示正常,对于不能提供或者无法提供的数据,做处理。

以我的开发经验为例子:
前端的职责:
1.按照设计稿生成前端页面
2.实现需求中的页面效果
3.将页面所有内容放到单独的文件中,加载时候使用js来控制文件的加载
后端的职责:
数据交互以及前端页面对接接口
最后:
前端:与后端ajax进行数据交互,可以视为联调的过程
写一个velocity的架子,将一些公用的头尾加载进去,需要引用的js路径写对,扔给后端
后端:接受那个velocity文件放在相应位置

这样做的好处就是真的做到了彻底分离,因为页面的架子都是一样的,只是js路径不同,内容是通过js来控制加载的,一旦需求有变动,不要去协商后端出资源协助你改模版,只需要你更改那个单独的文件中的内容就可以了。

答一个目前在职公司的流程:

前端是先和后端定义好接口,模板数据接口以及异步数据接口。
然后前端做假数据模拟请求,调前端展示和交互逻辑。
做好后,再和后端联调。

前端使用edp:
调试
构建
代码生成

使用edp WebServer进行调试。

感兴趣的可以看一下:https://github.com/ecomfe/edp
对这个工具还不是特熟悉,项目也是刚刚接手。

大概意思是:前端与后端定义好页面数据,前端即可使用edp 工具进行模拟,调试。

内容经常更新,需要做一套内容管理系统,更新内容图片不用改代码。
如果页面比较复杂,可以先做好静态,再套smarty,如果比较简单,直接改smarty,自己搭环境来测

smarty模版难道不是前端开发的吗? 你还能指望一个PHPer去写HTML、JS和CSS?

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.