Flask 写博客页面

导入模块

首先下载一个依赖文件
1，先下载Flask基础环境变量
pip install falsk-sqlalchemy
2.导入模块 ，基本要用到模块： SQLAlchemy ,os ,datetime ,Flask ,render_templat e,request ,redirect

```
from flask import Flask,render_template,request,redirect
import os,datetime
from flask_sqlalchemy import SQLAlchemy
```

然后开始写代码

app=Flask(__name__)

#1.数据库路径
basedirr=os.path.abspath(os.path.dirname(__file__))

#2.实例化数据库连接
app.config['SQLALCHEMY_COMMIT_TEARDOWN'] = True
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True
app.config['SQLALCHEMY_DATABASE_URI']='sqlite:///'+os.path.join(basedirr,'blog.sqlite')

#3.每次请求结束后，都会提交数据库的变动
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN']=True

#4.创建  SQLAlchemy 对象
db=SQLAlchemy(app)

#5.创建表模型类
class Article(db.Model):
    __tablename__='article'
    id=db.Column(db.Integer,primary_key=True)
    title=db.Column(db.String(32))
    picture=db.Column(db.String(32))
    time=db.Column(db.DATETIME)
    description=db.Column(db.TEXT)

#6.同步数据库
db.create_all()

表创建好了开始写方法

#展示页面代码
@app.route('/article_list/')    #路由
def article_list():
    article_list=Article.query.all()
    return render_template('newslistpic.html',**locals())
    #保存数据页面代码
@app.route('/add_article/',methods=['GET','POST'])   #类似于Django的路由  path()  methond 网页提交方式
def add_article():
    if request.method=='POST':
        #1.获取表单提交过来的数据
        form_data=request.form
        file_data=request.files
        title=form_data.get('title')
        description=form_data.get('description')
        picture=file_data.get('picture')
        time=datetime.datetime.now()
        #2.保存数据库
        article=Article(
            title=title,
            description=description,
            time=time,
            picture='/static/html/img/'+picture.filename
        )
        #3.保存上传图片
        picture.save('static/html/img/'+picture.filename)
        #4.保存至数据库
        session=db.session
        session.add(article)
        return redirect('/article_list/')
    return render_template('add_article.html')



    return render_template('newslistpic.html',**locals())
if __name__ == '__main__':
    app.run()

需要自己写一些HTML前端的代码与后端代码对应,我这里只给一些简单的需要用的
add_article.html

<form action="/add_article/" method="post" enctype="multipart/form-data">
    <p>
        文章标题：<input type="text" name="title">
    </p>
    <p>
        文章描述: <textarea name="description" id="" cols="10" rows="3"></textarea>
    </p>
    <p>
        文章图片： <input type="file" name="picture">
    </p>
    <p>
        <input type="submit" value="添加">
    </p>
</form>

newslistpic.html

{% for article in article_list %}
        <li>
          <div class="dttext f_l">
            <ul>
              <h2><a href="/">{{article.title}}</a></h2>
              <p>{{article.description}}</p>
              <span>2017-3-10</span>
            </ul>
          </div>
          <div class="xwpic f_r"><a href="/"><img src="{{article.picture}}"></a></div>
        </li>
        {% endfor %}