javascript - 求解前端开发的流程?
回复内容:
对于那种内容要经常更新的网站,前端的开发流程是什么? 是写好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?
上一篇: mysql 的 内存表和临时表
下一篇: 显示访客的IP地址
推荐阅读
-
[转]56本前端工程师必备的javaScript学习书籍 web书籍
-
javascript - 用户发帖应用开发中,用户异步上传了图片,但最终帖子没发布,那么上传的图不就没有用了吗怎么处理这种情况?
-
javascript - 前端开发转去后台需要去学哪些知识?
-
Schema ? 模块化,响应式的前端开发框架_html/css_WEB-ITnose
-
如何用js 实现依赖注入的思想,后端框架思想搬到前端来_javascript技巧
-
有没有自学前端开发的小伙伴儿?
-
40 岁的时候,我转行成为一名前端开发者!
-
【前端开发环境】前端使用GIT管理代码仓库需要掌握的几个必备技巧和知识点总结
-
如何开发出更好的JavaScript模块
-
前端笔记之JavaScript面向对象(四)组件化开发&轮播图|俄罗斯方块实战