Flask Web实战-新闻资讯项目

最新推荐文章于 2024-07-13 09:21:31 发布
最新推荐文章于 2024-07-13 09:21:31 发布
阅读量792 收藏 3
点赞数 2
分类专栏： # 2. Python Web框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jy_z11121/article/details/112651301
版权

准备工作

Git相关

创建git项目并clone到自己的电脑，用pycharm打开，做一些修改（忽略文件）。

.pyc 为了让执行python程序导包时更快速而产生的文件
.pyo 链接c语言文件时产生的
.pyd 动态库相关

  • 好习惯：一个阶段的任务完成之后，就提交到git上。
  • 绿色表明新添的内容；蓝色表明修改了的内容。

数据库配置

  • 目的: 为了在项目中用来存储新闻数据以及用户数据的

redis配置

  • 目的: 缓存访问频率高的内容, 存储session信息,图片验证码,短信验证码

session配置

  • 目的: 用来保存用户的登陆信息

CSRFProtect配置

  • 目的: 保护app,防止csrf攻击
  • 校验的请求方式:‘POST’, ‘PUT’, ‘PATCH’, ‘DELETE’

项目介绍

见本地 E:\FlaskWeb\Flask基础资料\项目实战\项目第1部分资料\课件

前后端不分离：前端/客户端看到的东西直接是由后端/服务端安排好，传给对方的。（本项目基于此）
前后端分离：前端/客户端看到的东西是自己进行“绘画”的，后端/服务端仅仅是提供了所需用到的数据（数据是从数据库中取得的）。可以实现后端的接口复用，前端是PC端浏览器也好，还是手机客户端也还，只要该一改相应的框架就可以了。

疑问：一个网页被爬的多了，说明它越有价值？可是为什么在我印象里，有些网站是专门做了避免让自己的网站被爬取呢？矛盾了吧？当然，一定是我哪里没有了解清楚。

技术实现

  • 基于 Python 3.0 + Flask 框架实现
  • 数据存储使用 Redis + MySQL 实现

Redis 内存数据库，主要用来做缓存、存取图片/短信验证码，提高存取效率。MySQL存取持久化数据，如用户登录信息、新闻信息。

  • 第三方扩展：
    • 七牛云：文件存储平台
    • 云通信：短信验证码平台
  • 布署：基于ubuntu 16.04系统（使用阿里云）；使用 Gunicorn + Nginx 技术进行布署

项目开发流程

配置文件抽取

  • 目的: 方便今后做扩展、维护, 管理更加高效
  • 操作流程:
  1. 定义config文件
  2. 将Config配置类抽取到config文件中
  3. 提供了3种环境下的配置类信息
  4. 提供了一个config_dict的统一访问入口字典

初始化信息抽取

  • 目的: 将初始化信息抽取到单独的文件,方便做统一的管理
  • 操作流程
  1. 将manger中的初始化信息, 抽取到info的init文件中
  2. 定义了create_app方法, 接收一个config_name参数
  3. 根据config_name加载不同的环境下的配置类信息
  4. 再返回一个完整的app给manager文件

视图函数抽取

  • 目的: 视图函数是用来处理对应业务的,可以有很多,应使用蓝图进行统一管理
  • 操作流程
  1. 创建了modules模块,用来管理所有蓝图的
  2. 在modules底下创建了index包
  3. 在index中创建index_blue蓝图,创建views文件,并使用index_blue装饰视图函数
  4. 在config/create_app方法内部,注册index_blue到app中

循环导包

  • 经典错误——循环导包：
    在这里插入图片描述
  • 解决办法: 在控制台中,查看到底是哪些文件之间产生了循环导包,依次点开所有的文件,只需要想办法断掉其中一环即可
    在这里插入图片描述
    第四个文件是为了寻找redis_store，所以我们可以把第二个文件里的import语句写到redis_import定义语句的后面。

redis存储设置

  • 问题:
    • redis_store创建在了create_app方法内部,外界不能导入使用
    • 在create_app方法外部创建一个空的全局的redis_store，应使用global装饰方法内部的redis_store，声明下面使用的redis_store是全局的那个，而不是新创建的一个局部变量

日志信息集成

  • 目的
    1. 记录用户的行为
    2. 记录并分析软件的问题
    3. 便于给产品经理提供设计依据
  • 操作流程:

Python 自身提供了一个用于记录日志的标准库模块：logging。

  1. 定义好log_file方法,拷贝日志记录方法进来
  2. 在create_app方法中调用即可

日志配置抽取

  • 目的: 为了便于去管理,不同环境下的日志级别
  • 操作流程
    1. 在config配置文件中,给DevelopConfig, ProductConfig设置不同的级别
    2. 在调用create_app方法的时候, 传递对应环境的key值, 只有大于该级别的信息才会被输出
    3. 取出对应的环境下的日志级别, 将日志级别传递到log_file方法中

gitkeep忽略日志文件

  • 目的: 可以让logs空文件夹能够被提交到git仓库

数据库相关

表结构分析

  • 目的: 主要是了解项目中的主要的7张表之间的关系
  • 注意点: 需要查看keynote笔记图

断点调试

注意：如果对一个import语句设置了断点，那么也还要把这一语句要导入的那个包的第一句也设置为断点，要不然进不去，就会停到这里。与之不同的是，如果设置的断点涉及到要访问一个方法，那么是可以自动转到这个方法里的。

数据库迁移

  • 目的: 将模型类迁移成数据库的具体表
  • 操作流程
    1. 导入models,constants文件targeted中
    2. 将create_app中的Sqlalchemy(app),改成两句话
      1. db = Sqlalchemy(), 定义在create_app外部
      2. db.init_app(app), 定义在create_app内部
    3. 在manger.py文件中进行迁移
      1. 导入（import）Manager,Migrate,MigrateCommand
      2. 创建manager对象,管理app
      3. 使用Migrate,关联app,db
      4. 给manager添加一条操作命令
      5. 执行迁移命令(init,migrate,upgrade)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

页面展示相关

静态文件集成

  • 目的: 为了给用户提供访问页面
  • 操作流程: 将static文件夹添加到info里面,然后使用git管理起来

首页显示

  • 目的: 在用户访问首页的时候可以给用户提供一个完整的页面
  • 操作步骤
    1. 在info中,创建templates文件夹
    2. 将static/news中的index.html拖入到templates/news文件夹中
    3. 在访问根路径的时候使用render_template将index.html渲染出来

网站logo显示

  • 目的: 显示网站的一个标识, 显示在title中
  • 注意点
    1. 当浏览器访问每个网站的时候都会自动去请求一个/favicon.ico的接口
    2. 只需要在程序中,写上/favicon.ico的接口,然后返回一张图片即可
    3. 在flask中需要使用current_app.send_static_file(‘文件名’)：send_static_file(‘文件1’)会自动去static静态文件夹中寻找文件1

需要清除一下浏览器的cookie，然后关闭浏览器，重新运行程序，重新打开浏览器，才能看到图片加载出来。

图片验证码分析

  • 目的: 为了保证注册、登陆的用户是个真实的用户在操作,就要获取短信验证码
  • 在这里插入图片描述
  • 注意点
    1. 在服务器内部保存图片验证码的时候,前端需要带一个随机字符串(uuid)过来
    2. uuid做为key,图片验证码的值做为value存储

代码不是我们自己写的，就是一个第三方工具类。会创建一个专门的存放第三方工具类的文件夹（utills）。

图片验证码集成

  • 目的: 便于程序调用,生成图片验证码
  • 操作：在info中创建utils包, 将captch导入即可

图片验证码视图函数

  • 目的: 为了方便前端调用生成图片验证码的类，从而获取图片验证码，并进行后续的匹配验证工作

图片验证码去重完善

  • 目的: 不能在服务端存储多份图片,容易导致后端的服务器内存不足
  • 操作流程
    1. 获取参数,cur_id,pre_id
    2. 调用generator_captch()生成图片验证码
    3. 存储图片验证码到redis
    4. 判断是否有上一次图片验证码,如果有则删除
    5. 返回一张图片,并指定图片格式

前端两种情况会去获取验证码：1. 首次点击“注册” 2. 点击图片验证码。后端处理前端这一请求的过程：生成图片验证码–>视图函数获取参数–>保存到redis–>返回图片。

登陆接口

  • 目的: 写出登陆接口,供前端的工程师来调用登陆
  • 操作流程
    1. 获取参数
    2. 校验参数,为空校验
    3. 通过用户手机号,到数据库查询用户对象
    4. 判断用户是否存在
    5. 校验密码是否正确
    6. 将用户的登陆信息保存在session中
    7. 返回响应

首页右上角用户显示

  • 目的: 在首页的右上角显示用户的登陆信息
  • 操作流程
    1. 登陆用户之后,已经将session信息存储到redis了
    2. 当我们刷新首页的时候, 到session中获取了user_id的值
    3. 然后将用户的字典数据,携带到index.html首页展示了

退出用户

  • 目的: 在认证蓝图中编写退出接口
  • 操作流程
    1. 清除session
    2. 返回响应

用户最后登陆时间

  • 目的: 记录用户的登陆时间, 为了方便后期进行用户的活跃统计
  • 工具:
    • database工具,可以在pycharm中链接数据,方便查询等操作
    • structure: 可以快速查看当前文件的结构

自动提交

  • 目的: 在flask通过sqlalchemy的属性配置,让数据库能够自动提交
  • 操作流程
    • 在config的配置文件中,设置sqlalchemy_commit_on_teardown = True
    • 设置好了之后,当数据库的内容改变之后,视图函数在结束的时候就会自动提交了

CSRFProtect校验开启

  • 目的: 在前端当中携带csrf_token, 以便csrf的校验能够通过

  • 校验过程

    • 非表单提交(ajax)
      • 1.在cookie中设置csrf_token (自己做)
      • 2.在请求头中设置csrf_token (自己做)
      • 服务器: 取出二者进行校验
    • 表单提交
      • 在表单设置一个隐藏字段即可

  • CSRFProtect一旦保护好app之后会对如下请求做校验:

    'POST', 'PUT', 'PATCH', 'DELETE'

热门新闻排行

未使用过滤器
使用过滤器

（见ipad截屏）

分类数据展示

  • 目的: 在首页的头部展示分类信息
  • 操作流程
    1. 在根路径中查询所有的分类数据
    2. 将分类数据转成字典列表
    3. 携带分类数据渲染页面

用户信息修改和展示

  • 操作流程
    • 如果是get请求：携带用户数据, 渲染页面
    • 如果是post请求：获取参数、校验参数(为空校验)、修改用户的数据、返回响应

用户图片上传(接口)

  • 操作流程
    • 如果是get请求：携带用户数据, 渲染页面
    • 如果是post请求：获取参数、校验参数(为空校验)、上传图片并判断是否上传成功、将图片设置到用户对象、返回响应

图片存储

  1. 自己搭建文件存储系统,比如使用FastDFS。需要自行解决以下两个问题：

    1. 用户A,图片A

      用户B,图片A

      如果用户A,B的图片名字是一样的,但是内容不一样,则后上传的覆盖先上传的

    2. 用户A,图片A

      用户B,图片B

      如果A,B用户上传的图片的名称不一样,但是内容一样,如果保存两份,就浪费存储空间

  2. 使用第三发的工具SDK（如七牛云）。特点:

    1. 可以节省自己的存储空间
    2. 七牛云可以维护我们的图片名字,自动去重

七牛云使用流程：

  1. 用户注册, 创建自己的图片存储空间
  2. 安装扩展包 pip install qiniu
  3. 拷贝官方的代码,到自己的文件中进行封装

密码修改

  • 操作流程
    • 如果是get请求：无需携带用户数据, 直接渲染页面
    • 如果是post请求：获取参数、校验参数(为空校验)、判断老密码是否正确、设置新密码、返回响应

后台管理界面

先添加如下代码，为的是能够手动创建一个用户（而不是注册创建用户）。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

使用命令行的方式创建一个超级管理员：
在这里插入图片描述

管理员登陆

  • 操作流程
    • 如果是GET请求
      • 直接渲染页面
    • 如果是POST请求
      • 获取参数
      • 校验参数,为空校验
      • 根据用户名取出管理员对象
      • 判断管理员是否存在
      • 判断管理员的密码是否正确
      • 管理员的session信息记录
      • 重定向到首页展示

两种页面数据提交方式

  • 表单提交
    • 1.在html文件的表单中,需要设置一个隐藏的csrf_token值 (自己手动设置的)

在这里插入图片描述

  • 2.在cookie中设置一个sessionID (服务器自行设置的)

在这里插入图片描述

服务器校验过程:

  1. 取出表单中的csrf_token(加密的),使用SECRET_KEY解密csrf_token,得到未加密的csrf_token
  2. 根据sessionID解密出服务器空间中的csrf_token(未加密的)
  3. 比较二者是否相等
  • 非表单提交(ajax)
    • 1.在浏览器cookie中设置csrf_token,为了给请求头使用(headers里面的X-CSRFToken)
    • 2.在cookie中设置一个sessionID (服务器自己设置的)

服务器校验过程:

  1. 取出请求中的的csrf_token(加密的),使用SECRET_KEY解密csrf_token,得到未加密的csrf_token
  2. 根据sessionID解密出服务器空间中的csrf_token(未加密的)
  3. 比较二者是否相等

session空间

