Wenn es sich um eine große Site handelt, muss sie möglicherweise in verschiedene Dateien zerlegt werden. Diesmal handelt es sich jedoch um eine kleine Site, sodass es nicht erforderlich ist, sie in eine Datei zu trennen.

Die Controller für alle Routen und den gesamten Code, der eine Verbindung zur Datenbank herstellt, finden Sie hier.

majutsu.py

import responder,sqlite3,urllib,os

#Datei zum Speichern von Daten
dbfile = 'dedicatus545.db'
#API-Objekt
api = responder.API(templates_dir='.', #Vorlagenordner
                    static_dir='librorum', #Statischer Dateiordner
                    static_route='/librorum') #Statisches Dateistammverzeichnis

#Indexseite
@api.route('/')
def index(req,resp):
    with sqlite3.connect(dbfile) as conn:
        sql_select = '''
            select * from kyara
        ''' #Daten aller Zeichen anzeigen
        kyara = conn.execute(sql_select).fetchall()
        resp.html = api.template('index.html',kyara=kyara)

#Jede Datenanzeige- und Bearbeitungsseite
@api.route('/toaru/{namae}')
def select(req,resp,*,namae):
    with sqlite3.connect(dbfile) as conn:
        sql_select = '''
            select * from kyara where namae==?
        ''' #Nimm die Daten des Charakters mit diesem Namen
        kyara = conn.execute(sql_select,[namae]).fetchone()
        if(kyara):
            resp.html = api.template('toaru.html',namae=kyara[0],lv=kyara[1])
        else:
            print('Diese Seite existiert nicht')
            api.redirect(resp,'/no') #Wenn ein nicht vorhandener Name eingegeben wird, wechseln Sie zur Fehlerseite
    
#Seite, wenn etwas schief geht
@api.route('/no')
def no(req,resp):
    resp.html = api.template('no.html')

#Nach dem Hinzufügen von Daten
@api.route('/insert')
async def insert(req,resp):
    try:
        with sqlite3.connect(dbfile) as conn:
            param = await req.media() #Daten aus dem Formular abrufen
            namae = param['namae']
            lv = param['lv']
            sql_insert = '''
                insert into kyara (namae,lv)
                values (?,?)
            ''' #Neue Daten hinzufügen
            conn.execute(sql_insert,(namae,lv))
        api.redirect(resp,'/') #Zurück zur Indexseite
    except Exception as err:
        print(f'Error: {type(err)} {err}')
        api.redirect(resp,'/no') #Wenn etwas schief läuft

#Nach dem Aktualisieren der Daten
@api.route('/update/{namae0}')
async def update(req,resp,*,namae0):
    try:
        with sqlite3.connect(dbfile) as conn:
            param = await req.media() #Daten aus dem Formular abrufen
            namae = param['namae']
            lv = param['lv']
            
            sql_update = '''
                update kyara set namae=?,lv=? where namae==?
            ''' #Datenaktualisierung
            conn.execute(sql_update,(namae,lv,namae0))
        #Zurück zur Datenanzeigeseite**Wenn Sie dem Namen hier nicht entkommen, wird möglicherweise eine Fehlermeldung angezeigt, also urllib.parse.brauche ein Angebot
        api.redirect(resp,f'/toaru/{urllib.parse.quote(namae)}')
    except Exception as err:
        print(f'Error: {type(err)} {err}')
        api.redirect(resp,'/no') #Wenn etwas nicht stimmt

#Nach dem Löschen der Daten
@api.route('/delete/{namae}')
def delete(req,resp,*,namae):
    try:
        with sqlite3.connect(dbfile) as conn:
            sql_delete = '''
                delete from kyara where namae==?
            ''' #Daten löschen
            conn.execute(sql_delete,[namae])
        api.redirect(resp,'/') #Zurück zur Indexseite
    except Exception as err:
        print(f'Error: {type(err)} {err}')
        api.redirect(resp,'/no') #Wenn etwas schief läuft

#Lade Daten
@api.route('/download')
def download(req,resp):
    with sqlite3.connect(dbfile) as conn:
        #Daten in JSON-Datei
        data = conn.execute('select * from kyara').fetchall()
        resp.media = [{'namae': d[0], 'lv': d[1]} for d in data]
        #Geben Sie in der Kopfzeile an, dass die Seite zum Herunterladen der Datei erstellt werden soll
        resp.headers['Content-Disposition'] = 'attachment; filename=data.json'



if(__name__=='__main__'):
    #Erstellen Sie eine neue Tabelle, wenn Sie sie zum ersten Mal ausführen
    if(not os.path.exists(dbfile)):
        with sqlite3.connect(dbfile) as conn:
            sql_create = '''
                create table kyara (
                    namae text,
                    lv integer,
                    primary key (namae)
                )
            '''
            conn.execute(sql_create)
    
    #Serverstart
    api.run()

Es gibt 7 Routen, aber ich benutze tatsächlich die Vorlage

• '/'
• '/toaru/{namae}'
• '/no'

Nur drei.

Darüber hinaus

• '/insert'
• '/update/{namae0}'
• '/delete/{namae}'

Sie interagieren mit der Datenbank und leiten auf andere Seiten weiter.

Die Seiten ** '/ insert' ** und ** '/ update / {namae0}' ** sind asynchrone Funktionen, da sie Daten aus dem Formular empfangen und warten müssen.

