DataBase
Reflex使用sqlmodel提供內建ORM包裝SQLAlchemy。
不過，在說這些之前，我們先來看sqlite3。
我自己也很久沒用到資料庫了，順便複習。
我們保險，直接從DB Brower for SQLite去創建一個資料庫(因為reflex不給開，說是被鎖住，那我們另外抓個資料夾吧)
打開頁面長這樣。
創立資料庫
定義好後，按下ok
這裡會看到資料庫裡的鍵。
打開方才丟資料庫的那個資料夾，直接試著插入。
1
2
3
4
5
6
7
8
9
| import sqlite3
dbfile = "xia.db"
conn = sqlite3.connect(dbfile)
name = 'xia'
password = '1111'
sql_str = "insert into users(name, password) values('{}',{});".format(name, password)
conn.execute(sql_str)
conn.commit()
conn.close()
|
再運行以上程式碼後，重開一次db，會出現如下圖
第一階段任務完成，這時候我打算先把這個資料庫丟到my_reflex_app的專案裡。
然後更改設定檔如下(在 rxconfig.py 內)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| import reflex as rx
class MyreflexappConfig(rx.Config):
pass
config = MyreflexappConfig(
app_name="my_reflex_app",
db_url = "sqlite:///xia.db",
tailwind = {
"theme": {
"extend": {},
},
"plugins": ["@tailwindcss/typography"],
},
)
|
不過…大概率是不會弄到這邊的，我自己在弄得時候不熟悉，所以有特地拉出來寫。
一樣是在裡面新增一個py檔
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
import sqlite3
conn = sqlite3.connect('xia.db')
cursor = conn.cursor()
cursor.execute(
'''
CREATE TABLE IF NOT EXISTS users (
name TEXT,
password TEXT
)
'''
)
sql_str1 = "insert into users(name, password) values('{}',{});".format('a', '22')
sql_str2 = "insert into users(name, password) values('{}',{});".format('xxx', '655656')
cursor.execute(sql_str1)
cursor.execute(sql_str2)
conn.commit()
conn.close()
|
這樣就可以確認當前資料夾裡面的xia.db是不是存在，裡面有沒有東西我們等結束再抓出來看。
好的，我們先開一個state的資料夾在my_reflex_app內部。
1
2
3
4
5
| my_reflex_app
|
--state
|
--my_reflex_app.py
|
這樣，我們繼續在state資料夾內創建以下幾個檔案，並寫入
1
2
3
4
5
6
|
import reflex as rx
class User(rx.Model, table=True):
name: str
password: str
|
這邊用的是sqlmodel，詳情可以點開來閱讀。
建表必須要有繼承類rx.Model
1
2
3
4
5
6
7
8
9
|
import reflex as rx
from typing import Optional
from .models import User
class State(rx.State):
user: Optional[User] = None
|
這邊抓到了models.py檔裡的User，確認無誤後，整理一下這個資料夾內部所有的class。
1
2
3
|
from .state import State
from . import models
|
好的，接下來我們回頭來看my_reflex_app.py，先處理class
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| class RegisterState(State):
name_field: str = ""
password_field: str = ""
def sign_up(self):
dbfile = "xia.db"
conn = sqlite3.connect(dbfile)
name = self.name_field
password = self.password_field
sql_str = "insert into users(name, password) values('{}',{});".format(name, password)
conn.execute(sql_str)
conn.commit()
conn.close()
print('save')
|
再來是index。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
def index():
return rx.vstack(
rx.box(
rx.heading("註冊", margin_bottom = "1rem"),
rx.input(
placeholder = "名字",
margin_bottom = "1rem",
on_change = RegisterState.set_name_field,
),
rx.input(
type_= " password",
placeholder = "密碼",
margin_bottom = "1rem",
on_change = RegisterState.set_password_field,
),
rx.button(
"註冊",
on_click = RegisterState.sign_up,
),
),
)
|
最後啟動它。
1
2
3
4
5
6
7
8
| app = rx.App(
stylesheets = [
"styles.css",
],
)
app.add_page(index)
app.compile()
|
打開首頁可以看見下圖。
隨意輸入如下圖
這邊同樣的，我們打開 DB Brower for SQLite。
點Brower Data就可以看見所有數據了。
目前就先這樣吧，最基本的就應該是這個了…
東西放在github
後面還有資料庫連線、查詢…查詢的部分我就跳過了，之後有時間再另外補上來，明天是最後一天啦…這篇寫好久，其實很大一部份就是官網上寫得太簡陋，希望可以弄成小白文那種就再好不過了QQ。