D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
arielgk
Full window
Github gist
Upload Backbone Slim Framework http://www.ebizdesigner.com/item/52-backbonejs-mvc-app-tea-tree-part-3.html
<pre class="brush: js"> <!DOCTYPE html> <html> <head> <title>Backbone Tea Tree</title> <link rel="stylesheet" href="/./css/styles.css" /> <script data-main="js/main" src="/lib/requirejs/require.js"></script> <meta charset="utf-8" /> </head> <body> <section> <header id="header" align="center"> <span class="title">Welcome to Backbone Tea Tree</span> </header> <nav id="nav"></nav> <section id="content"> <article id="summary"> <h1>Backbone Tea Tree</h1> <ol> <li> is one MVC & single-page web app on Backbone.js </li> <li> is one modular Backbone app which loading JS code as-needed by RequireJS </li> <li> whenever the Model's data change, all the Views bound to this Model automatically re-render </li> <li> integrate with RESTful services based on Slim framework (PHP version) </li> <li> one Responsive Web Design (RWD) application by CSS3 Media Queries mechanics </li> <li> to drag&drop image file and upload it to web server based on HTML 5 APIs: communication, drag & drop</li> </ol> </article> </section> </section> <footer> <small>Written by <a href="https://www.ebizdesigner.com/">John Yin</a></small> </footer> <!-- Templates --> <script type="text/template" id="tpl-header"> <span class="title">Backbone Tea Navigation</span> <button class="new">New Tea</button> </script> <script type="text/template" id="tpl-tea-list-item"> <p><a href="#teas/<%= id %>"> <img src="/./images/<%= picture %>" alt="<%= name %>" /></a></p> </script> <script type="text/template" id="tpl-tea-details"> <div class="form-left-col"> <img height="350" src="/./images/<%= picture %>" /> </div> <div class="form-right-col"> <label>Id:</label> <input type="text" id="id" name="id" value="<%= id %>" disabled /> <label>Name:</label> <input type="text" id="name" name="name" value="<%= name %>" required/> <label>Brand:</label> <input type="text" id="brand" name="brand" value="<%= brand %>" required/> <label>Serving:</label> <input type="text" id="serving" name="serving" value="<%= serving %>" required/> <label>Servings:</label> <input type="text" id="servings" name="servings" value="<%= servings %>" /> <label>Ingredients:</label> <textarea id="ingredients" name="ingredients"> <%=i ngredients %> </textarea> </div> <div> <label>Description:</label> <textarea id="description" name="description"> <%=d escription %> </textarea> </div> <button class="save">Save</button> <button class="delete">Delete</button> </script> <!-- JavaScript --> <script src="/lib/jquery-1.7.1.min.js"></script> <script src="/lib/underscore-min.js"></script> <script src="/lib/backbone-min.js"></script> <script src="/js/main.js"></script> </body> </html> </pre>