무엇이 좋은 템플릿이 지원되는 언어에서 JavaScript?

StackOverflow https://stackoverflow.com/questions/128949

  •  02-07-2019
  •  | 
  •  

문제

템플릿은 예쁜 건강한 비즈니스에서 설립된 프로그래밍 언어,그러나 거기에 어떤 좋은 사람을 처리할 수 있는 JavaScript?

의"템플릿"을 뜻하는 문서를 수락하는 데이터 입력으로 삽입하는 데이터의 일종으로 직렬화의 마크업 언어를 출력한 마크업이 있습니다.잘 알려진 예는 JSP, 원래 PHP XSLT.

에 의하여"좋은"나는 의미는 그것을 선언하고 쉽게 HTML 저자를 쓰는 것이고,견고한,그리고 그것을 지원하는 다른 언어로.는 것보다는 더 나은 옵션에 대해 알고.의 몇 가지 예를"좋지 않다":

문자열 수학:

element.innerHTML = "<p>Name: " + data.name
    + "</p><p>Email: " + data.email + "</p>";

분명 너무 다루기 힘드,HTML 구조는 명백하지 않습니다.

XSLT:

<p><xsl:text>Name: </xsl:text><xsl:value-of select="//data/name"></p>
<p><xsl:text>Email: </xsl:text><xsl:value-of select="//data/email"></p>

//구조적으로 이동하지만 그것을 직면하자,XSLT 혼동하는 HTML 개발자입니다.

Trimpath:

<p>Name: ${data.name}</p><p>Email: ${data.email}</p>

//이지만,프로세서에서만 지원 자바 스크립트,그리고 언어는 일종의 기본(http://code.google.com/p/trimpath/wiki/JavaScriptTemplateSyntax).

내가 소중하게 생각하며 하위 집합의 JSP 또는 ASP 또는 PHP 로 브라우저지만,없는 것을 발견.

사람은 무엇을 사용하여 이러한 일에서 JavaScript 를 위해 그들의 템플릿?

부록

후 몇 개월 되었습니다 많은 실행할 수 있는 템플릿 언어 여기에 게시하고,그러나 그들의 대부분이지에서 사용할 수 있는 다른 언어입니다.이러한 대부분의 템플릿을 사용할 수 없 외부 자바 스크립트 엔진입니다.

예외는 Microsoft--처리할 수 있습니다 같은 ASP 브라우저나 다른 ASP 엔진입니다.그가 자신의 설정의 이동성 문제 때문에,당신은 당신 Microsoft 시스템입니다.되는 답변으로,하지만 여전히 관심이에서 더 많은 휴대용 솔루션이 있습니다.

모든 입력을 주셔서 감사합니다 지금까지!

도움이 되었습니까?

해결책

가 있는 클라이언트 측면 템플릿의 기능에 오는 오 ASP.NET AJAX4.0.

http://encosia.com/2008/07/23/sneak-peak-aspnet-ajax-4-client-side-templating/

또한,사용할 수 있습니다 Microsoft AJAX 라이브러리(는 자바스크립트의 일부 ASP.NET AJAX),그 자체를 사용하지 않고 ASP.NET.

http://www.asp.net/ajax/downloads/

다른 팁

존 레식 미니 javascript 템플릿에서 엔진 http://ejohn.org/blog/javascript-micro-templating/

당신이를 확인 할 수 있습니다 콧수염 -그것은 정말 휴대용 템플릿 언어 자바 스크립트의 지원이 다른 언어가 있습니다.

이는 오늘,나는 그것을 시도하지 않았지만...

http://beebole.com/pure/

폐 템플릿 는 매우 강력한 템플릿에서 시스템 구글,그리고 그들은 작업 모두에 대한 자바 스크립트와 Java.은 그들을 사용하고 있습니다.

ExtJS 제공하는 현대적인 템플릿 클래스라는 Ext.XTemplate: http://extjs.com/deploy/dev/docs/?class=Ext.XTemplate

내가 사용하는 Google 폐쇄 템플릿이 있습니다. http://code.google.com/closure/templates/docs/helloworld_js.html

간단한 템플릿 생성, BiDi 지원,자동을 탈출 최적화된 속도입니다.또한,템플릿을 분석하 발생으로 구축 단계는,그래서 그것은 속도에 영향을 주지 않습니다 아래로 클라이언트입니다.또 다른 혜택은 동일하게 사용할 수 있습니 템플릿에서 Java,필요하신 경우에는 생성하 HTML 서버에서 사용자를 위한 자바 스크립트 사용할 수 없습니다.

텐진 http://www.kuwata-lab.com/tenjin/ 수도 당신이 무엇을 찾고 있습니다.사용하지 않았지만,그것은 좋아 보인다.

내가 쓴 http://google-caja.googlecode.com/svn/changes/mikesamuel/string-interpolation-29-Jan-2008/trunk/src/js/com/google/caja/interp/index.html 는 설명 템플릿 시스템는 볼트 문자열을 보간에 javascript 을 방지 하는 방식으로 XSS 공격하여 올바른 선택을 탈출 방식에 따라 위의 컨텍스트입니다.

중 하나는 여기에서 구현 jQuery 에 대한 유식 템플릿 생성 언어입니다. http://www.balupton.com/sandbox/jquery-smarty/demo/

한 인상적인 기능을 지원한 동적 업데이트됩니다.그래서 만약 당신 업데이트 템플릿을 변수,업데이트됩니다 어디에서는 템플는 변수가 사용됩니다.매우 멋진.

할 수도 있습니다 훅으로 변경 변수를 사용하여 onchange 이벤트입니다.그래서 유용한 말을 수행하는 효과 또는 AJAX 때를 말한 변수"페이지에 변경";-)

를 사용하는 경우 스크립트# 을 고려할 수 있습니다 SharpTemplate, 로,강력하게 형식화,슈퍼 효율적인 HTML 템플릿 엔진입니다.

말단 템플릿 http://code.google.com/p/distal 은 다음과 같 XSLT 러,더 간단하다:

<p>Name: <span data-qtext="data.name"></span></p>
<p>Email: <span data-qtext="data.email"></span></p>

당신이 사용하는 경우 Rhino (a Java 구현의 자바스크립트)실행할 수 있습니다 JavaScript 템플릿을 선택한 언어로 서버에 너무입니다.

당신은 또한 당신은 확실히 알 서버와 브라우저 템플릿 결과는 동일합니다.(경우에는 템플릿 구현 2 언어 있습니다 사이에 미묘한 차이 구현됩니다.)

...하지만 지금은 5 년 이상(즉,2016 년),Java8,당신은 것을 사용하여 Nashorn 대신하지 않 Rhino.여기에 소개 Nashorn,당신은 약간 아래로 스크롤을 찾을 수 있는 예 Nashorn+의 Mustahce 템플릿 언어:http://www.oracle.com/technetwork/articles/java/jf14-nashorn-2126515.html

(나 개인적으로 사용 React.js 서버측을 통해 Nashorn(지만 반응하지 않는 템플릿 language).)

한 가지 흥미로운 선택이 https://github.com/rexxars/react-markdown 는 오히려 재미있는 방법을 포함 markdown 에 반응하는 기반 web UI.나는 그것을 테스트,합리적으로 잘 작동하지만,문서 나를 지도하는 것을 이해하는 HTML 렌더링을 취득한 어떤 문제에서 3.x 니다.여전히 같은 것을위한 실행 가능한 옵션은 특정 사용합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top