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

本文详细介绍了使用Python Flask框架进行后台服务器开发,包括数据库建模、数据导入、封装控制器和业务逻辑,以及返回JSON数据。前端部分涉及到HTML基本布局、CSS样式和JS动态操作,通过ajax获取数据并进行DOM操作。文章还讨论了前后端分离的实践,以爱鲜蜂轮播图为例,展示后台创建轮播图数据接口,前端如何获取和渲染数据。此外,推荐了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协作管理工具

https://apizza.net/projects

google浏览器中安装插件,在线使用!

五、票掏掏项目之需求分析

需求分析

- 首页

区域选择

影片信息

- 影片

影片信息

- 影院

座位选取

生成订单

订单支付

- 用户系统

用户注册

用户登录

忘记密码

修改信息

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值