网页开发人员快速入门

from fasthtml.common import *

def hero(title, statement):
    return Div(H1(title),P(statement), cls="hero")

# usage example
Main(
    hero("Hello World", "This is a hero statement")
)

# First we instantiate our app, in this case we remove the
# default headers to reduce the size of the output.
app, rt = fast_app(default_hdrs=False)

# Setting up the Starlette test client
from starlette.testclient import TestClient
client = TestClient(app)

# Usage example
@rt("/")
def get():
    return Titled("FastHTML is awesome", 
        P("The fastest way to create web apps in Python"))

print(client.get("/").text)

from dataclasses import dataclass

@dataclass
class Profile: email:str; phone:str; age:int

profile_form = Form(method="post", action="/profile")(
        Fieldset(
            Label('Email', Input(name="email")),
            Label("Phone", Input(name="phone")),
            Label("Age", Input(name="age")),
        ),
        Button("Save", type="submit"),
    )
profile_form

profile = Profile(email='[email protected]', phone='123456789', age=5)
profile

fill_form(profile_form, profile)

from dataclasses import dataclass

@dataclass
class Hero:
    title: str
    statement: str
        
# rendering the dataclass with the default method
Main(
    Hero("<h1>Hello World</h1>", "This is a hero statement")
)

# This will display the HTML as text on your page
Div("Let's include some HTML here: <div>Some HTML</div>")

# Keep the string untouched, will be rendered on the page
Div(NotStr("<div><h1>Some HTML</h1></div>"))

from datetime import datetime
from IPython.display import HTML

@rt("/settimestamp")
def get(req):
    now = datetime.now()
    return P(f'Set to {now}'), cookie('now', datetime.now())

HTML(client.get('/settimestamp').text)

@rt('/gettimestamp')
def get(now:parsed_date): return f'Cookie was set at time {now.time()}'

client.get('/gettimestamp').text

@rt('/adder/{num}')
def get(session, num: int):
    session.setdefault('sum', 0)
    session['sum'] = session.get('sum') + num
    return Response(f'The sum is {session["sum"]}.')

# Status code 303 is a redirect that can change POST to GET,
# so it's appropriate for a login page.
login_redir = RedirectResponse('/login', status_code=303)

def user_auth_before(req, sess):
    # The `auth` key in the request scope is automatically provided
    # to any handler which requests it, and can not be injected
    # by the user using query params, cookies, etc, so it should
    # be secure to use.    
    auth = req.scope['auth'] = sess.get('auth', None)
    # If the session key is not there, it redirects to the login page.
    if not auth: return login_redir

beforeware = Beforeware(
    user_auth_before,
    skip=[r'/favicon\.ico', r'/static/.*', r'.*\.css', r'.*\.js', '/login', '/']
)

app, rt = fast_app(before=beforeware)

import random
from asyncio import sleep
from fasthtml.common import *

1hdrs=(Script(src="https://unpkg.com/[email protected]/sse.js"),)
app,rt = fast_app(hdrs=hdrs)

@rt
def index():
    return Titled("SSE Random Number Generator",
        P("Generate pairs of random numbers, as the list grows scroll downwards."),
2        Div(hx_ext="sse",
3            sse_connect="/number-stream",
4            hx_swap="beforeend show:bottom",
5            sse_swap="message"))

6shutdown_event = signal_shutdown()

7async def number_generator():
8    while not shutdown_event.is_set():
        data = Article(random.randint(1, 100))
9        yield sse_message(data)
        await sleep(1)

@rt("/number-stream")
10async def get(): return EventStream(number_generator())

from fasthtml.common import *
from asyncio import sleep

1app, rt = fast_app(exts='ws')

2def mk_inp(): return Input(id='msg', autofocus=True)

@rt('/')
async def get(request):
    cts = Div(
        Div(id='notifications'),
3        Form(mk_inp(), id='form', ws_send=True),
4        hx_ext='ws', ws_connect='/ws')
    return Titled('Websocket Test', cts)

5async def on_connect(send):
    print('Connected!')
6    await send(Div('Hello, you have connected', id="notifications"))

7async def on_disconnect(ws):
    print('Disconnected!')

8@app.ws('/ws', conn=on_connect, disconn=on_disconnect)
9async def ws(msg:str, send):
10    await send(Div('Hello ' + msg, id="notifications"))
    await sleep(2)
11    return Div('Goodbye ' + msg, id="notifications"), mk_inp()