pycharm 创建项目,anaconda配置虚拟环境并启用
vue-cli4创建前端项目,集成vant和cube-ui
初始化项目,清理默认数据
前后端配置跨域,集成百度富文本编辑器
前后端配置统一静态环境
设计商品表和分类表并放入测试数据
制作数据库接口,开发前端需要的多维数组数据
测试接口数据,前端展示数据
项目开发重要技巧,先设计后开发,先开发重要模块后开发简单模块
导航的设计
设计点餐页面
完善点餐页面
加入购物车和动画的制作
设计购物车
开发购物车抛出动画
美化购物车
开发购物车展示页
开发过滤器
开发商品详情数据展示页
完善商品详情数据展示页面
开发首页之头部
内网穿透,本机成为公网服务器,互联网都可以访问本机项目
注册微信开发者帐号
注册微信公众号
注册微信商户号
开发(去支付)页面
开发(支付二维码)展示模块
获取腾迅服务器反馈信息(支付结果+订单号+支付金额+支付者微信数据)
制作数据接口,获取支付结果,前端监控是否支付成功而跳转页面
支付成功后,(支付金额,商品数据,支付者微信数据)写入数据库
备份代码的重要性,可以用git和本地备份
内网穿透,本机成为公网服务器
微信公众号的准备
只需3步完成微信扫码登陆
项目接入微信扫码登陆
用户扫码后接收腾迅发给我们之code
用code获取腾迅服务器的access_token
腾迅将扫码者微信数据POST请求发给我们的回调函数
将扫码者微信数据写入数据库保存
用户表的设计和写入扫码者微信数据
总结微信扫码登陆之算法
算法之BUG
扫码登陆之用户+腾迅+前端+后端会话状态保持
state写入数据库
开发数据接口依据state查询扫码登陆者微信数据
前端展示扫码者微信数据
设计4个端口同为80
设置帐号密钥回调地址和IP
微信扫码功能的函数实现
建立数据库
建立URL
测试微信扫码功能
用户扫码后提示用户已登陆前后端获取并展示用户微信数据
生成用户身份证号
身份证号+订单数据+金额数据生成待用
支付二维码闪现,用户扫码,收款成功
生成付款二维码给用户
前端展示付款二维码完成支付,总结几个算法
用户支付成功后,腾迅服务器给我们支付结果
扫码支付的关键分析
设计订单表
设计订单表补充
扫码支付付款前数据写入订单表
支付成功后,把支付状态改为成功
支付成功页面跳转,提示消费者支付成功之算法
实现页面跳转之做订单数据接口支付成功跳转
开发评分模块
评价导航模块开发
利用开关组件
开发评论版块
设计评论数据表并插入测试数据
制作评论表数据接口,递交数据给前端,前端展示
评论内容之展示
评论内容滚动展示
开发评分系统
解决滚动不到最低部和显示不全的BUG
双层嵌套水平滚动的开发
完成商家信息展示页面
开发页面弹出展示组件
完善弹出页面组件
开发商品详情页评价版块
联系老师,实操