Ich habe gerade etwas über Async gelernt und warte kürzlich in Python. Ich habe verschiedene Qiita-Artikel gelesen und es war hilfreich, deshalb werde ich es hier vorstellen

• Python asyncio mit Sushi zu verstehen
• Asynchrone Verarbeitung in Python: Asyncio-Reverse-Referenz
• Python asyncio

Wenn Sie den Responder verwenden, ist es sehr nützlich, die asynchrone Verarbeitung zu verstehen, auch wenn wir nicht asynchron schreiben und direkt warten, da es viele Funktionen gibt, die mit asynchron arbeiten und in erster Linie auf den Responder warten.

Schließlich ist ** '/ download' ** eine Seite zum Speichern aller Daten in der Datenbank in einer JSON-Datei.

Die Datenbank wird beim ersten Ausführen des Servers erstellt. Danach wird eine Datei mit der Datenbank (hier dedicatus545.db) angezeigt.

Das responder.API-Objekt wird wie folgt festgelegt

templates_dir = '.'
static_dir    = 'librorum'
static_route  = '/librorum'

templates_dir ist der Ordner mit den Vorlagen. Standardmäßig befindet es sich in einem Ordner namens "Vorlagen". Dieses Mal wird der Ordner jedoch nicht verwendet. Geben Sie ihn daher als "." An.

static_dir ist der Ordner, der die statischen Dateien enthält. Der Standardordner ist statisch, aber hier ist es "Librorum".

static_route ist das Stammverzeichnis der statischen Datei, die standardmäßig '/ static' ist, aber auch '/ librorum' sein sollte.

css

Website-Dekoration ist nicht der Hauptzweck dieser Zeit, daher CSS geeignet genug, um ein kleines Spektakel zu sein

librorum/prohibitorum.css

div,li,h3 {
    padding: 2px;
    font-size: 20px;
}
input {
    border: solid #194 2px;
    font-size: 19px;
}
form {
    margin: 3;
}

Ausführung und Ergebnisse

Sobald der Code fertig ist, ist es Zeit, den .py-Code des Servers auszuführen.

python majutsu.py

Greifen Sie dann mit Ihrem Browser auf http://127.0.0.1:5042/ zu.

Hier werden wir mit Firefox gehen.

Wenn es keine Fehler gibt, sollten Sie eine Seite wie diese sehen.

Da noch keine Daten vorhanden sind, fügen wir sie zuerst hinzu.

Geben Sie einen Namen und eine Ebene ein und klicken Sie auf die Schaltfläche Hinzufügen, um die Daten hinzuzufügen. Fügen Sie einen weiteren hinzu, um es zu versuchen.

Klicken Sie auf den Link "Download" und die Daten werden als JSON-Datei heruntergeladen.

Wenn diese Methode verwendet wird, ist das Kanji bei der Konvertierung in json jedoch wie folgt Unicode.

[{"namae": "\u4e0a\u6761\u5f53\u9ebb", "lv": 0}, {"namae": "\u5fa1\u5742\u7f8e\u7434", "lv": 5}]

Wie Sie dies vermeiden können, finden Sie in diesem Artikel unter https://qiita.com/nassy20/items/adc59c4b7abd202dda26

Trotzdem, als ich es mit Firefox nachgeschlagen habe, kehrte es richtig zu Kanji zurück, also denke ich, dass es diesmal in Ordnung ist.

Wenn Sie als Nächstes versuchen, auf die Schaltfläche Hinzufügen zu klicken, ohne das Formular auszufüllen, tritt ein Fehler auf und Sie werden zu dieser Seite weitergeleitet.

Die Fehlerursache ist, dass bei Verwendung von req.media (), da der Name nicht eingegeben wurde, der Aufruf von param ['namae'] ohne den Schlüssel 'namae' zu einem Fehler führt.

Es ist besser, .get () zu verwenden, um den Fehler zu vermeiden, aber dieses Mal muss es nicht an erster Stelle leer sein, damit Sie es so lassen können, wie es hier ist.

Gehen Sie zurück zum Index, klicken Sie auf einen Namen und geben Sie den Link ein, um zur Datenbearbeitungsseite zu gelangen.

Wenn ich versuche, die Ebene zu leeren und auf die Schaltfläche "Aktualisieren" zu klicken, wird ein Fehler angezeigt und ich gehe erneut zur Seite "Nein".

Wenn Sie erneut zu dieser Seite zurückkehren, geben Sie diesmal neue Daten ein und klicken Sie auf die Schaltfläche. Die Daten werden aktualisiert.

Wenn Sie zum Index zurückkehren, können Sie bestätigen, dass die Daten ordnungsgemäß aktualisiert wurden.

Wenn Sie die Bearbeitungsseite erneut aufrufen und auf die Schaltfläche Löschen klicken

Diese Daten werden verschwinden.

Damit ist der Test aller Funktionen abgeschlossen.

Am Ende

So wurde die Website mit Responder und sqlite3 erstellt.

Es ist vielleicht nur eine einfache und unbrauchbare Website, aber ich denke, sie kann als grundlegende Methode zum Erstellen einer vollwertigen Website verwendet werden.

Ein Beispiel für das Hinzufügen von Javascript usw. zur Erstellung von SPA finden Sie im nächsten Artikel >> https://qiita.com/phyblas/items/f3f40df76f85d61d5286