pythonflask开发web网页编辑_总结Python+Flask+MysqL的web建设技术过程

一、个人学期总结

本人在一学期时间内学习并实现基于Python的Flask框架web建设项目，python是一种面向对象的解释型计算机程序设计语言，由荷兰人Guido van Rossum于1989年发明，Python是纯粹的自由软件， 源代码和解释器CPython遵循 GPL(GNU General Public License)协议。Python语法简洁清晰，特色之一是强制用空白符(white space)作为语句缩进。下面简单分享一下我个人学习python语言后的一些心得和经验。

一开始接触python我们学的是简单的输出输入交互和一些数字的计算，有点类似JAVA，但在语法上还是有些区别，python语言优点在于它的简洁灵活，所以很多时候它都用到符号代替，接着我们import turtle库，并绘制出多种多样的图形，学习了字符串基本操作，凯撒密码，自制九九乘法表，中英文词频统计等等，虽然语句都挺简单，但这激发了我们对学习python的兴趣，并提升了我们对编程语言的思维能力，有助于下半学期我们构建Flask框架制作网页的学习。

在学习Python+Flask+MysqL的web建设时，我们安装了mySQL，pycharm和一些python的第三方库，首先，老师教了我们网页前端的制作，应用超文本标记语言HTML，初学html，第一次知道五花八门的网页原来是由许许多多的标签对组成的，虽然感觉学起来并不难，但是却很繁琐，例如每一个网页的标签对有很多个，每一个都有它特定的一些功能，包含了标签对里的众多参数，要想实现这些标签对的功能就必须遵循它的书写规则，一旦有某个字母拼写错误就会报错，在html里会用颜色的不同来报错，这种情况还较好处理，但在JS代码中是不会提示你哪里出错，所以在编写过程中要多加细心谨慎。代码简单易学是好事，但要做出漂亮好看的前端也是需要有一定的基础和积累的。虽然繁琐但却又很有趣，刚开始接触html+css+js的时候会想各种办法去把网页做好看，尝试了各种各样的样式和标签对，或者从网页上cope别人做好的样式代码去修改，碰到不会的代码就问百度解答或同学探讨，在这过程中又学会了许多课堂上没有教过的知识，最终做出的页面虽然不尽人意，但对初学html的本菜鸟来说也算勉勉强强及格了。

在页面前端我们做了导肮页面、登陆注册页面、发布页面以及各自的css和js，在做这些页面过程中经常碰到一些问题，例如页面的排版分布，div中文本的居中问题，解决的办法很简单，只需要设置好对应div的class，但一开始都会用一些蠢办法，用空格代替或者用&nbsp去填充，虽说不是最佳的解决方法，但也达到了同样的效果，在后端建设过程中我们引入了flask库中的Flask, render_template，用于创建一个Flask对象以及页面的跳转，引入flask_sqlalchemy库进行数据库的关联映射等，在引入这些库时没有太大问题，基本上属于复制粘贴或照代码打，但要注意python如果没有这些库的话要去命令行先安装，在后端设计过程我们学了对数据的增删改查等操作，利用对数据库的查询添加功能实现了页面的登陆、注册以及发布功能，这些功能的实现根据前端页面的name属性名，后台请求接收同名name的值，再将接收的值做一系列增删查改操作。在对这些name属性命名时要注意前后端对应且同一页面不能出现相同名，否则会出现数据传递出错，在做页面继承中我就因为忽视了导航页和登陆注册页的同名name属性，导致了做好的js代码因接收了错的数据而失效，在context_processor上下文处理器中也要注意这个问题，因为上下文处理器带的模型数据可以在所有页面模板中使用，因此要防止跟各自页面的请求模型数据同名，一旦重名，数据就会带错，页面上虽然不会报错，但却会显示错误的数据给用户，所以在编程过程中要时刻注意代码的简洁清晰和条理性，尽量用更少更优化的代码实现功能。

