Heim  >  Artikel  >  Backend-Entwicklung  >  javascript - 求解前端开发的流程?

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

WBOY
WBOYOriginal
2016-06-06 20:31:571039Durchsuche

对于那种内容要经常更新的网站,前端的开发流程是什么? 是写好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?

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn