Databases
StackOverflow2013
Postsdbo
POHTML template filled in server-side and updated client-side
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML template filled in server-side and updated client-side
    primarykey
    data
    text
    <p>I have a webpage with dynamic content. Let's say it's a product page. When the user goes directly to <code>example.com/product/123</code> I want to render my product template on the server and send html to the browser. However, when the user later clicks a link to <code>/product/555</code> I'd like to use JavaScript to update the template on the client-side.</p> <p>I'd like to use something like Knockout.js or Angularjs, but I don't see how I can pre-populate those templates with some initial data on the server and still have a functioning template on the client. i.e. If my Angular template is this:</p> <pre><code>&lt;ul&gt; &lt;li ng-repeat="feature in features"&gt; {{feature.title}} &lt;p&gt;{{feature.description}}&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre> <p>When the user goes directly to the URL, I need something that still works as an Angular template, but is filled in with the html for the current product. Obviously this doesn't work:</p> <pre><code>&lt;ul&gt; &lt;li ng-repeat="feature in features"&gt;Hello &lt;p&gt;This feature was rendered server-side&lt;/p&gt; &lt;/li&gt; &lt;li&gt;Asdf &lt;p&gt;These are stuck here now since angular won't replace them when it updates.... &lt;/p&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>It seems like my only option is to send the server-rendered html to the browser along with a separate matching template...?</p> <p>In that case, I'd like to avoid writing every template twice. Which means I need to either switch to JavaScript for my server language (which I would not be happy about) or choose a template language that compiles to both Java and JavaScript and then find a way to hack it into the Play Framework (which is what I'm currently using.)</p> <p>Does anyone have any advice?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. UStakteek
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHTML template filled in server-side and updated client-side
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHTML template filled in server-side and updated client-side
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHTML template filled in server-side and updated client-side
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload