복붙노트

[JQUERY] 템플릿의 jQuery 엔진 [폐쇄]

JQUERY

템플릿의 jQuery 엔진 [폐쇄]

해결법


  1. 1.릭 Strahl의 게시물 jQuery로 클라이언트 템플릿 생성을 확인하십시오. 그는 jTemplates을 탐구, 그러나 심지어 일부 개선, 존 레식의 미세하는 주형 솔루션에 대한 더 나은 경우가 있습니다. 좋은 비교, 샘플을 많이.

    릭 Strahl의 게시물 jQuery로 클라이언트 템플릿 생성을 확인하십시오. 그는 jTemplates을 탐구, 그러나 심지어 일부 개선, 존 레식의 미세하는 주형 솔루션에 대한 더 나은 경우가 있습니다. 좋은 비교, 샘플을 많이.


  2. 2.그냥이에 대한 몇 가지 연구를하고 나는 JQuery와-tmpl을 사용할 것입니다. 왜?

    그냥이에 대한 몇 가지 연구를하고 나는 JQuery와-tmpl을 사용할 것입니다. 왜?

    자세한 내용은 여기 : http://forum.jquery.com/topic/templating-syntax


  3. 3.jQote : http://aefxx.com/jquery-plugins/jqote/

    jQote : http://aefxx.com/jquery-plugins/jqote/

    누군가가 Resig 씨의 미세하는 주형 솔루션을 가져 갔고, jQuery 플러그인으로 그것을 포장.

    (그는 자신을 출시하는 경우) Resig 씨가 자신을 해제 할 때까지 나는이 사용됩니다.

    팁 주셔서 감사합니다, ewbi.


  4. 4.jQuery를 나노 :

    jQuery를 나노 :


  5. 5.jQuery를-tmpl는 jQuery를 1.5에서 jQuery를 핵심 시작에있을 것입니다 :

    jQuery를-tmpl는 jQuery를 1.5에서 jQuery를 핵심 시작에있을 것입니다 :

    http://blog.jquery.com/2010/10/04/new-official-jquery-plugins-provide-templating-data-linking-and-globalization/

    공식 문서는 여기에 있습니다 :

    http://api.jquery.com/category/plugins/templates/

    편집 : 그것은 jQuery를 1.5에서 제외되어있어 그것이 곧 jQuery를 UI 그리드의 종속성 수있는 바와 같이, 이제 jQuery를 UI 팀에 의해 조정됩니다.

    http://blog.jquery.it/2011/04/16/official-plugins-a-change-in-the-roadmap/


  6. 6.확실하지가 특정 문제를 처리하지만, 순수한 템플릿 엔진도있다 방법에 대해 설명합니다.

    확실하지가 특정 문제를 처리하지만, 순수한 템플릿 엔진도있다 방법에 대해 설명합니다.


  7. 7.그것은 당신이 "최고"를 정의하는 방법에 따라 달라 주제에 여기 내 게시물을 참조하시기 바랍니다

    그것은 당신이 "최고"를 정의하는 방법에 따라 달라 주제에 여기 내 게시물을 참조하시기 바랍니다

    당신이 가장 빠른 찾는 경우 여기에 좋은 벤치 마크입니다, 그 도트 승리, 잎 다른 사람 뒤에 보인다

    당신은 대부분의 공식 jQuery 플러그인을 찾고 있다면, 여기에 내가 알아 낸 것입니다

    파트 I : JQuery와 템플릿

    베타는 일시적으로 공식적인 JQuery와 템플릿 플러그인이 있었다 http://api.jquery.com/category/plugins/templates/

    그러나 분명히, 너무 오래 전 베타에 보관하기로 결정했다 ...

    파트 II : 다음 단계

    새로운 로드맵은 플러그인의 새로운 세트를 목표로하는 것, 바인딩 및 관찰자 / 관찰 패턴 구현 멋진 데이터가 JSRender (DOM의 독립 심지어 JQuery와 템플릿 렌더링 엔진) 및 JSViews

    여기에 주제에 대한 블로그 게시물입니다

    http://www.borismoore.com/2011/10/jquery-templates-and-jsviews-roadmap.html

    그리고 여기에 최신의 소스입니다

    기타 리소스

    그것도 아직 베타 아니다, 단지 로드맵 항목하지만, 템플릿 및 UI 바인딩의 공식 JQuery와 / JQueryUI 확장되기 위해 좋은 후보처럼 보인다 참고


  8. 8.만 바보가 될 수 있습니다 ^^

    만 바보가 될 수 있습니다 ^^

    // LighTest TPL
    $.tpl = function(tpl, val) {
        for (var p in val)
            tpl = tpl.replace(new RegExp('({'+p+'})', 'g'), val[p] || '');
        return tpl;
    };
    // Routine...
    var dataObj = [{id:1, title:'toto'}, {id:2, title:'tutu'}],
        tplHtml = '<div>N°{id} - {title}</div>',
        newHtml    = '';
    $.each(dataObj, function(i, val) {
         newHtml += $.tpl(tplHtml, val);
    });
    var $newHtml = $(newHtml).appendTo('body');
    

    http://jsfiddle.net/molokoloco/w8xSx/ ;)


  9. 9.이 jsquery 특정 아니지만, 여기에 오픈 소스로 구글에서 발표 한 JS 기반 템플릿 라이브러리입니다 :

    이 jsquery 특정 아니지만, 여기에 오픈 소스로 구글에서 발표 한 JS 기반 템플릿 라이브러리입니다 :

    http://code.google.com/p/google-jstemplate/

    이것은 템플릿으로 DOM 요소를 이용하여 수 있으며 (템플릿 렌더링의 출력은 여전히 ​​재 렌더링 다른 데이터 모델이 될 수있는 템플릿임을) 재진입한다.


  10. 10.다른 사람은 뾰족한 JQuery와 - tmpl를 가지고 있고, 나는 그 대답을 upvoted했다. 그러나 github에 포크에서 봐 가지고해야합니다.

    다른 사람은 뾰족한 JQuery와 - tmpl를 가지고 있고, 나는 그 대답을 upvoted했다. 그러나 github에 포크에서 봐 가지고해야합니다.

    거기 중요한 수정 및 흥미로운 기능도있다. http://github.com/jquery/jquery-tmpl/network


  11. 11.존 레식은 그가 자신의 블로그에 게시있어 것 하나가있다. http://ejohn.org/blog/javascript-micro-templating/

    존 레식은 그가 자신의 블로그에 게시있어 것 하나가있다. http://ejohn.org/blog/javascript-micro-templating/


  12. 12.당신은 .NET 프레임 워크 2.0 / 3.5에서 작업하는 경우, 당신은 http://JsonFx.net에 의해 구현 된 JBST 살펴 보셔야합니다. 그것은 익숙한 JSP / ASP 구문을 가지고 있지만 런타임에 구문 분석 할 필요가없는 컴팩트 한 캐시 할 수 템플릿 빌드 타임에 미리 컴파일 된 클라이언트 측 템플릿 솔루션을 제공합니다. 그것은 jQuery를하고 자신이 순수 자바 스크립트로 컴파일 된 템플릿과 같은 다른 자바 스크립트 라이브러리와 함께 잘 작동합니다.

    당신은 .NET 프레임 워크 2.0 / 3.5에서 작업하는 경우, 당신은 http://JsonFx.net에 의해 구현 된 JBST 살펴 보셔야합니다. 그것은 익숙한 JSP / ASP 구문을 가지고 있지만 런타임에 구문 분석 할 필요가없는 컴팩트 한 캐시 할 수 템플릿 빌드 타임에 미리 컴파일 된 클라이언트 측 템플릿 솔루션을 제공합니다. 그것은 jQuery를하고 자신이 순수 자바 스크립트로 컴파일 된 템플릿과 같은 다른 자바 스크립트 라이브러리와 함께 잘 작동합니다.


  13. 13.나는 jtemplates JQuery와 pluging를 사용했지만 성능은 정말 나쁜했다. 나는 더 나은 성능을 trimpath (http://code.google.com/p/trimpath/wiki/JavaScriptTemplates)로 전환. 나는 IE7이나 FF에 문제를 발견하지 않았습니다.

    나는 jtemplates JQuery와 pluging를 사용했지만 성능은 정말 나쁜했다. 나는 더 나은 성능을 trimpath (http://code.google.com/p/trimpath/wiki/JavaScriptTemplates)로 전환. 나는 IE7이나 FF에 문제를 발견하지 않았습니다.


  14. 14.매우 가벼운 작업 JQuery와 - tmpl에 적합하지만 데이터 자체 포맷하는 방법을 알고는 어떤 경우에 필요 (나쁜 일을!).

    매우 가벼운 작업 JQuery와 - tmpl에 적합하지만 데이터 자체 포맷하는 방법을 알고는 어떤 경우에 필요 (나쁜 일을!).

    좀 더 완전한 기능을 갖춘 템플릿을 찾고 있다면 나는 오렌지-J를 건의 할 것입니다 플러그인. 이것은 프리 마커에 의해 영감을했다. , 다른 템플릿에서 템플릿을 포함한 객체 및 배열, 인라인 자바 스크립트를 통해 반복하고 (maxlen을, wordboundary,를 htmlentities 등) 출력을위한 우수한 포맷 옵션이있는 경우는 지원합니다.

    아, 그리고 쉽게 구문.


  15. 15.당신은 당신의 템플릿을 설계하는 방법을 조금 생각을 할 수 있습니다.

    당신은 당신의 템플릿을 설계하는 방법을 조금 생각을 할 수 있습니다.

    나열된 템플릿 솔루션 (jQote, JQuery와 - tmpl, jTemplates)의 많은 한 가지 문제는 그들이 HTML 도구 또는 HTML 디자이너와 개발 프로세스에서 작업 할 고통이 될 수있는 당신의 HTML에 비 HTML을 삽입 할 필요가있다 . 그것의 장점과 단점을 가지고 있지만 나는 개인적으로, 그 방법의 느낌처럼하지 않습니다.

    이 템플릿의 다른 클래스가 사용하는 일반 HTML에 접근이지만,이 요소의 속성, CSS 클래스, 또는 외부 매핑으로 데이터 바인딩을 표시 할 수 있습니다.

    마네는이 방법의 좋은 예입니다,하지만 난 투표로 떠납니다 그래서 내가 결정하는 그것을 자신을 사용하지 않은 경우와 같은 다른 사람이나하지. 적어도 내가 더 함께 플레이하는 시간이 될 때까지.

    다른 답변이 방법의 또 다른 예는 순수한 나열.

    참고로 당신은 또한 chain.js 볼 수 있지만, 원래의 릴리스 이후 많은 업데이트 된 것 같지 않습니다. 거기에 대한 자세한 배경 정보를 보려면 http://javascriptly.com/2008/08/a-better-javascript-template-engine/를 참조하십시오.


  16. 16.웹 사이트에 존 레식의 템플릿 엔진을 사용하여 보관. 그들은 약간은 보관이 JS 파일에서 확인하실 수 있습니다를 수정했습니다. tmpl이 파일에서 검색하면 템플릿 엔진의 코드를합니다.

    웹 사이트에 존 레식의 템플릿 엔진을 사용하여 보관. 그들은 약간은 보관이 JS 파일에서 확인하실 수 있습니다를 수정했습니다. tmpl이 파일에서 검색하면 템플릿 엔진의 코드를합니다.

    감사. 그것은 누군가를 위해 도움이 될 것입니다 바랍니다.


  17. 17.나는 현재 다중 HTML의 템플릿 프레임 워크를 사용하고 있습니다. 이 프레임 워크는 DOM에 훨씬 쉽게 가져 오기 템플릿 데이터를합니다. 또한 큰 MVC 모델링.

    나는 현재 다중 HTML의 템플릿 프레임 워크를 사용하고 있습니다. 이 프레임 워크는 DOM에 훨씬 쉽게 가져 오기 템플릿 데이터를합니다. 또한 큰 MVC 모델링.

    http://www.enfusion-framework.org/ (샘플 봐!)


  18. 18.JQuery와 순수 HTML 템플릿 - - beebole에 의해 PURE의 재 작성도 있습니다 https://github.com/mpapis/jquery-pure-templates

    JQuery와 순수 HTML 템플릿 - - beebole에 의해 PURE의 재 작성도 있습니다 https://github.com/mpapis/jquery-pure-templates

    그것은 훨씬 더 자동 렌더링 대부분 JQuery와 선택기를 사용하여, 무슨 일이 더 중요이 HTML로 멋진 물건을 넣을 필요가 없습니다 허용해야합니다.

  19. from https://stackoverflow.com/questions/170168/jquery-templating-engines by cc-by-sa and MIT license