OSCHINA-MIRROR/xenxin_admin-Hanjst

🙋汉吉斯特（Hanjst）

Han JavaScript 模板语言及引擎

Han 是我妻子的姓(韩), 也是出现我女儿和儿子名字中的音节。

Han 也是中文“汉族”的意思。

🙋Hanjst设计用来终止在HTML模板语言领域不断地“再造轮子”的活动，尽管这听起来有些怪异。

介绍

🙋Hanjst是一种基于JavaScript的模板语言及解析引擎，她运行在客户端/服务器端。

Hanjst能够表述逻辑控制，能够实现与服务器端模块语言相同的功能。

特征/功能

Hanjst当完全在客户端解析时，节省服务器端计算资源;
Hanjst模板语言独立，不与服务器端资源做任何绑定；
纯粹的MVC，层间数据用JSON格式传递；
常见模板语言功能全支持，附带复杂而强大的JavaScript编程能力；
无学习成本，直接使用JavaScript书写模板语言；
....

安装及调用

简单安装

Поместите эти коды в конец <body>, то есть в последний элемент <body>:

Одно предложение

<script type="text/javascript" src="Hanjst.js" async></script>

Полные предложения

<!-- other Hanjst template sentences -->

<div id="Hanjstjsondata">
{
    "newslist":[
        {"title":"Runtime in client-side, reduce computing render in server-side;", "href":"#f1"},
        {"title":"Language-independent, not-bound with backend scripts/languages;", "href":"#f2"},
        {"title":"Totally-isolated between MVC, data transfer with JSON;", "href":"#f3"}
    ],
    "copyright_year": 2018
}
</div>

<!-- Hanjst codes begin -->
<script type="text/javascript" async>
    window.Hanjst = {'JsonDataId':'Hanjstjsondata', 'IsDebug': true}; // optional
</script>
<script type="text/javascript" src="Hanjst.js" async></script>
<noscript>JavaScript Required for Hanjst.</noscript>
<!-- Hanjst codes end -->

</body>

<!-- other html sentences-->

</html>
``` **Перевод текста на русский язык:**

Поместите приведённый ниже фрагмент кода в элемент body HTML-страницы, обычно перед символом окончания body — &lt;/body>.
```javascript
<!-- другие предложения шаблона Hanjst -->

<div id="Hanjstjsondata">
{
    "newslist":[
        {"title":"Клиентский анализ, экономия вычислительных ресурсов сервера;", "href":"#f1"},
        {"title":"Независимость от шаблонного языка, отсутствие привязки к ресурсам сервера;", "href":"#f2"},
        {"title":"Чистый MVC, передача данных между слоями в формате JSON;", "href":"#f3"}
    ],
    "copyright_year": 2018
}
</div>

<!-- Начало кодов Hanjst -->
<script type="text/javascript" async>
    window.Hanjst = {'JsonDataId':'Hanjstjsondata', 'IsDebug': true}; // Необязательно
</script>
<script type="text/javascript" src="Hanjst.js" async></script>
<noscript>Для работы Hanjst требуется JavaScript.</noscript>
<!-- Окончание кодов Hanjst -->

</body>

<!-- Другие предложения HTML -->

</html>

Установка в NodeJS (требуется среда node)

npm install

или

yarn

Компиляция и сборка NPM

npm run build

или

yarn build Скомпилированный код фреймворка выводится в каталог dist после сжатия.

Простой пример

Hanjst автоматически вызывается при загрузке HTML-страницы с помощью window.onload. Шаблонные операторы автоматически анализируются, а содержимое страницы автоматически обновляется в элементе body.

Вот несколько примеров кода Hanjst: (см. английскую часть).

Онлайн-демонстрация Hanjst

-R/j2SP Онлайн-демонстрация Hanjst