<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    幫助IT團隊快速構建符合jt808協議部標的基于java技術的GPS和視頻平臺(2379423771@qq.com)

    從Jquery Grid ( jqGrid )談前端框架設計

    設計框架,和使用第三方框架,都基于一個很樸素的目的,Productivity.

    首先就要思考的是什么造成了開發效率的低下:

    1)重復

    2)繁瑣、耗時

    3)復雜度太高

    4)容易出錯,不統一,難以維護

    解決問題的手段就是:

    1)封裝
    ?? 通過不斷的封裝,信息隱藏,降低復雜度。
    ??
    2)重用
    ?? 通過重用,來降低工作量,提高代碼質量。

    3) 分離
    ?? 將不穩定的,可變的、同穩定,很少變化的部分分離出來,減少需求變化的沖擊。

    所以第一步,要分析問題域,去結構化它,然后一條一條的解決:
    1)不復雜,但是重復、繁瑣

    2)復雜,而且重復。

    無論怎樣都是要命的,都要去設計者盡量去解決。

    以前端頁面開發為例,我們在前端開發當中,都會遇到一個看似通用的工作,分頁查詢和表格表現。

    這是一個重復、繁瑣、耗時的工作,但是不復雜,人人都會做,但要命的是,每個人的做法都不一樣,所以造成了不統一、不一致。

    分析問題的過程,是一個結構化的過程。我們可以對Grid的工作,做一個結構化的分析,可以將繁瑣的問題,變成清晰的結構。

    1)分頁操作:next, prev, last, first, go to, 自定義顯示行數,總頁數,總條數,總

    2)分頁參數傳送與狀態保持:POST、GET、AJAX

    3)斑馬條

    4)事件: load, mouse over, click

    5) 列操作:sort(服務器端排序、客戶端排序)、 resize column, 自定義顯示列。

    6) 行操作:add row, delete row, edit row, select, muliselect, edit, query,

    7)數據傳輸: json, xml, array,

    8) 高級功能:subgrid, master/detail 多表關聯

    9)擴展:Call back function.

    10)布局與風格統一:Theme的設計,Caption, title, 查詢區,數據區,按鈕區

    Jquery Grid (jgGrid) 相對比較好的,解決了這些問題,但框架畢竟是框架,

    沒有最完美的,只有相對合適的,使用者需要分析知道自己的問題在那里,然后去設計開發、使用合適第三方的框架,或直接使用、或二次封裝、開發、修改源代碼,來解決自己的問題,總之,不要做一個問題的抱怨者,等著別人煮米下鍋。

    點這里,可以下載 JqGrid JQuery Grid? 可惜的是里面沒有Demo, 以后我會補充一個比較豐富的Demo進去。

    JQuery Grid 的文檔下載

    網址是(可能需要代理):
    http://trirand.com/jqgrid/jqgrid.html

    posted on 2008-08-19 17:37 Speed 閱讀(14709) 評論(3)  編輯  收藏 所屬分類: 框架設計前端設計JQuery

    評論

    # re: 從Jquery Grid 談前端框架設計 2008-08-20 13:45 errorfun

    基本上用過EXTJS后就不想用其它的了。  回復  更多評論   

    # re: 從Jquery Grid ( jqGrid )談前端框架設計 2009-03-20 12:28 王兵

    我用了ext 但是我用過后一致在找一個ext的替代品  回復  更多評論   

    # re: 從Jquery Grid ( jqGrid )談前端框架設計 2009-10-22 16:41 milan

    ext太慢了。  回復  更多評論   

    導航

    留言簿(15)

    隨筆分類

    值得一看的博客

    積分與排名

    最新評論

    閱讀排行榜

    主站蜘蛛池模板: 亚洲精品网站在线观看你懂的| 日韩免费视频一区| 日韩一卡2卡3卡4卡新区亚洲| 国产成人精品亚洲一区| 日韩一区二区免费视频| 精品久久久久亚洲| 亚洲成a人片在线观看久| 免费人成又黄又爽的视频在线电影 | 永久黄网站色视频免费| 亚洲乱色熟女一区二区三区蜜臀| 欧美在线看片A免费观看| 亚洲欧美日韩综合久久久久| 色视频色露露永久免费观看| 美女黄频免费网站| 色噜噜AV亚洲色一区二区| 国产亚洲免费的视频看| 亚洲第一页在线观看| 国产精品视频永久免费播放| 久久精品国产亚洲AV未满十八| 亚洲成aⅴ人片久青草影院| 国产精品综合专区中文字幕免费播放| 亚洲无av在线中文字幕| 99在线在线视频免费视频观看| 亚洲毛片无码专区亚洲乱| 日本免费一本天堂在线| 国产成人高清精品免费观看| 亚洲视频一区调教| 免费高清在线爱做视频| 国产裸体美女永久免费无遮挡| 亚洲午夜免费视频| 国产精品深夜福利免费观看| 一二三区免费视频| 亚洲国产成人手机在线电影bd| 四虎影视永久免费观看网址| 伊人免费在线观看| 亚洲视频无码高清在线| 亚洲线精品一区二区三区影音先锋 | 国产小视频免费观看| 你好老叔电影观看免费| 亚洲中文无码线在线观看| 亚洲国产一区二区三区|