बैकएंड-केंद्रित डेवलपर्स के लिए फ्रंटएंड डेवलपमेंट एक चुनौतीपूर्ण, यहां तक ​​कि बुरे सपने जैसा काम हो सकता है। मेरे करियर की शुरुआत में, फ्रंटएंड और बैकएंड के बीच की रेखाएं धुंधली थीं और हर किसी से दोनों को संभालने की उम्मीद की जाती थी। सीएसएस, विशेष रूप से, एक निरंतर संघर्ष था; यह एक असंभव मिशन जैसा लगा।

यद्यपि मैं फ्रंटएंड कार्य का आनंद लेता हूं, सीएसएस मेरे लिए एक जटिल चुनौती बनी हुई है, खासकर जब से मैंने इसे परीक्षण और त्रुटि के माध्यम से सीखा है। परदे खोलने के लिए संघर्ष कर रहे पीटर ग्रिफिन का मीम सीएसएस सीखने के मेरे अनुभव को पूरी तरह से दर्शाता है।

लेकिन आज, सब कुछ बदल गया है। स्ट्रीमलिट जैसे टूल ने मेरे जैसे डेवलपर्स के लिए गेम में क्रांति ला दी है, जो टर्मिनल की काली स्क्रीन के आराम को पसंद करते हैं। कोड की पंक्तियों के साथ कुश्ती के दिन गए जो एलियंस के गुप्त संदेशों की तरह दिखते हैं (आपको देखते हुए, सीएसएस!)।
जैसा कि टू मिनट पेपर्स के डॉक्टर कैरोली ज़सोलनाई-फ़ेहर हमेशा कहते हैं, "ज़िंदा रहने का क्या समय है!"
स्ट्रीमलिट के साथ, आप केवल पायथन कोड का उपयोग करके एक संपूर्ण वेब एप्लिकेशन बना सकते हैं।
क्या आप इसे क्रियान्वित होते देखना चाहते हैं? कमर कस लें, क्योंकि मैं इस अद्भुत टूल का उपयोग करके SQLZilla के लिए फ्रंटएंड बनाने का अपना प्रयास साझा करने वाला हूं।

इसे स्थापित करने के लिए, बस अपना टर्मिनल खोलें और यह मंत्र लिखें:

pip install streamlit

(या आप इसे अपनी require.txt फ़ाइल में जोड़ सकते हैं।)

एक फ़ाइल बनाएं, app.py और "SQLZilla" शीर्षक प्रदर्शित करने के लिए इस कोड स्निपेट को जोड़ें:

import streamlit as st

st.title("SQLZilla")

शो चलाएँ!

अपना टर्मिनल दोबारा खोलें और अपनी रचना को सक्रिय करने के लिए यह कमांड टाइप करें:

streamlit run app.py

वोइला! आपका स्ट्रीमलिट ऐप आपके वेब ब्राउज़र में गर्व से "SQLZilla" शीर्षक के साथ प्रदर्शित होना चाहिए।

छवि विधि का उपयोग करके एक छवि जोड़ें, इसे केंद्रीकृत करने के लिए मैं केवल 3 कॉलम बनाता हूं और केंद्र में जोड़ता हूं (मुझ पर शर्म आती है)

   st.title("SQLZilla")

   left_co, cent_co, last_co = st.columns(3)
   with cent_co:
       st.image("small_logo.png", use_column_width=True)

कॉन्फ़िगरेशन और क्वेरी परिणामों को प्रबंधित करने के लिए, आप सत्र स्थिति का उपयोग कर सकते हैं। यहां बताया गया है कि आप कॉन्फ़िगरेशन मान कैसे सहेज सकते हैं और क्वेरी परिणाम संग्रहीत कर सकते हैं:

if 'hostname' not in st.session_state:
    st.session_state.hostname = 'sqlzilla-iris-1'
if 'user' not in st.session_state:
    st.session_state.user = '_system'
if 'pwd' not in st.session_state:
    st.session_state.pwd = 'SYS'
# Add other session states as needed

SQLZilla को इंटरसिस्टम्स IRIS डेटाबेस से कनेक्ट करने के लिए, आप SQLAlchemy का उपयोग कर सकते हैं। सबसे पहले, SQLAlchemy को इसके साथ स्थापित करें:

pip install sqlalchemy

फिर, अपनी app.py फ़ाइल में कनेक्शन सेट करें:

from sqlalchemy import create_engine
import pandas as pd

# Replace with your own connection details
engine = create_engine(f"iris://{user}:{password}@{host}:{port}/{namespace}")

def run_query(query):
    with engine.connect() as connection:
        result = pd.read_sql(query, connection)
        return result

एक बार जब आप डेटाबेस से जुड़ जाते हैं, तो आप अपने प्रश्नों के परिणाम प्रदर्शित करने के लिए पांडा और स्ट्रीमलिट का उपयोग कर सकते हैं। अपने स्ट्रीमलिट ऐप में डेटाफ़्रेम कैसे प्रदर्शित करें इसका एक उदाहरण यहां दिया गया है:

if 'query' in st.session_state:
    query = st.session_state.query
    df = run_query(query)
    st.dataframe(df)

अपने ऐप को अधिक इंटरैक्टिव बनाने के लिए, जब भी क्वेरी बदलती है तो आप ऐप को रीफ्रेश करने के लिए st.rerun() का उपयोग कर सकते हैं:

if 'query' in st.session_state and st.button('Run Query'):
    df = run_query(st.session_state.query)
    st.dataframe(df)
    st.rerun()

आप उपयोग करने के लिए विभिन्न स्ट्रीमलिट घटक पा सकते हैं। SQLZilla में, मैंने स्ट्रीमलिट-कोड-एडिटर नामक एक ACE कोड संपादक संस्करण जोड़ा:

from code_editor import code_editor

editor_dict = code_editor(st.session_state.code_text, lang="sql", height=[10, 100], shortcuts="vscode")

if len(editor_dict['text']) != 0:
    st.session_state.code_text = editor_dict['text']

चूंकि SQLZilla असिस्टेंट पायथन में लिखा गया है, इसलिए मैंने क्लास को कॉल किया:

from sqlzilla import SQLZilla

def assistant_interaction(sqlzilla, prompt):
    response = sqlzilla.prompt(prompt)
    st.session_state.chat_history.append({"role": "user", "content": prompt})
    st.session_state.chat_history.append({"role": "assistant", "content": response})

    if "SELECT" in response.upper():
        st.session_state.query = response

    return response

बधाई हो! आपने अपना स्वयं का SQLZilla बनाया है। स्ट्रीमलाइट की खोज जारी रखें और अधिक सुविधाओं के साथ अपने ऐप को बेहतर बनाएं। और यदि आपको SQLZilla पसंद है, तो इस अविश्वसनीय सहायक के लिए वोट करें जो टेक्स्ट को प्रश्नों में परिवर्तित करता है!