最近在公司实际项目中,后台(java程序员)只给一条json数据,前端负责页面开发和数据交互,很是头疼,伯乐在线的小伙伴们有什么容易上手的方法么?

Tips:现在手上做了一个页面的数据交互,都是参照之前的同事写下来,依葫芦画瓢而成的……
头疼点:表格数据操作,状态操作

2 收藏


直接登录
最新评论
  • 光光头去打酱油 全干工程师(公司打杂的) 2016/04/20

    我觉得可以去看看 easyui 等等之类的前端框架,看看别人是怎么封装的。 easyui 用过datagrid ,也是后端传 json 数据。

  • 这种情况在实际项目中很常见,解决方案无非有两种:

    1. 纯前端解决方案。
    1.1 用underscore或其他目标引擎,将后端的JSON数据转换为页面DOM结构
    1.2 绘制玩之后开始执行主逻辑进行事件监听,组件初始化等等。
    这种方案的优点是成本比较低,前端自己就能搞定,对需要的插件也没有特别的要求。但缺点也很明显:页面容易抖动,因为页面一进来什么都没有。第二一旦渲染模板过程中有一个JS错误你的页面就挂了,如果浏览器禁用了JS就更完了。而且及时就是一个最简单的没有任何交互的展示页面你也必须加装一个不算小的模板引擎。最严重的就是模板中一个JS错误导致整个页面挂掉,而且这种请求有时候很隐蔽,因为模板代码中有些分支需要特定的数据组合才能触发。总体来说这种方案成本低,但线上页面有不少隐患,不太适合以展示为主的页面,做强交互的页面还可以。

    2. 前端写后端模板
    我现在用的是这种方式。后端同学给我后端项目的开发权限,后端负责数据,我负责后端模板的开发。这样的好是页面加载速度快,不会因为一个JS错误导致整个页面什么都出不来,及时浏览器禁用了JS也能正常显示。对于以展示为主的页面很适合这种模式

    • 啵啵2016 前端开发 2016/04/20

      哦哦,谢谢!实际项目中基本都是从后台请求数据,然后,前端根据数据结构和内容,来做判断和展示。

  • 桃杀   2016/04/20

    可以考虑用用mvvm的框架,如vuejs、angular等

  • Andraw-lin WEB前端开发 2016/04/25

    直接使用jQuery里封装好的底层ajax方法即可,简单易懂