只用jquery,ajax,div,怎样实现 OA界面比较好?:报错 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

只用jquery,ajax,div,怎样实现 OA界面比较好?:报错

2020-06-06 16:19:39 501 1

讨论下思路,不用ExtJs,easyui,frame标签,只用jquery,ajax,div,怎样实现 OA界面比较好?:报错

我最初想的是,点击nav的功能链接时,在div里load一个管理模块的html模版,然后根据ajax返回的数据填充模版内容。感觉这样js写起来比较复杂,不太好维护吧。但这样系统界面就可以放在一个html中了,通过ajax交换数据,效率应该会好些。

还有一种思路,controller接到请求后,取得数据,读取模版(比如freemarker),ajax接受格式化输出的数据(html代码)并在系统界面中显示。但这样ajax传输内容会增加。

不知道那种实现方式比较好,大家有什么好思路么?

取消 提交回答
全部回答(1)
  • kun坤
    2020-06-06 16:19:44

    我采用jquery一套作为UI,布局用jquery-ui-layout,表格使用jqgrid,tree用Ztree。

    OA不是大型网站,不用考虑那么多。我觉得直接跳转新页面的做法最省事。维护也方便。如果个别页面加载比较慢的话,完全可以使用freemarker的生成静态html文件的功能就可以了。

    ######
    ajax接受格式化输出的数据(html代码)并在系统界面中显示。但这样ajax传输内容会增加。
    传输内容会增加?好像很多人都是这么做的,你那个系统很庞大?访问量很巨大?对性能要求很苛刻吗?还是杞人忧天?

    还有,这样做有点像ExtJS单页模式。这样做效率是高了,至少不用每个页面都加载CSS、JS,但是所有的内容都加载在同一个页面中,因此每个表单输入的name、id就很可能存在重名的现象……

    ######

    一般其实直接用ajax去服务器请求数据,然后直接生成Dom节点,插入到HTML就行了。

    如果数据较大的话,可以考虑加个loading图片之类的效果,对用户比较友好。

    或者,第一次的时候去后台请求,之后就把数据缓存的客户端。也会增加用户体验度。

    (这样做个人感觉比较灵活,而且数据是后台提供的,后期修改什么的对前端也有好处。前端只需展示数据,不用进行大量的过滤或者计算)

    ######

    我第一个网站就是这思路做的,所以感受深刻。

    先说负面的。

    会有比较高的维护成本和调试成本。

    对一般网站而言,这样搞nav不适合seo。对协同系统,后台管理系统来说,这样开发又复杂,且本身这些系统对性能对传输量要求并不高。

    这样实现绝对是对自己前端技术的一个锻炼。

    参考前端模板,而且,jquery要用大量的bind把新载入的元素绑定事件。

    0 0
相关问答

1

回答

jQuery如何对div进行排序

2016-03-23 15:10:25 2834浏览量 回答数 1

1

回答

jquery ajax()请求图片,再转码为base64进行显示,不可以吗?求大神指教 400 请求

2020-05-29 15:18:40 524浏览量 回答数 1

1

回答

如何使用jQuery / AJAX和PHP / MySQL根据选择的第一个下拉列表填充第?mysql

2020-05-17 14:23:46 256浏览量 回答数 1

1

回答

使用Jquery Ajax从Mysql检索数据

2020-05-10 21:40:48 331浏览量 回答数 1

1

回答

axios,fetch,ajax(jquery)的区别 vuex是什么?怎么使用?哪种场景使用它?

2020-02-17 15:45:45 288浏览量 回答数 1

1

回答

Bootstrap2不能用JQuery AJAX方式提交表单吗?

2020-01-07 13:24:48 629浏览量 回答数 1

1

回答

使用jQuery .ajax()PUT请求API无效

2020-01-04 19:19:11 1018浏览量 回答数 1

1

回答

面试之jquery中的ajax方法参数

2019-12-16 14:53:24 1493浏览量 回答数 1

1

回答

jquery中的ajax的请求出现问题

2016-07-14 16:58:18 2036浏览量 回答数 1

1

回答

jquery mobile ajax 请求,弹出提示框

2016-07-05 17:07:35 1906浏览量 回答数 1
+关注
0
文章
13395
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载