数据管理类web系统:

1,页面需要一些ajax去异步请求,加载数据;

2,需要一些弹窗功能,审批功能,图片异步上传功能;

3,一些样式控制功能,一些动态拼数据功能。

这些功能是引入jquery库,从上到下都罗列function的写在页面上,经过日积月累,让人感觉页面很乱的感觉,有什么优化的办法吗?


建议1:

引入js文件也不一定乱啊,整理好就行了,不要内联js,全部写外联js

js按文件夹分类存放,名称最好和页面一致

login.js

productList.js

addProduct.js

OrderList.js

旧系统页面杂乱优化研究_ajax

旧系统页面杂乱优化研究_jquery_02



建议2

 拆成无数个小HTML页

加载的时候合起来   aps.net mvc有模板页。 asp.net webform有用户控件。    

把功能拆分到多个页面,需要考虑成本问题。