python flask 分页前后端分离_07-Flask之前后端分离

最新推荐文章于 2024-10-11 17:24:53 发布

闲侃数码

最新推荐文章于 2024-10-11 17:24:53 发布

阅读量336

点赞数

文章标签： python flask 分页前后端分离

本文链接：https://blog.csdn.net/weixin_36298146/article/details/113961512

版权

本文详细介绍了使用Python Flask框架进行前后端分离的分页应用开发，涵盖了后台服务器的数据处理、前端HTML/CSS/JS交互，以及API接口设计。通过实例展示了如何在爱鲜蜂项目中实现轮播图的展示，并提到了API文档管理和票掏掏项目的部分需求分析。

摘要由CSDN通过智能技术生成

一、后台服务器开发

服务器就是提供服务，提供数据的。

- 数据库建模

- 数据导入

- 封装控制器

- 封装业务逻辑

- 返回JSON数据

二、前端开发

- HTML 基本页面布局

- CSS 页面样式

- JS 动态操作

ajax获取数据

DOM操作

三、前后端分离

爱鲜蜂(轮播图)示例【后台人员】

- 项目拆分

- 主页轮播图模型

- 轮播图数据插入

insert into axf_wheel(img,name,trackid) values("http://img01.bqstatic.com//upload/activity/2017031716035274.jpg@90Q.jpg","酸奶女王","21870"),("http://img01.bqstatic.com//upload/activity/2017031710450787.jpg@90Q.jpg","优选圣女果","21869"),("http://img01.bqstatic.com//upload/activity/2017030714522982.jpg@90Q.jpg","伊利酸奶大放价","21862"),("http://img01.bqstatic.com//upload/activity/2017032116081698.jpg@90Q.jpg","鲜货直供－窝夫小子","21770"),("http://img01.bqstatic.com//upload/activity/2017032117283348.jpg@90Q.jpg","鲜货直供－狼博森食品","21874");

- 轮播图数据接口

api.add_resource(WheelResource, '/api/v1/wheel')

http://127.0.0.1:5000/api/v1/wheel

爱鲜蜂(轮播图)示例【前端人员】

- 项目框架

- 第三方引入

- 页面结构设计

- 轮播图样式与结构

- 获取数据

- DOM操作(渲染到页面)

四、API文档管理

极客专属的api协作管理工具