30 lines
1.0 KiB
Markdown
30 lines
1.0 KiB
Markdown
# FluidFrameDev
|
||
|
||
# How to Code in Anvil 🛠️🐍
|
||
|
||
> Python, but make it full-stack. Anvil lets you build web apps with Python on the front-end, back-end, and that weird in-between bit where bugs are born.
|
||
|
||
## What this repo is
|
||
A fast, slightly sarcastic tutorial set you can follow in 30–60 minute bursts:
|
||
- **01 – Hello, Anvil**: Your first form, your first button, your first victory lap.
|
||
- **02 – Data Tables**: Store data like a responsible adult.
|
||
- **03 – Server Modules**: Do secure things on the server, not in the browser. (No, really.)
|
||
|
||
## TL;DR: Hello Anvil
|
||
1. Go to [anvil.works](https://anvil.works) → **New App** → **Blank App** (Material Design).
|
||
2. Add a **Button** to `Form1`.
|
||
3. Click **Code** and paste:
|
||
|
||
**`Form1` (client)**
|
||
```python
|
||
from anvil import *
|
||
import anvil.server
|
||
|
||
class Form1(Form1Template):
|
||
def __init__(self, **properties):
|
||
self.init_components(**properties)
|
||
|
||
def button_1_click(self, **event_args):
|
||
msg = anvil.server.call('hello_server', self.text_box_1.text or "World")
|
||
Notification(msg, timeout=2).show()
|