在做发布详情中我们在页面跳转请求时带上需要用到的‘id’，利用该‘id’去后台查询数据，在做用户详情时我们用三个页面跳转同一个请求，不同的是在请求中用if语句判断，判断各自实现的功能并跳转不同页面，同样在做这些功能时要注意代码的简洁，能分开表示的代码尽量不要挤在一起，注意代码的规范和格式。不同功能的实现有不同的方法，同一功能的实现也可能有多种方法，多思考用不同的方法实现会帮助我们开拓编程思维，不一定要照着老师的做法墨守成规，同样，当有不同的方法实现功能时我们要尽量尝试，并进行比较选出比较优质的代码进行替换。在编写代码时我们也要养成一个好的习惯，多用“Ctrl+Alt+L”进行格式化以便我们清晰的去观察和修改，明确目标和功能，理解清晰原理和思路再着手编写，在写好某个功能的代码后先按原理检查是否出错， 再运行页面验证功能，出错时不要惊慌，先用F12打开页面控制台查看数据发送、接收情况和红色报错项目，或者到pycharm后台里找相应的报错字眼、提示等等。养成良好的习惯还在于多用“Ctrl+/”打注释，把个人的理解和思路整理成简单的注释，不仅方便自己复习和修改还有利于使用者及他人查看学习。

总之，编程是一门艺术活，像做建筑一般，字母是它的钢筋水泥和砖块，只有实打实的基础，地基牢固，才能成就崛起的名胜古迹。其实编程也像做数学题，一道数学题目可能有多种解法，但我们不必要像解数学题那样讲得很详细，只要一目了然并能清晰简洁的表达和实现功能即可，只有多去练习多去运用它，少用复制粘贴、投机取巧，我们才能在编程道路上越走越远。

2017-12-2817:24:19

二、Python+Flask+MysqL的web建设技术过程总结

本人在一学期时间实现了Python+Flask+MysqL的web建设，页面具有简单的登录注册发布文章搜索文章等功能。

在这里总结分享了我最近一段时间的学习成果：使用Flask框架搭建一个web service，并在其中加上一些简单的css，js，html等。由于本人是新手，如有错漏请见谅并欢迎大家批评指出。O(∩_∩)O

1、使用工具

主要工具有：pycharm64.exe + Python 3.6 64-bit + MySQL + Navicat for MySQL(辅助工具)

 

 

 

主要内容是实现此页面所有的static文件、templates文件与py文件：

2、完成基本的页面设计

①.导航条(父模板)

②.登陆界面

③.注册界面

④.发布问答界面

3、涉及到的第三方库和Flask & 概览

主py文件：

manage.py(用于数据库迁移)：

Flask

from flask importFlask

app= Flask(__name__) #创建Flask对象

@app.route('/lin/') #跳转简单测试。

deflin():return 'lin'

if __name__ == '__main__':

app.run(debug=True)

4、加载静态文件，父模板与其他界面的继承

①.url_for运用

from flask import url_for

跳转后端请求：

首页

个人信息

加载静态文件(可用于加载css, js, image文件)：

②.继承和扩展

目的在于把一些公共的代码放在父模板中，避免每个模板写同样的内容。

子模板继承父模板。

父模板提前定义好子模板可以实现一些自己需求的位置及名称，子模板在相同名继承块中写代码实现自己需求。

注意{% block %}{% endblock %}里的命名。

{% extends 'daohang.html' %}

{% block denglutitle %}{% endblock %}

{% block dengluhead %}{% endblock %}

{% block daohangbody %}{% endblock %}

5、数据库连接池

运用工具：MySQL + Navicat for MySQL(辅助工具)

①.安装与配置：

下载安装MySQL数据库

下载安装Navicat for MySQL

下载安装第三方库MySQL-python 中间件(pip install flask-sqlalchemy (Python的ORM框架SQLAlchemy))

②.运用可是化工具Navicat for MySQL创建数据库

③.数据库配置信息config.py

importos

DEBUG=True

SECRET_KEY= os.urandom(24)

