总结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 import Flask

app = Flask(__name__)  # 创建Flask对象
@app.route('/lin/')  # 跳转简单测试。
def lin():
    return 'lin'

if __name__ == '__main__':
    app.run(debug=True)

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

①.url_for运用

from flask import url_for

跳转后端请求：

<a class="navbar-brand" href="{{ url_for('daohang') }}">首页</a>
<a href="{{ url_for('yonghu',username_id=userid,tag=1) }}">个人信息</a></li>

加载静态文件（可用于加载css, js, image文件）：

<link rel="stylesheet" href="{{ url_for('static',filename='css/daohang.css') }}">
<script src="{{ url_for('static',filename='js/daohang.js') }}"></script>

②.继承和扩展

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

子模板继承父模板。

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

注意{% 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

import os
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 import Flask
from flask_sqlalchemy import SQLAlchemy
import config

app = Flask(__name__)  # 创建Flask对象
app.config.from_object(config)  # 关联config.py文件进来
db = SQLAlchemy(app)  # 建立和数据库的关系映射

class Comment(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/')  # 跳转测试。
def lin():
    return 'lin'

if __name__ == '__main__':
    app.run(debug=True)

⑤.创建用户模型

class User(db.Model):  # 创建类User
...
class Fabu(db.Model):
...
class Comment(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文件：

<form>中设置 action和method="post"

<input> 中设置 name

<button>中οnclick="return fnLogin()"

②.js文件：

运用一系列if函数判断

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