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

【07-Flask之前后端分离】google浏览器中安装插件,在线使用!
五、票掏掏项目之需求分析
  • 需求分析
- 首页 区域选择 影片信息- 影片 影片信息- 影院 座位选取 生成订单 订单支付- 用户系统 用户注册 用户登录 忘记密码 修改信息

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

    推荐阅读