DIALECT= 'mysql'DRIVER= 'mysqldb'USERNAME= 'root'PASSWORD= 'ROOT'HOST= '127.0.0.1'PORT= '3306'DATABASE= 'mis_db'

#配置和数据库的连接信息

SQLALCHEMY_DATABASE_URI = 'mysql+pymysql://root:@localhost/mis_db?charset=utf8'SQLALCHEMY_TRACK_MODIFICATIONS= False

④.建立mysql和app的连接

from flask importFlaskfrom flask_sqlalchemy importSQLAlchemyimportconfig

app= Flask(__name__) #创建Flask对象

app.config.from_object(config) #关联config.py文件进来

db = SQLAlchemy(app) #建立和数据库的关系映射

classComment(db.Model):__tablename__ = 'comment'id= db.Column(db.Integer, primary_key=True, autoincrement=True)

author_id= db.Column(db.Integer, db.ForeignKey('user.id'))

fabu_id= db.Column(db.Integer, db.ForeignKey('fabu.id'))

creat_time= db.Column(db.DateTime, default=datetime.now)

detail= db.Column(db.Text, nullable=False)

fabu= db.relationship('Fabu',

backref=db.backref('comments', order_by=creat_time.desc)) #order_by=creat_time.desc按时间降序

author = db.relationship('User', backref=db.backref('comments'))

db.create_all()#测试是否连接成功

@app.route('/lin/') #跳转测试。

deflin():return 'lin'

if __name__ == '__main__':

app.run(debug=True)

⑤.创建用户模型

class User(db.Model): #创建类User

...classFabu(db.Model):

...classComment(db.Model):

...

6、通过用户模型，对数据库进行增删改查

#插入功能

user = User(username='15',password='12')

db.session.add(user)

db.session.commit()#查询功能

user=User.query.filter(User.username=="15").first()print(user.username,user.password)#修改功能

user=User.query.filter(User.username=="15").first()

user.password='888'db.session.commit()#删除功能

user=User.query.filter(User.username=="15").first()

db.session.delete(user)

db.session.commit()

7、完成注册功能

①.html文件：

中设置 action和method="post"

 中设置 name

中οnclick="return fnLogin()"

②.js文件：

运用一系列if函数判断

onclick函数return True时才提交表单，return False时不提交表单。

③.主py文件中：

from flask import  request, redirect, url_for

#跳转注册。

@app.route('/zhuce/', methods=['GET', 'POST']) #methods定义它有两种请求方式,因为它在表单的请求是post，类似我们在idea中的sava请求模式

defzhuce():if request.method == 'GET':return render_template('zhuce.html')else:

username= request.form.get('user') #post请求模式，安排对象接收数据

password = request.form.get('pass')

nickname= request.form.get('nickname')

user= User.query.filter(User.username == username).first() #作查询，并判断

ifuser:return u'该用户已存在'

else:

user= User(username=username, password=password, nickname=nickname) #将对象接收的数据赋到User类中,即存到数据库

db.session.add(user) #执行操作

db.session.commit()return redirect(url_for('denglu')) #redirect重定向

8、完成登陆功能

类似注册功能

#跳转登陆。

@app.route('/denglu/', methods=['GET', 'POST']) #methods定义它有两种请求方式

defdenglu():if request.method == 'GET':return render_template('denglu.html')else:

username= request.form.get('user') #post请求模式，安排对象接收数据

password = request.form.get('pass')

user= User.query.filter(User.username == username).first() #作查询，并判断

if user: #判断用户名

if user.check_password(password): #判断密码

session['user'] = username #利用session添加传回来的值username

session.permanent = True #设置session过期的时间

return redirect(url_for('daohang'))else:return u'用户密码错误'

else:return u'用户不存在,请先注册'

(补充)session功能：

from flask import session

①.操作字典一样操作`session`：

session['user'] = username #利用session添加传回来的值username

session.permanent = True #设置session过期的时间

session.get('user'):

②.放在上下文处理器中可以在任何模板页面中调用：

