论坛首页 Web前端技术论坛

[原创]总结三年使用Extjs开发One Page One Application的SSH架构经验

浏览 31515 次
精华帖 (0) :: 良好帖 (2) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-05-05  
受益匪浅,我也在搞类似的东西,不过的是jquery,自己写常用的ui,前后台也是全部用json。
0 请登录后投票
   发表时间:2011-05-11  
学习中,看的茫然
0 请登录后投票
   发表时间:2011-05-11  
rocker96 写道

4. 提高開發效率4,在開發階段,使用動態加載腳本的方式調試腳本,如用Jsloader,為了避免修改腳本後瀏覽器緩存沒有加載腳本,編寫一個action轉發到指定的腳本,action.do?id=XXXX(隨機數),強制每次訪問腳本都重新加載,這樣,我調試腳本就不用刷新頁面,關了tab,重新打開即可加載最新腳本,通過動態加載腳本,就可輕易把功能界面分割成多個子腳本,通過主功能腳本動態調用和調試子腳本,非常方便。



請教一下...實際是如何操作的呢.

我現在是在 index.html 一次載入所有 js
現時約 60 個,  將來會最少加到 > 100 個
eg <script type="text/javascript" src="../doc/DocForm.js"></script>

頁面是用 border layout,
左面是 menu tree, 右面是 main TabPanel.

每次少量修改調試也用 F5 重新載入一次,
除了載入要時間...要找到剛才測試的Tab也click來click去.

請教大家...提供一些好方法及小弟吧..thx..
0 请登录后投票
   发表时间:2011-05-11   最后修改:2011-05-12
minlo 写道
rocker96 写道

4. 提高開發效率4,在開發階段,使用動態加載腳本的方式調試腳本,如用Jsloader,為了避免修改腳本後瀏覽器緩存沒有加載腳本,編寫一個action轉發到指定的腳本,action.do?id=XXXX(隨機數),強制每次訪問腳本都重新加載,這樣,我調試腳本就不用刷新頁面,關了tab,重新打開即可加載最新腳本,通過動態加載腳本,就可輕易把功能界面分割成多個子腳本,通過主功能腳本動態調用和調試子腳本,非常方便。



請教一下...實際是如何操作的呢.

我現在是在 index.html 一次載入所有 js
現時約 60 個,  將來會最少加到 > 100 個
eg <script type="text/javascript" src="../doc/DocForm.js"></script>

頁面是用 border layout,
左面是 menu tree, 右面是 main TabPanel.

每次少量修改調試也用 F5 重新載入一次,
除了載入要時間...要找到剛才測試的Tab也click來click去.

請教大家...提供一些好方法及小弟吧..thx..


    其实就是设置Ajax同步访问,而Extjs只有异步访问,所以另外写一个脚本,见附件中代码的syn参数,syn=true设置同步访问后,可以访问js等多种格式文件,但由于浏览器缓存关系,开发中修改了js,必须刷新页面才能更新js脚本,为了实现同步访问js并实时调试,就通过编写action.do?id=XXX(随机数),每次url都不同,避免浏览器缓存。同步加载多个脚本的方式,程序是一个挨着一个顺序执行,这样Extjs就可以动态加载各种控件,异步适合数据访问,灵活使用同步异步会解决你很多问题。
1 请登录后投票
   发表时间:2011-06-26   最后修改:2011-07-08
谢谢分享,看了这篇帖子以后,感觉获益匪浅! 


关于JS动态加载,我建议使用Ext.loader, 这个在Ext3.3.3中有了,相信已经有人用了 

PS:如果能和你聊聊最好,QQ已经短消息你了

0 请登录后投票
   发表时间:2011-11-29  
比较少看到用jquery来做这些的。
0 请登录后投票
   发表时间:2011-12-01  
SSH:

struts:  用了spring为什么不直接用springMVC!!

hibernate: 我表示这东西会让人很头疼!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics