07-Flask之前后端分离

一、后台服务器开发

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

- 数据库 建模
- 数据导入
- 封装控制器
- 封装业务逻辑
- 返回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浏览器中安装插件，在线使用！

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

• 需求分析

- 首页
    区域选择
    影片信息
    
- 影片
    影片信息
    
- 影院
    座位选取
    生成订单
    订单支付
    
- 用户系统
    用户注册
    用户登录
    忘记密码
    修改信息

淘票票: https://dianying.taobao.com/