编写博客前台博客前台需要开放给所有用户，这里包括显示文章列表、博客信息、文章内容和评论等功能功能。 分页显示文章列表为了在主页显示文章列表，我们要先在渲染主页模板的index视图的数据库中获取所有文章记录并传入模板：blueprintslog.py： frompersonalBlog.models...

电子邮件支持因为博客要支持评论，所以我们需要在文章有了新评论后发邮件通知管理员。而且，当管理员回复了读者的评论后，也需要发送邮件提醒读者。 为了方便读者使用示例程序，personalBlog中仍然使用Flask-Mail来发送邮件。读者在运行程序前需要在项目根目录内创建.env文件写入对应的环境变量，以便让发...

视图函数在上面我们创建了所有必须的模型类、模板文件和表单类。经过程序规划和设计后，我们可以创建大部分视图函数。这些视图函数暂时没有实现具体功能，仅渲染对应的模板，或是重定向到其他视图。以blog蓝本为例，如下所示： personalBlog/blueprints/blog.py：创建视图函数 #en...

表单下面我们来编写所有表单类，personalBlog中主要包含下面这些表单：登录表单；文章表单；评论表单；博客设置表单； 这里仅介绍登录表单、文章表单、分类表单和评论表单，其他的表单在实现上基本相同。 删除资源也需要使用表单来实现，这里之所以没有创建表单类，是因为后面我们会介绍在实现删除操作时为表...

模板personalBlog采用典型的博客布局，左侧三分之二为主体，显示文章列表、正文；右侧三分之一为边栏，显示分为类列表、社交链接等。现在的工作是将HTML文件加工为模板，并创建对应的表单类，在模板中渲染。并非所有的页面都需要添加边栏，所以我们不能把它放到基模板中。为了避免重复和易于维护，我们把边栏部分的代码放到了局...

3、生成虚拟数据为了方便编写程序前台和后台功能，我们在创建数据库模型后就编写生成虚拟数据的函数。1）管理员用于生成虚拟管理员信息的fake_admin()函数如下所示：personalBlog/fakes.py:生成虚拟管理员信息 frompersonalBlog.modelsimportAdminfromp...

编写程序骨架personalBlog的功能主要分为三部分：博客前台、用户认证、博客后台，其中包含的功能点如下图所示： 数据库personalBlog一共需要使用四张表，分别存储管理员（Admin）、分类（Category），文章（Post）和评论（Comment）。 1、创建数据库模型1）管理员如果...

使用工厂函数创建程序实例使用蓝本还有一个重要的好处，那就是允许使用工厂函数来创建程序实例。在OOP（Object-OrientedProgramming，面向对象编程）中，工厂（factory）是指创建其他对象的对象，通常是一个返回其他类的对象的函数或方法，比如我们之前的例子中创建的WTForms验证器（函数）。在pe...

使用类组织配置在实际需求中，我们往往需要不同的配置组合。例如，开发用的配置，测试用的配置，生产环境用的配置。为了能方便地在这些配置中切换，你可以把配置文件升级为包，然后为这些使用场景分别创建不同的配置文件，但是最方便的做法是在单个配置文件中使用python类来组织多个不同类别的配置。 下面的代码是person...

使用蓝本模块化程序实例化flask提供的blueprint类就创建一个蓝本实例。像程序实例一样，我们可以为蓝本实例注册路由、错误处理函数、上下文处理函数，请求处理函数，甚至是单独的静态文件文件夹和模板文件夹。在使用上，它和程序实例也很相似。比如，蓝本实例同样拥有一个route()装饰器，可以用来注册路由，但实际上蓝本对...

个人博客博客是典型的CMS(ContentManagementsystem，内容管理系统)，通常由两部分组成：一部分是博客前台，用来展示开放给所有用户的博客内容；另一部分是博客后台，这部分内容仅开放给博客管理员，用来对博客资源进行添加、修改和删除等操作。 在这个项目，我们会学习更高级的项目组织方式。另外，我们...

由于业务需求，需要使用微信小程序语音识别的功能，查找了好多发难，也踩了好多坑，把过程记录一下，或许会帮助到需要的朋友。在小程序中识别用户语音输入的命令关键流程流程：录音存储-->上传录音文件到服务器后台-->读取服务器返回结果关键代码：//按键按下事件startRec:function(res){varth...

WXML：<viewclass="topImg"><viewclass="topImg-item"><viewclass="t-i-left">头像</view><viewclass="t-i-right"><viewclass="image"bind:...

分享给朋友：onShareAppMessage:function(){//imgUrl:'http://www.51dev.com//FileUpload/news/202102/20210202001856437.png'return{title:'奇奇蜜蜂英语',path:'/pages/home/home',im...

前言：之前写vue的时候用到的第三方插件是better-scroll，用来处理滚动问题刚一接触小程序，发现似乎不需要这种better-scroll滚动这种类似功能；不过后来用到了，哈哈哈 总结的问题：1.给scroll-view设置的height无效！！！（calc）　　　　　　答：设置固定高度是有效的，如p...