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

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

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

    幫助IT團隊快速構(gòu)建符合jt808協(xié)議部標(biāo)的基于java技術(shù)的GPS和視頻平臺(2379423771@qq.com)

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

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

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

    1)重復(fù)

    2)繁瑣、耗時

    3)復(fù)雜度太高

    4)容易出錯,不統(tǒng)一,難以維護

    解決問題的手段就是:

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

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

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

    2)復(fù)雜,而且重復(fù)。

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

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

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

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

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

    2)分頁參數(shù)傳送與狀態(tài)保持:POST、GET、AJAX

    3)斑馬條

    4)事件: load, mouse over, click

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

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

    7)數(shù)據(jù)傳輸: json, xml, array,

    8) 高級功能:subgrid, master/detail 多表關(guān)聯(lián)

    9)擴展:Call back function.

    10)布局與風(fēng)格統(tǒng)一:Theme的設(shè)計,Caption, title, 查詢區(qū),數(shù)據(jù)區(qū),按鈕區(qū)

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

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

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

    JQuery Grid 的文檔下載

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

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

    評論

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

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

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

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

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

    ext太慢了。  回復(fù)  更多評論   

    導(dǎo)航

    留言簿(15)

    隨筆分類

    值得一看的博客

    積分與排名

    最新評論

    閱讀排行榜

    主站蜘蛛池模板: 亚洲AV日韩AV高潮无码专区| 亚洲国产婷婷香蕉久久久久久 | 免费观看黄网站在线播放| 久久亚洲国产精品五月天| 日韩精品无码免费专区午夜| 亚洲精品无码久久一线| 国产精品无码永久免费888 | 午夜小视频免费观看| 亚洲av无码国产综合专区| 国产2021精品视频免费播放| 亚洲AV永久无码精品成人| 国产免费AV片在线观看| 亚洲国产精品VA在线观看麻豆| 国产线视频精品免费观看视频| 国产亚洲精品久久久久秋霞| 久久成人永久免费播放| 亚洲欧洲日产国码av系列天堂| 无码专区AAAAAA免费视频| 日韩亚洲AV无码一区二区不卡| 成人AV免费网址在线观看| 亚洲国产无线乱码在线观看| 免费不卡中文字幕在线| 中文字幕免费播放| 亚洲精品白浆高清久久久久久| 国产午夜精品久久久久免费视 | 黄色片在线免费观看| 亚洲国产av玩弄放荡人妇| 亚洲毛片网址在线观看中文字幕| 三级黄色免费观看| 亚洲理论片在线观看| 日韩毛片免费在线观看| 一级成人生活片免费看| 久久精品国产亚洲AV嫖农村妇女| 成年女人免费v片| jizz免费在线观看| 亚洲精品中文字幕麻豆| 国产免费怕怕免费视频观看| 中文字幕不卡免费高清视频| 亚洲午夜国产精品无卡| 亚洲AV无码专区日韩| 香蕉成人免费看片视频app下载|