improved asgi template - added 'try it out' links

Author: dantownsend

piccolo/apps/asgi/commands/templates/starlette/_starlette_app.py.jinja

@@ -1,18 +1,21 @@
 from piccolo_admin.endpoints import create_admin
+from piccolo_api.crud.endpoints import PiccoloCRUD
 from piccolo.engine import engine_finder
 from starlette.routing import Route, Mount
 from starlette.applications import Starlette
 from starlette.staticfiles import StaticFiles
 
 from home.endpoints import HomeEndpoint
 from home.piccolo_app import APP_CONFIG
+from home.tables import Task
 
 
 app = Starlette(
     routes=[
         Route("/", HomeEndpoint),
         Mount("/admin/", create_admin(tables=APP_CONFIG.table_classes)),
         Mount("/static/", StaticFiles(directory="static")),
+        Mount("/tasks/", PiccoloCRUD(table=Task))
     ],
 )
 

piccolo/apps/asgi/commands/templates/starlette/home/templates/home.html.jinja_raw

@@ -13,7 +13,7 @@
 
         <section>
             <h2>Migrations</h2>
-            <p>To use the admin, first run the migrations.</p>
+            <p>To use the admin, first run the migrations. This will create the user and session tables in the database:</p>
             <p class="code">
                 <span>piccolo migrations forwards session_auth</span>
                 <span>piccolo migrations forwards user</span>
@@ -25,13 +25,27 @@
         </section>
 
         <section>
-            <h2>Next Steps</h2>
-            <p>Add some tables to <em>tables.py</em>.</p>
-            <p>When you're ready to create migrations:</p>
+            <h2>Custom Tables</h2>
+            <p>An example table called <em>Task</em> exists in <em>tables.py</em>.</p>
+            <p>When you're ready, create a migration, and run it to add the table to the database:</p>
             <p class="code">
                 <span>piccolo migrations new home --auto</span>
                 <span>piccolo migrations forwards home</span>
             </p>
         </section>
+
+        <section>
+            <h2>Try it out</h2>
+            <h3>FastAPI</h3>
+            <ul>
+                <li><a href="/admin/">Admin</a></li>
+                <li><a href="/docs/">Swagger API</a></li>
+            </ul>
+            <h3>Starlette</h3>
+            <ul>
+                <li><a href="/admin/">Admin</a></li>
+                <li><a href="/tasks/">JSON endpoint</a></li>
+            </ul>
+        </section>
     </div>
 {% endblock content %}

piccolo/apps/asgi/commands/templates/starlette/static/main.css

@@ -14,6 +14,10 @@ div.hero {
     padding: 5rem;
 }
 
+a {
+    color: #4C89C8;
+}
+
 div.hero h1 {
     color: white;
     font-weight: normal;