Heim > Backend-Entwicklung > Python-Tutorial > Studienleitfaden zum Flask-Framework zum Erstellen eines einfachen Blog-Systems

Studienleitfaden zum Flask-Framework zum Erstellen eines einfachen Blog-Systems

WBOY
Freigeben: 2016-12-05 13:27:23
Original
1850 Leute haben es durchsucht

Ich habe bereits einen Artikel über die Einrichtung einer Flask-Entwicklungsumgebung geschrieben. Heute werde ich mit einem praktischen kleinen Projekt fortfahren – einem Blog-System.

Das Blogsystem ist mit nur einer Seite sehr einfach und trotz seiner geringen Größe voll funktionsfähig. Der Zweck dieses Artikels besteht nicht darin, Projekte um des Projekts willen durchzuführen. Die ursprüngliche Absicht dieses Artikels besteht darin, durch diese Übung die folgenden Wissenspunkte zu vermitteln:

1. Verstehen Sie die Verzeichnisstruktur des Flask-Projekts aus einer globalen Perspektive

2. Der Betriebsmechanismus des Kolbenprojekts

3. Das Flask-Framework implementiert die MVC-Architektur

4. flask-sqlalchemy betreibt die MySQL-Datenbank

1. Neues Projekt: Blogsystem

Erstellen Sie in Pycharm ein neues Flaschenprojekt, wie unten gezeigt:

Die fertige Verzeichnisstruktur sieht folgendermaßen aus: sehr einfach, ein statischer Ordner, ein Vorlagenordner und eine Py-Datei

Die obige Verzeichnisstruktur ist die anfängliche Struktur von Flask. Sie kann nur kleine Projekte bewältigen. Bei großen und komplexen Projekten müssen wir Paketverwaltung und MVC-Architekturdesign einführen.

2. Rekonstruieren Sie die Verzeichnisstruktur und führen Sie die Paketverwaltung ein

Für die obige Struktur im Blog3-Verzeichnis der obersten Ebene:

1. Erstellen Sie eine neue runserver.py-Datei als einheitliche Eintragsdatei für das Projekt

2. Erstellen Sie einen neuen Blog-Ordner, verschieben Sie die vorhandenen statischen Dateien, templates, blog3.py in den Blog-Ordner und erstellen Sie dann die Ordner „Controller“ und „Model“. Benennen Sie blog3.py in __init__.py um,

Das Verzeichnis sieht jetzt so aus:

Dies entspricht einem großen Ingenieurbauwerk:

1) Das Blog2-Verzeichnis der obersten Ebene ist der Projektname. Ein Projekt kann mehrere Module enthalten, dh Anwendungen. Jede Anwendung verfügt über eine eigene Konfigurationsdatei, Initialisierungsdatei und MVC-Architektur.

2) runserver.py: auf der gleichen Ebene wie das Anwendungsmodul, wie die Projektstartdatei

3) Blog2-Verzeichnis der zweiten Ebene: Modulname

Controller-Verzeichnis: C in MVC, speichert hauptsächlich Ansichtsfunktionen

Modellverzeichnis: M in MVC, speichert hauptsächlich Entitätsklassendateien und Kartentabellen in der Datenbank

Vorlagen: V in MVC, speichert HTML-Dateien

statisch: statische Dateien, hauptsächlich zum Speichern von CSS, JS und anderen Dateien

__init__.py: Modulinitialisierungsdatei, Flask Die Erstellung von Programmobjekten muss in der Datei __init__.py abgeschlossen sein, und dann können wir jedes Paket sicher importieren und referenzieren.

Setting.py: Konfigurationsdatei, Datenbankbenutzername und -kennwort usw.

3. Entwicklungscode

1. Führen Sie zuerst das Projekt aus:

1) Schreiben Sie die Datei __init__.py und erstellen Sie das Projektobjekt. Der Code lautet wie folgt:

# -*- coding: utf-8 -*-
from flask import Flask

#创建项目对象
app = Flask(__name__)
Nach dem Login kopieren

2) Fügen Sie den folgenden Code zur Datei runserver.py hinzu:

from blog3 import app

@app.route('/')
def hello_world():
  return 'Hello World!'
if __name__ == '__main__':
  app.run(debug=True)
Nach dem Login kopieren

3) Führen Sie die Datei runserver.py aus:

Dann geben Sie: http://127.0.0.1:5000/ in den Browser ein, die Worte helloworld werden angezeigt

An diesem Punkt kann der Prototyp des Projekts normal ausgeführt werden. Als nächstes müssen Sie einfach Inhalte hinzufügen, um das Projekt in Fleisch und Blut zu verwandeln.

2. Designdatenbank

