Flask入门教程——小白的艰难抗争史

这是一篇记录只有C语言基础和看了一点点Python语法的小白如何一步一步学习Flask的小型教程。希望能帮到和虎鲸一样正在卑微学习的朋友们。:smiley:

教程的最终结果为 静态博客(登录，注册，写博客，展示博客，博客支持markdown)

小白的自学第一式 -- 搜索大法

1.搜索官方文档

英文文档 中文文档

基础薄弱的小白第一眼直接看文档，可能会出现吸收不良的情况，没关系，我们可以移步换景一下，但要记住这个根据地！

2.搜索入门教程

教程千千万万，能跟着走下来的却寥寥无几。虎鲸在前几步就夭折放弃的教程很多，大家可以多看看有没有合适自己需求的。

这里推荐的教程是：

中文 欢迎进入Flask大型教程项目！

英文 The Flask Mega-Tutorial

3.搜索视频教程

文档看不进，教程跟不动，就就就开始B站大法。虎鲸当时没有发现适合需求的，在此就不推荐了。

---

搜索大法，对于卑微的小白来说，可能会越来越迷茫(是虎鲸本人了)，所以，老师大大后来指了一条明路。

---

小白的自学第二式 -- 铁头功

Flask的初级副本是 做一个简单的博客 ！比如它的例子，flaskr。

因此，既然咱啥都比较懵，那先看懂源码吧。

移步 GitHub ....

1.根据README页面的内容，run一下，看看具体实现了哪些

中间出现小问题，不要紧张，复制报错内容移步搜索

README 部分截图

2.心中了然崽子的未来模样后，点击文件夹flaskr，里面的文件就是主要的内容所在了

页面截图

简单说明一下每个文件 / 文件夹的作用 (曾经疑惑了很久)

static: 静态的。文件夹里放的是 CSS 文件(虎鲸的通俗理解：帮助你把白坯房精装修的文件。精准解释移步搜索)。如果在日后自己改装的时候，记得把图片放在static里。

templates:模板。文件夹里放的是 html 文件(虎鲸的通俗理解：决定房型是一室一厅还是两室一厅。精准解释移步搜索)。

.py：Python文件。虎鲸的通俗理解：地位类似于开发商，把各个部分穿起来，实现功能。

.sql: 它和数据库有联系。不愿面对数据库的虎鲸觉得小白可以先不用执着于这部分，先实现静态简单博客也是有点心酸的 。

在第一步，我们已经把代码下到本地；在第二步，我们简单浏览了一下 flaskr 的文件结构

3.是时候该艰难打注释了

在这部分环节，基础比较卑微的(比如某虎)，会需要消化很久

主要目的：搞清各文件的关系，每个函数的作用，主要看 py 文件

方法推荐：

结合文档(搜看不懂的代码时会搜到文档中的内容)，疯狂标记；

动手改改，一边run，一边验证，加深理解

好不容易走到这里，是不是感觉还不错

4.抄代码得抄精髓，所以开始做减法啦！

我们主要实现静态博客，先不考虑数据库部分的文件

1.删去与数据库有关代码

2.删去一些%#* (删了也可) 的代码

简化代码的时候，也是一个不停搜搜搜的过程。

---

铁头的过程，尤其是对第一次这样看代码的小白来说，会很痛苦，但 干 就完事儿了！

---

小白的自学第三式 -- 自作自受

在这个过程中，我们短期实现小目标，长期慢慢往前跑。

目标一、 实现基础页面跳转，美化样式

基础页面跳转主要参考 flaskr 里的样子，也可以自由发挥一下

在这个过程中，就慢慢把 html 和 CSS 学起来了，方法和上面有点类似，可自行琢磨一下适合自己的节奏，多用就会慢慢懂点点了

目标二、 实现文件读取

没有使用数据库，所以最原始的办法...

主要实现：比如注册后，写入文件，登入，读文件，首页的博客展示

关键词：python read json file

目标三、 实现上传图片

方法1、

关键词搜索：Flask上传本地图片并在页面上显示

接着会在某s某n里找到一篇超超开心的教程，可模仿

方法2、

可以把 ckeditor 安进自己的博客里，好用教程得自己搜搜

ckeditor的方便程度还是非常优秀的，一步顶百步，你能顶得住

目标四、 实现 markdown 转换为 html ，上传显示

这部分网上得教程能搜到的不多，还得搞搞代码高亮，中间可能问题比较多

如果思路是 文件 转 文件 再显示

引出思路教程：https://www.cnblogs.com/rond/p/5897625.html

如果我们是 输啥，直接保存为 markdown , 显示的时候再慢慢转

关键字：Marked.js highlight.js

参考教程：https://blog.ipsfan.com/2286.html

该教程直接套，可能会有问题，有些用法有区别，具体见之后的系列目标具体实现代码

目标五、 美化界面

移步搜索 io3000

在众多页面中，选自己的心动页面，开始模仿

在这过程中，js的学习，逃不掉的....

---

自作自受的过程中，小白经常会有这次的目标好难啊，到翻遍教程，解决完问题后感觉还挺水的心情波动，但是要不断努力进步。

---

虎鲸，终于在六月的黑暗拖延后，在七月初写完了这几个月的方法论。暑假要慢慢写完每个小目标后的卑微代码小白教程。持续输出！

---

欢迎移步 CSDN 围观：https://blog.csdn.net/qq_44537414