|
51 | 51 | </div> |
52 | 52 |
|
53 | 53 | <div id="chat"></div> |
54 | | - <script src="http://www.webtoolkit.eu/wt/examples/simplechat/chat.js?div=chat" type="text/javascript"></script> |
| 54 | + <script src="http://www.webtoolkit.eu/wt/examples/simplechat/chat.js?div=chat" type="text/javascript"></script> |
55 | 55 |
|
56 | 56 | <div class="clearall"></div> |
57 | 57 | </div> |
|
86 | 86 | <message id="git">Обозреватель Git</message> |
87 | 87 | <message id="chat">Чат</message> |
88 | 88 | <message id="mail-composer">Редактор писем</message> |
| 89 | + <message id="hangman">Виселица</message> |
89 | 90 | <message id="widget-gallery">Галерея виджетов</message> |
90 | 91 |
|
91 | 92 | <message id="home.news"> |
|
111 | 112 |
|
112 | 113 | <h3><span>Wt: Введение</span></h3> |
113 | 114 |
|
114 | | -<p>Wt (произносится "<i>витти</i>) - это библиотека C++ для разработки |
| 115 | +<p>Wt (произносится "<i>витти</i>") - это библиотека C++ для разработки |
115 | 116 | web-приложений.</p> |
116 | 117 |
|
117 | 118 | <p>API, центральное место в котором занимают <b>виджеты</b>, использует хорошо |
@@ -522,7 +523,7 @@ target="_blank">прекрасное введение в Wt</a>, написан |
522 | 523 | slots) C++, и, следовательно, в результате этого код обработки событий |
523 | 524 | выполняется на <b>стороне клиента</b>. По желанию, с помощью CSS3 можно |
524 | 525 | украсить смену содержимого виджета <a |
525 | | - href="http://www.webtoolkit.eu/wt/doc/reference/html/classWt_1_1WTabWidget.html" |
| 526 | + href="http://www.webtoolkit.eu/wt/doc/reference/html/classWt_1_1WStackedWidget.html" |
526 | 527 | target="_blank">WStackedWidget</a> анимацией. |
527 | 528 | </p> |
528 | 529 |
|
@@ -779,6 +780,54 @@ target="_blank">модели элементов</a>.</p> |
779 | 780 | </p> |
780 | 781 | </div> |
781 | 782 | </message> |
| 783 | + |
| 784 | + <message id="home.examples.hangman"> |
| 785 | +<div> |
| 786 | +<h4 class="example">Виселица</h4> |
| 787 | + |
| 788 | +<p> |
| 789 | + <a href="http://www.webtoolkit.eu/wt/examples/hangman/hangman.wt" class="run" target="_blank"> |
| 790 | + <img src="/icons/green-play.png" style="vertical-align: top"/> Запуск |
| 791 | + </a> |
| 792 | +</p> |
| 793 | + |
| 794 | +<p> |
| 795 | + В данном примере реализована простая и хорошо известная игра, и система |
| 796 | + рейтингов к ней, которая работает с базой данных посредством Wt::Dbo. |
| 797 | +</p> |
| 798 | +<p> |
| 799 | + Вот некоторое из того, что иллюстрирует данный пример: |
| 800 | +</p> |
| 801 | +<ul> |
| 802 | + <li> |
| 803 | + Различные подходы к компоновке: |
| 804 | + с помощью <a href="http://www.webtoolkit.eu/wt/doc/reference/html/classWt_1_1WTemplate.html" |
| 805 | + target="_blank">шаблона HTML</a>, |
| 806 | + <a href="http://www.webtoolkit.eu/wt/doc/reference/html/classWt_1_1WBoxLayout.html" |
| 807 | + target="_blank">менеджера компоновки</a>, или совмещая простые |
| 808 | + виджеты и CSS. |
| 809 | + </li> |
| 810 | + <li> |
| 811 | + Повышенное удобство работы за счёт предварительно загружаемого скрытого |
| 812 | + содержимого, такого как различные картинки для изображения виселицы и |
| 813 | + повешенного. |
| 814 | + </li> |
| 815 | + <li> |
| 816 | + Навигация реализована |
| 817 | + с помощью <a href="http://www.webtoolkit.eu/wt/doc/reference/html/classWt_1_1WAnchor.html" |
| 818 | + target="_blank">WAnchor</a> который ссылается на внутренний путь. Дейстие выполняется |
| 819 | + по реакции на смену внутреннего пути. |
| 820 | + </li> |
| 821 | + <li> |
| 822 | + Работа с базой данных, содержащей информацию о пользователе, осуществляется |
| 823 | + посредством <a href="http://www.webtoolkit.eu/wt/doc/tutorial/dbo/tutorial.html">Wt::Dbo</a>. |
| 824 | + </li> |
| 825 | +</ul> |
| 826 | + |
| 827 | +<!--<p>Объяснение примера "виселица" приводится также в СТАТЬЕ</p>--> |
| 828 | +</div> |
| 829 | + </message> |
| 830 | + |
782 | 831 | <message id="home.examples.widgetgallery"> |
783 | 832 | <div> |
784 | 833 | <h4 class="example">Галерея виджетов</h4> |
@@ -1333,6 +1382,19 @@ target="_blank">здесь (в новом окне)</a>.</p> |
1333 | 1382 |
|
1334 | 1383 | <message id="srcview.title.hello">Пример: Здравствуй, мир!</message> |
1335 | 1384 |
|
| 1385 | + <message id="srcview.title.CPP.hangman"> |
| 1386 | + <div class="srcviewtitle"> |
| 1387 | + <h2>Исходный код примера <i>Виселица</i></h2> |
| 1388 | + |
| 1389 | + <p> |
| 1390 | + Смотрите ниже исходный код примера Wt |
| 1391 | + <a href="#/examples/">Виселица</a>. |
| 1392 | + </p> |
| 1393 | + </div> |
| 1394 | + </message> |
| 1395 | + |
| 1396 | + <message id="srcview.title.hangman">Пример: Виселица</message> |
| 1397 | + |
1336 | 1398 | <message id="srcview.title.CPP.charts"> |
1337 | 1399 | <div class="srcviewtitle"> |
1338 | 1400 | <h2>Исходный код примера <i>Диаграммы</i></h2> |
|
0 commit comments