Diese Übung ist relativ einfach, mit nur zwei Tabellen, einer Benutzertabelle und einer Artikeltabelle. Wir verwenden das ORM-Framework flask-sqlalchemy von Python, um Funktionen zum Erstellen, Hinzufügen, Löschen, Ändern und Abfragen von Tabellen zu implementieren.

Fügen Sie die Dateien User.py und Category.py im Modellordner mit folgendem Inhalt hinzu:

1) User.py:

from blog2 import db

class User(db.Model):
  __tablename__ = 'b_user'
  id = db.Column(db.Integer,primary_key=True)
  username = db.Column(db.String(10),unique=True)
  password = db.Column(db.String(16))

  def __init__(self,username,password):
    self.username = username
    self.password = password
  def __repr__(self):
    return '<User %r>' % self.username
Nach dem Login kopieren

2) Category.py

from blog2 import db

class Category(db.Model):
  __tablename__ = 'b_category'
  id = db.Column(db.Integer,primary_key=True)
  title = db.Column(db.String(20),unique=True)
  content = db.Column(db.String(100))

  def __init__(self,title,content):
    self.title = title
    self.content = content
  def __repr__(self):
    return '<Category %r>' % self.title
Nach dem Login kopieren

3) Erstellen Sie eine neue Datei „setting.py“ im Modulverzeichnis blog2 und konfigurieren Sie die Datenbankverbindungsinformationen

# _*_ coding: utf-8 _*_

#调试模式是否开启
DEBUG = True

SQLALCHEMY_TRACK_MODIFICATIONS = False
#session必须要设置key
SECRET_KEY='A0Zr98j/3yX R~XHH!jmN]LWX/,&#63;RT'

#mysql数据库连接信息,这里改为自己的账号
SQLALCHEMY_DATABASE_URI = "mysql://username:password@ip:port/dbname"
Nach dem Login kopieren

4) Lassen Sie das Projekt die Konfigurationsdatei lesen

Ändern Sie __init__.py: Fügen Sie den folgenden Inhalt hinzu (roter Teil):

# -*- coding: utf-8 -*-
from flask import Flask
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)#import os#print os.environ.keys()#print os.environ.get('FLASKR_SETTINGS')#加载配置文件内容app.config.from_object('blog2.setting')   #模块下的setting文件名,不用加py后缀 app.config.from_envvar('FLASKR_SETTINGS')  #环境变量,指向配置文件setting的路径#创建数据库对象 db = SQLAlchemy(app)
Nach dem Login kopieren

Hinweis: Die Umgebungsvariable FLASKR_SETTINGS muss manuell separat festgelegt werden. Sie können sie in der Befehlszeile unter Fenster eingeben:

E:\workdir\blog2> set FLASKR_SETTINGS=E:\workdir\blog2\blog2\setting.py
Nach dem Login kopieren

Oder klicken Sie auf Arbeitsplatz –>Erweitert –>Umgebungsvariablen, um eine neue zu erstellen.

5) Datenbank und Tabellen erstellen

Im Windows-Befehlszeilenmodus wechseln Sie in das Verzeichnis des Projekts runserver.py und rufen die Python-Shell auf:

Geben Sie den roten Teil ein:

E:\workdir\blog2>python
Python 2.7.10 (default, May 23 2015, 09:44:00) [MSC v.1500 64 bit (AMD64)] on wi
n32
Type "help", "copyright", "credits" or "license" for more information.
>>> from blog2 import db
>>> db.create_all()
>>>
>>>
Nach dem Login kopieren

Wenn keine Fehlerausgabe erfolgt, bedeutet dies, dass die Datenbank und die Tabelle erfolgreich erstellt wurden. Zu diesem Zeitpunkt gehen wir zur Datenbank, um Folgendes zu überprüfen:

数据库已经存在了,再看看表情况:发现没有对应的b_user和b_category表。这是为什么呢?是不是没有找到model目录下的两个类呢。问题在于:__init__.py文件没有引入model包,导致__init__.py无法找到实体类。记住:一切模块对象的创建都在__init__.py中完成

在blog2目录下的__init__.py添加如下代码:

#只有在app对象之后声明,用于导入model否则无法创建表
from blog2.model import User,Category
Nach dem Login kopieren

再次运行上面命令:db.create_all()方法。这时表已经创建成功了。

3、添加界面模板:如登陆页面,显示blog文章页面,添加blog页面

在templates目录下添加三个html文件:

layout.html:

 <!doctype html>
 <title>Flaskr</title>
 <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
 <div class=page>
  <h1>Flaskr</h1>
  <div class=metanav>
  {% if not session.logged_in %}
   <a href="{{ url_for('login') }}">log in</a>
  {% else %}
   <a href="{{ url_for('logout') }}">log out</a>
  {% endif %}
  </div>
  {% for message in get_flashed_messages() %}
   <div class=flash>{{ message }}</div>
  {% endfor %}
  {% block body %}{% endblock %}
 </div>
