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

WBOY
Libérer: 2016-06-06 20:31:57
original
1089 Les gens l'ont consulté

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal