Rumah > Artikel > pembangunan bahagian belakang > Cara Membuat Paparan Data Hebat dengan Python dan ReactJS Menggunakan Solara
Hei! Jika anda ingin menghasilkan paparan data yang menarik menggunakan Python dan React, anda telah datang ke tempat yang betul. Hari ini, kami menyelami Solara, rangka kerja yang menjadikannya sangat mudah untuk mencipta aplikasi interaktif tanpa perlu menjadi ahli sihir bahagian hadapan. Jadi, dapatkan minuman kegemaran anda, dan mari mulakan!
Ini tidak ditaja sama sekali oleh Solara btw, cuma berkongsi sesuatu yang menarik yang saya temui baru-baru ini.
Solara adalah seperti jambatan ajaib antara Python dan React. Ia membolehkan anda membina aplikasi web interaktif menggunakan Python sambil masih menggunakan kuasa React untuk antara muka pengguna anda. Ia sesuai untuk mereka yang menggemari Python tetapi ingin mencipta sesuatu yang menarik secara visual tanpa tersesat dalam JavaScript.
Sebelum kita mendalami pengekodan, mari pastikan anda telah menyediakan segala-galanya:
pip install solara
mkdir my-solara-app cd my-solara-app
import solara @solara.component def App(): return solara.h1("Welcome to My Data View!") if __name__ == "__main__": solara.run(App)
python app.py
Buka penyemak imbas anda dan pergi ke http://localhost:8080, dan voilà! Anda sepatutnya melihat apl anda!
Walaupun Solara mempunyai beberapa komponen terbina dalam, kadangkala anda ingin menceriakan perkara dengan komponen React anda sendiri. Mari lakukannya!
import React from 'react'; const DataView = ({ data }) => { return ( <div> <h2>Data View</h2> <ul> {data.map((item, index) => ( <li key={index}>{item}</li> ))} </ul> </div> ); }; export default DataView;
import solara from solara.react import use_react @solara.component def App(): data = ["Item 1", "Item 2", "Item 3"] DataView = use_react("DataView") return solara.Column( [ solara.h1("Welcome to My Data View!"), DataView(data=data), ] ) if __name__ == "__main__": solara.run(App)
Mari kita jadikan perkara lebih menarik dengan mengambil beberapa data sebenar daripada API. Begini cara anda boleh melakukannya:
import requests @solara.component def App(): response = requests.get("https://jsonplaceholder.typicode.com/posts") data = response.json() titles = [post["title"] for post in data] DataView = use_react("DataView") return solara.Column( [ solara.h1("Welcome to My Data View!"), DataView(data=titles), ] )
Setelah anda berpuas hati dengan apl anda, tiba masanya untuk berkongsi dengan dunia! Begini cara anda boleh menggunakan ia menggunakan Heroku:
solara requests
web: python app.py
Dan begitulah! Anda baru sahaja mencipta aplikasi paparan data yang menarik menggunakan Python, React dan Solara. Persediaan ini memberi anda kuasa python sambil masih mencipta antara muka pengguna yang menarik dengan React.
Lihat Pameran Solara.
Selamat mengekod! ?
Atas ialah kandungan terperinci Cara Membuat Paparan Data Hebat dengan Python dan ReactJS Menggunakan Solara. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!