@app.context_processor #上下文处理器，定义变量然后在所有模板中都可以调用，类似idea中的model

defmycontext():

user= session.get('user')ifuser:return {'sessionusername': user} #包装到username,在所有html模板中可调用

else:return {} #返回空字典，因为返回结果必须是dict

9、登录后更新导航

①.用上下文处理器app_context_processor定义函数，把登陆时定义的session get进来

@app.context_processor #上下文处理器，定义变量然后在所有模板中都可以调用，类似idea中的model

defmycontext():

user= session.get('user')ifuser:return {'sessionusername': user} #包装到username,在所有html模板中可调用

else:return {} #返回空字典，因为返回结果必须是dict

②.在父模板中更新导航，利用if函数判断，插入登录状态判断代码

{% if sessionusername %}

{{ sessionusername }}注销{% else %} 登陆注册{% endif %}

注意用{% ... %}表示指令，区分后台和前端的if判断。

{{ }}表示变量

③.完成注销功能

清楚session并跳转

#跳转注销。

@app.route('/logout')deflogout():

session.clear()#注销时删除所有session

return redirect(url_for('daohang'))

10、完成发布功能(和登陆注册类似)

①.编写请求登录的装饰器：

#跳转某页面之前先进行登录。定义decorator可以增强函数功能,装饰器本身是函数，入参是函数，返回值也是函数

defloginFirst(fabu):

@wraps(fabu)#加上wraps，它可以保留原有函数的__name__,docstring

def wrapper(*args, **kwargs): #定义wrapper函数将其返回，用*args, **kwargs把原函数的参数进行传递

if session.get('user'): #只有经过登陆，session才能记住并get到值

return fabu(*args, **kwargs)else:return redirect(url_for('denglu'))return wrapper

②.应用装饰器：

@loginFirst # 将decorator定义的增强函数放在待增强函数定义的上面

@app.route('/fabu/', methods=['GET', 'POST']) #methods定义它有两种请求方式

@loginFirst #将decorator定义的增强函数放在待增强函数定义的上面

def fabu():

③.建立发布内容的对象关系映射

classFabu(db.Model):__tablename__ = 'fabu'id= db.Column(db.Integer, primary_key=True, autoincrement=True)

title= db.Column(db.String(100), nullable=False)

detail= db.Column(db.Text, nullable=False)

creat_time= db.Column(db.DateTime, default=datetime.now) #提交时间会自己赋值

author_id = db.Column(db.Integer, db.ForeignKey('user.id')) #数据类型是db.Integer，db.ForeignKey参数指定外键是哪个表中哪个id

author = db.relationship('User', backref=db.backref('fabu')) #建立关联，其author属性将返回与问答相关联的用户实例，相当于数据库中的表连接

#第一个参数表明这个关系的另一端是哪个类，第二个参数backref，将向User类中添加一个fabu属性，从而定义反向关系，这一属性可访问Fabu类，获取的是模型对象

④.完成发布函数，保存数据库，重定向到首页

#跳转发布。

@app.route('/fabu/', methods=['GET', 'POST']) #methods定义它有两种请求方式

@loginFirst #将decorator定义的增强函数放在待增强函数定义的上面

deffabu():if request.method == 'GET':return render_template('fabu.html')else:

title= request.form.get('title') #post请求模式，安排对象接收数据

detail = request.form.get('detail')

author_id=User.query.filter(

User.username== session.get('user')).first().id #将session get到的user进行查询并取出id放到外键author_id中

fabu = Fabu(title=title, detail=detail, author_id=author_id) #将对象接收的数据赋到Fabu类中,即存到数据库

db.session.add(fabu) #执行操作

db.session.commit() #提交到数据库

return redirect(url_for('daohang')) #redirect重定向

11、在首页显示问答列表(可自行选择显示内容，本文以显示问答内容为例)

①.在首页添加显示问答的无序列表

发布

{% for foo in fabus %}

{{ foo.author.username }}

{{ foo.title }}

{{ foo.creat_time }}

{{ foo.detail }}

{% endfor %}