一个浏览器只有一个session空间，当登陆了管理员账户之后，则打开新闻首页时，就会自动登录成这个管理员的账号。如果又登陆了普通用户，又进入管理员页面时，那么后台管理员的账户就会自动登录上普通用户的，这是不可以的。所以也需要改进：退出登录的时候要把is_admin也清除掉：在这里插入图片描述

后台管理页面

在这里插入图片描述

用户统计

完成五个数据的获取
在这里插入图片描述

用户列表
新闻审核
新闻编辑

管理员可以编辑所有的新闻。

新闻分类（有关ajax数据传送的流程分析）

在这里插入图片描述

分析上图按钮的实现逻辑：
在这里插入图片描述
这个edit选择器在js中得到的监听：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下图红框所在语句表明pop操作（上上图pop.show()）会使名为pop_con的类选择器（上图）展示出来：
在这里插入图片描述
在这里插入图片描述
由上图知，点击“确定”后，将会触发confirm类选择器所绑定的事件，即：
在这里插入图片描述
在这里插入图片描述
就是在这个点击事件里，实现了重要逻辑：判断到底是“新增”还是“修改”，然后将数据进行拼接。最后发送了ajax请求给相应的接口文件：
在这里插入图片描述

渴鱼y
关注
专栏目录
Python实战系列-爬取网页内容
Web3 & Basketball
11-07 4649
Python实战-爬取网页内容 打印内容：
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6386
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
Flask项目新经资讯项目总结
weixin_44402898的博客
02-28 8215
新经资讯是一个包含新闻首页，新闻详情，用户中心和后台管理等模块的Flask项目 项目框架的搭建 包含配置信息：mysql，redis，session等 工厂函数产出多种配置的app，数据库对象db，redis_store等 日志的记录 第三方库：云通讯，七牛云 设置的常量，自定义状态码，commons，models等 flask_script，flask_migrate等 根据需求分...
学习笔记1 Flask项目实战----新闻咨询项目
weixin_51121209的博客
11-05 821
一、 项目介绍 二、配置文件抽取 目的：方便以后做扩展、维护、管理更加高效 操作流程： 1.定义了config文件 2.将config配置类抽取到config文件中 3.提供了3种环境下的配置类信息 4.提供了一个config_dict的统一访问入口字典 三、初始化信息抽取 目的：将初始化信息抽取到单独的文件，方便统一的管理 操作流程： 1.将manager中的初始化信息抽取到info的Init文件中 2.定义了create_app方法，接收一个config_name参数 3.根据config_nam
python+flask计算机毕业设计热点推荐个性化新闻系统的设计与实现（程序+开题+论文）
最新发布
Nodejs洋洋 程序
07-13 925
该系统旨在通过分析用户的浏览历史、点击行为、偏好设置等多维度数据，结合新闻内容、类型、地域及时效性等因素，实现新闻的智能推荐，从而提升用户体验，增强新闻传播的精准性和有效性。该系统将集成用户管理、新闻分类、地域识别、时事追踪及视频新闻处理等核心功能，通过构建用户兴趣模型，结合新闻的多维度特征，运用先进的推荐算法，为用户提供定制化的新闻推荐服务。同时，对于新闻发布平台而言，个性化推荐能够提升用户粘性，增强用户互动，促进新闻内容的精准传播，实现平台与用户的双赢。定义网页的结构和内容，如段落、链接、图片等。
Flask项目（新闻网站）—— 项目配置（二）
Y57657的博客
05-18 180
图片验证码 前期准备
Flask项目（新闻网站）—— 项目配置（三）
Y57657的博客
05-19 439
短信验证码 前期准备 首先进入templates目录下的news目录中的index页面 如下图配置： // 发送短信验证码 function sendSMSCode() { // 校验参数，保证输入框有数据填写 $(".get_code").removeAttr("onclick"); var mobile = $("#register_mobile").val(); if (!mobile) { $("#register-mobile-err").htm
Flask项目（新闻网站）—— 注册功能
Y57657的博客
06-22 205
在经过前期的项目配置，我们可以实现项目的功能了注册接口设计功能分析 代码实现views.py models.py 在此，我们后端的逻辑代码已实现了，但要注册功能还没彻底实现，我们还需要在前端给他实现（注册）的提交事件main.js 至此，注册功能实现...
从0开始 Flask新闻资讯项目 Day1
JessePinkmen的博客
12-01 350
Flask新闻资讯项目 1.项目介绍 项目分析 框架搭建 蓝图目录 日志 前后端不分离，局部刷新ajax请求接口，主要业务逻辑目录结构仿照Django 1.1项目分析 掌握：web应用程序开发流程，常见功能实现，Git使用，源码阅读能力 技术栈：Flask Redis+mysql 七牛云 云通信 Gunicorn+Nginx服务器 功能模块：新闻 后台 用户 具体需求： 1.2 Pycharm...
Flask项目各模块如何实现，基于新经资讯新闻总结
weixin_43217956的博客
11-01 2233
新闻首页模块 一、注册相关接口 （一）图片验证码 1、获取前端生成的UUID编码 image_code_id = generate()前端调用该方法生成UUID编号，并发送给服务器 由于这是一个imp标签所以服务器可以request.args.get()获取到这个编码 2、调用captcha(图灵测试)扩展生成图片验证码 对获取到的参数进行验证，判断是否存在 存在则：name,text,image...
学校实训毕业商用项目-html5金属制品电子五金通用企业公司模板.zip
09-04
4. **新闻/博客**：发布公司动态、行业资讯，提升网站内容更新频率。 5. **联系我们**：提供公司地址、电话、邮箱等联系方式，以及可能的地图定位和在线表单。 6. **响应式设计**：适应不同设备的屏幕尺寸，确保在...
flask_news:flask新闻管理平台
05-04
flask_news flask新闻管理平台
基于flask和pandas的新闻分析平台
05-02
一个基于基于flask和pandas的新闻分析平台, 用python编写, 涉及到flask的许多基本用法, 以及pandas的一些使用技巧. 实现了新闻舆情分析功能, 包括但不限于: 词云图/情感走势/新闻列表等. 是学习flask的绝佳一手材料. 所有代码都已经过反复调试, 可以直接使用. 具体使用方式详见资源内readme.md文件. 另: 使用前务必请确保已经安装好flask!!! flask!!!
完整python项目，python爬虫 爬取今日头条后台数据，使用flask框架 。html实现前端
09-30
完整python项目，可以自己运行。利用python爬虫 爬取今日头条后台数据。然后使用flask框架 实现自己的后台 ，通过爬虫获取 今日头条数据。html实现前端 显示数据。网站UI一级界面自己实现，仿照今日头条网站
基于Flask python实现的新闻文章管理系统
06-08
基于Flask python实现的新闻文章管理系统 使用非关系型数据库mongodb，因为图片数据量不大，不需要使用到oss等储存，图片储存采用base64编码后存入mongodb 配合python-Flask使用jinja2模版引擎渲染页面 包含使用方法 可用于课程设计等
HTML网页设计制作——响应式网页影视动漫资讯bootstrap网页(9页)
08-10
### 知识点详解 #### 一、网页项目概述 - **项目背景**: 该项目旨在为初学者提供一套完整的HTML静态网页设计作业案例，适用于学习HTML、CSS...此外，提供的多种主题素材也为学生提供了丰富的创作灵感和实战练习机会。
大一Web课程设计：企业网站——HTML+CSS+JavaScript电子购物商城(37页面)
VX_WJ88950106的博客
08-20 1471
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web...
flask项目-新闻类项目后台主要逻辑
Mr_WoLong
10-30 1573
项目整体逻辑 1.1 项目简介 一款新闻展示的Web项目，主要为用户提供最新的金融资讯、数据。 以抓取其他网站数据和用户发布作为新闻的主要来源。 基于 Flask 框架，以 前后端不分离 的形式实现具体业务逻辑。 1.2 项目技术要点 基于 Python 3.6 + Flask 框架实现。 数据存储使用 Redis + MySQL 实现。 第三方扩展： 七牛云：文件存储平台 云通信：短信验证码平台...
Flask-新闻系统项目
weixin_44930101的博客
05-21 1704
项目：新闻系统 Todo：【新闻系统】 需要用户注册，登录，登陆之后可以在前台进行发布新闻，管理员在后台进行登录，登录之后就可以看到已经注册了哪些用户，以及哪个用户发布了什么新闻。 查看新闻，进行审核，审核通过的新闻才能正常显示出来。 正常在前台发布的是待审核的文章，待审核状态的文章是不能显示出来的。 用户中心：修改资料，上传头像，用户发布的文章，收藏的文章。 可以评论文章，...
入门指南：Flash动画制作实战-创建与图形设计
"上机练习——制作步骤-FLASH初识带...通过这个教程，读者不仅能够了解Flash的基础知识，还能逐渐掌握实际操作技巧，为后续更复杂的设计项目打下坚实基础。无论是初学者还是希望提升技能的专业人士，都将从中受益匪浅。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值