Nach dem Login kopieren

login.html:

{% extends "layout.html" %}
{% block body %}
 <h2>Login</h2>
 {% if error %}<p class=error><strong>Error:</strong> {{ error }}{% endif %}
 <form action="{{ url_for('login') }}" method=post>
  <dl>
   <dt>Username:
   <dd><input type=text name=username>
   <dt>Password:
   <dd><input type=password name=password>
   <dd><input type=submit value=Login>
  </dl>
 </form>
{% endblock %}
Nach dem Login kopieren

show_entries.html:

{% extends "layout.html" %}
{% block body %}
 {% if session.logged_in %}
  <form action="{{ url_for('add_entry') }}" method='POST' class=add-entry>
   <dl>
    <dt>Title:
    <dd><input type=text size=30 name=title>
    <dt>Text:
    <dd><textarea name=text rows=5 cols=40></textarea>
    <dd><input type=submit value=Share>
   </dl>
  </form>
 {% endif %}
 <ul class=entries>
 {% for entry in entries %}
  <li><h2>{{ entry.title }}</h2>{{ entry.content|safe }}
 {% else %}
  <li><em>Unbelievable. No entries here so far</em>
 {% endfor %}
 </ul>
{% endblock %}
Nach dem Login kopieren

对应static中添加css文件:style.css

body      { font-family: sans-serif; background: #eee; }
a, h1, h2    { color: #377BA8; }
h1, h2     { font-family: 'Georgia', serif; margin: 0; }
h1       { border-bottom: 2px solid #eee; }
h2       { font-size: 1.2em; }

.page      { margin: 2em auto; width: 35em; border: 5px solid #ccc;
         padding: 0.8em; background: white; }
.entries    { list-style: none; margin: 0; padding: 0; }
.entries li   { margin: 0.8em 1.2em; }
.entries li h2 { margin-left: -1em; }
.add-entry   { font-size: 0.9em; border-bottom: 1px solid #ccc; }
.add-entry dl  { font-weight: bold; }
.metanav    { text-align: right; font-size: 0.8em; padding: 0.3em;
         margin-bottom: 1em; background: #fafafa; }
.flash     { background: #CEE5F5; padding: 0.5em;
         border: 1px solid #AACBE2; }
.error     { background: #F0D6D6; padding: 0.5em; }
Nach dem Login kopieren

4、添加业务逻辑

在controller目录下新建blog_message.py文件:

from blog2.model.User import User
from blog2.model.Category import Category
import os

from blog2 import app,db
from flask import request,render_template,flash,abort,url_for,redirect,session,Flask,g

@app.route('/')
def show_entries():
categorys = Category.query.all()
return render_template('show_entries.html',entries=categorys)

@app.route('/add',methods=['POST'])
def add_entry():
if not session.get('logged_in'):
abort(401)
title = request.form['title']
content = request.form['text']
category = Category(title,content)
db.session.add(category)
db.session.commit()
flash('New entry was successfully posted')
return redirect(url_for('show_entries'))

@app.route('/login',methods=['GET','POST'])
def login():
error = None
if request.method == 'POST':
username = request.form['username']
password = request.form['password']
user = User.query.filter_by(username=request.form['username']).first()
passwd = User.query.filter_by(password=request.form['password']).first()

if user is None:
error = 'Invalid username'
elif passwd is None:
error = 'Invalid password'
else:
session['logged_in'] = True
flash('You were logged in')
return redirect(url_for('show_entries'))
return render_template('login.html', error=error)

@app.route('/logout')
def logout():
session.pop('logged_in', None)
flash('You were logged out')
return redirect(url_for('show_entries'))
Nach dem Login kopieren

千万不要忘了在模块级目录下(blog2目录)的__init__.py文件引入视图模块,代码如下:

#只有在app对象之后声明,用于导入view模块
from blog2.controller import blog_manage
Nach dem Login kopieren

5、运行项目,效果如下:

1)输入http://127.0.0.1:5000/,正常情况下你的应该是空白的,因为还没有任何数据。

2)点击log in

忘了告诉你了,你要事先在b_user表中添加一个用户喔,因为登陆要验证用户的,否则你是无法登陆成功的。

3) 添加条目

 

以上就是这个小项目的所有页面,很简单吧。你一定能搞定!!!

【总结】:通过本次练习,是否对flask框架运行机制有所了解呢,是不是已经有了全局的认识了,如果ok,那么这个小练习就有存在价值了。

参考文献:

         【flask快速入门中文版】http://docs.jinkan.org/docs/flask/

         【flask快速入门英文版】http://flask.pocoo.org/docs/0.11/

         【flask-sqlalchemy中文版】http://www.pythondoc.com/flask-sqlalchemy/index.html

         【flask-sqlalchemy英文版】http://flask-sqlalchemy.pocoo.org/2.1/

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage