对于IT从业者,仅仅关注编码技术是远远不够的,我们的小目标至少是一个产品经理。从客户交流、需求调研分析、高阶设计、详细设计、部署维护都要有所涉猎,这样才能从多个角度审视自己开发的产品是不是真正有用。我们不是码农,而是一个工程商人。
前后端不分家,了解彼此的技术,才能更好的合作。
基于过去十几年的大厂经验,针对电商网站这样一个小产品,我们还是抱着麻雀虽小,五脏俱全的态度,逐步结构一个产品从无到有的全部过程。
初步计划的专栏结构如下:
第1章 概述
1.1 为什么需要前后端分离的架构
1.1.1 前后端不分离
1.1.2 前后端分离
1.2 前端技术选型
1.2.1 Bootstrap
1.2.2 Angular
1.2.3 React
1.2.4 Vue
1.3 后端技术选型
1.3.1 Django
1.3.2 Flask
1.3.3 Tornado
1.4 小结
第2章 前端开发
2.1 VUE开发环境部署
2.1.1 安装nodejs
2.1.2 安装vue脚手架
2.1.3 安装ElementUI
2.2 创建Helloworld项目
2.3 电商需求收集和分析
2.4 概要设计
2.5 页面设计
2.5.1 网页框架
2.5.2 首页
2.5.3 所有商品页
2.5.4 商品详情页
2.5.5 注册/登录页
2.5.6 个人中心页
2.5.7 询单查询/追加页
2.6 数据结构设计
2.6.1 用户信息表
2.6.2 商品信息表
2.6.3 订单信息
2.6.4 购物车信息
2.6.5 收藏夹信息
2.6.6 询单信息
2.7 代码编写
2.7.1 页面框架
2.7.2 网站首页
2.7.3 商品集市页
2.7.4 路由设置
2.7.5 插件和混用(mixin)
2.7.6 简单的State管理
2.7.7 引入axios实现异步数据请求
2.7.8 复杂的State管理VUEX
2.7.9 在组件中操作Store对象
2.8 国际化
2.8.1 注册组件
2.8.2 制作独立组件
2.9 小结
第3章 后端开发
3.1 安装Django和MySQL
3.2 创建Hello World项目
3.2.1 创建项目
3.2.2 创建APP
3.2.3 启动项目
3.3 账号密码登录
3.4 加密用户数据
3.5 安装redis
3.6 手机登录
3.7 手机注册
3.8 邮箱注册
3.9 忘记密码
3.10 使用admin后台管理
3.11 个人中心
3.12 网站首页
3.13 商品详情页面
3.14 上传轮播图片
3.15 维护商品详情图文内容
3.16 所有商品
3.17 分页请求商品数据
3.18 CSRF防护
3.19 小结
第4章 部署上线
4.1 购买云服务器
4.2 部署前端项目
4.3 部署后端项目
4.4 项目上线
4.5 功能变更和扩展