[ADD] web client tutorial/training

needs fixes, and corresponding web client reference
This commit is contained in:
Xavier Morel 2014-09-01 14:09:10 +02:00
parent cccd3c888f
commit 9c339d8df3
6 changed files with 2438 additions and 0 deletions

2348
doc/howtos/web.rst Normal file

File diff suppressed because it is too large Load Diff

BIN
doc/howtos/web/qweb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

View File

@ -0,0 +1,89 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
<svg width="20cm" height="20cm" viewBox="301 86 387 399" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g>
<rect style="fill: #ffffff" x="414" y="87" width="146.55" height="28"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="414" y="87" width="146.55" height="28"/>
<text font-size="16" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:700" x="487.275" y="106">ActionManager</text>
<rect style="fill: #ffffff" x="414" y="115" width="146.55" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="414" y="115" width="146.55" height="8"/>
<rect style="fill: #ffffff" x="414" y="123" width="146.55" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="414" y="123" width="146.55" height="8"/>
</g>
<g>
<rect style="fill: #ffffff" x="460" y="320" width="53.25" height="28"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="460" y="320" width="53.25" height="28"/>
<text font-size="16" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:italic;font-weight:700" x="486.625" y="339">View</text>
<rect style="fill: #ffffff" x="460" y="348" width="53.25" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="460" y="348" width="53.25" height="8"/>
<rect style="fill: #ffffff" x="460" y="356" width="53.25" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="460" y="356" width="53.25" height="8"/>
</g>
<g>
<rect style="fill: #ffffff" x="421" y="204" width="132.35" height="28"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="421" y="204" width="132.35" height="28"/>
<text font-size="16" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:700" x="487.175" y="223">ViewManager</text>
<rect style="fill: #ffffff" x="421" y="232" width="132.35" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="421" y="232" width="132.35" height="8"/>
<rect style="fill: #ffffff" x="421" y="240" width="132.35" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="421" y="240" width="132.35" height="8"/>
</g>
<g>
<polyline style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="487.275,157.177 487.275,174.5 487.175,174.5 487.175,202.994 "/>
<polygon style="fill: #000000" points="487.275,132.006 492.075,146.006 487.275,160.006 482.475,146.006 "/>
<polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="487.275,132.006 492.075,146.006 487.275,160.006 482.475,146.006 "/>
<text font-size="12.7998" style="fill: #000000;text-anchor:middle;font-family:monospace;font-style:normal;font-weight:normal" x="487.225" y="170.5"></text>
<text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:monospace;font-style:normal;font-weight:normal" x="498.275" y="144.006"></text>
<text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:monospace;font-style:normal;font-weight:normal" x="491.175" y="198.994">1</text>
</g>
<g>
<polyline style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="487.175,274.177 487.175,291 486.625,291 486.625,318.994 "/>
<polygon style="fill: #000000" points="487.175,249.006 491.975,263.006 487.175,277.006 482.375,263.006 "/>
<polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="487.175,249.006 491.975,263.006 487.175,277.006 482.375,263.006 "/>
<text font-size="12.7998" style="fill: #000000;text-anchor:middle;font-family:monospace;font-style:normal;font-weight:normal" x="486.9" y="287"></text>
<text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:monospace;font-style:normal;font-weight:normal" x="498.175" y="261.006"></text>
<text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:monospace;font-style:normal;font-weight:normal" x="490.625" y="314.994">1..*</text>
</g>
<g>
<rect style="fill: #ffffff" x="302" y="440" width="99.1" height="28"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="302" y="440" width="99.1" height="28"/>
<text font-size="16" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:700" x="351.55" y="459">FormView</text>
<rect style="fill: #ffffff" x="302" y="468" width="99.1" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="302" y="468" width="99.1" height="8"/>
<rect style="fill: #ffffff" x="302" y="476" width="99.1" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="302" y="476" width="99.1" height="8"/>
</g>
<g>
<rect style="fill: #ffffff" x="443.8" y="438.8" width="86.1" height="28"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="443.8" y="438.8" width="86.1" height="28"/>
<text font-size="16" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:700" x="486.85" y="457.8">ListView</text>
<rect style="fill: #ffffff" x="443.8" y="466.8" width="86.1" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="443.8" y="466.8" width="86.1" height="8"/>
<rect style="fill: #ffffff" x="443.8" y="474.8" width="86.1" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="443.8" y="474.8" width="86.1" height="8"/>
</g>
<g>
<rect style="fill: #ffffff" x="564.8" y="438.8" width="121.5" height="28"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="564.8" y="438.8" width="121.5" height="28"/>
<text font-size="16" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:700" x="625.55" y="457.8">KanbanView</text>
<rect style="fill: #ffffff" x="564.8" y="466.8" width="121.5" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="564.8" y="466.8" width="121.5" height="8"/>
<rect style="fill: #ffffff" x="564.8" y="474.8" width="121.5" height="8"/>
<rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="564.8" y="474.8" width="121.5" height="8"/>
</g>
<g>
<polyline style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 8; stroke: #000000" points="486.625,382.236 486.625,410 351.55,410 351.55,440 "/>
<polygon style="fill: #ffffff" points="494.625,382.236 486.625,366.236 478.625,382.236 "/>
<polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="494.625,382.236 486.625,366.236 478.625,382.236 "/>
</g>
<g>
<polyline style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 8; stroke: #000000" points="486.625,383.242 486.625,409.903 486.85,409.903 486.85,438.8 "/>
<polygon style="fill: #ffffff" points="494.625,383.242 486.625,367.242 478.625,383.242 "/>
<polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="494.625,383.242 486.625,367.242 478.625,383.242 "/>
</g>
<g>
<polyline style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 8; stroke: #000000" points="486.625,383.242 486.625,409.903 625.55,409.903 625.55,438.8 "/>
<polygon style="fill: #ffffff" points="494.625,383.242 486.625,367.242 478.625,383.242 "/>
<polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="494.625,383.242 486.625,367.242 478.625,383.242 "/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

@ -7,3 +7,4 @@ Tutorials
howtos/website
howtos/backend
howtos/web