【Django开发】前后端分离美多商城项目第1篇：美多商城【附代码文档】
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211200008-619529003.png美多商城项目4.0文档完整教程（附代码资料）主要内容讲述：美多商城，项目准备，贸易模式先容，开发流程，需求分析，项目架构，创建工程，1. 在git平台创建工程1.B2B--企业对企业,2.C2C--个人对个人,3.B2C--企业对个人,4.C2B--个人对企业,5.O2O--线上到线下,6.F2C--工厂到个人,7.B2B2C--企业--企业--个人,1. 用户部门,2. 商品部门,3. 购物车部门,4. 订单部门,5. 支付部门,2. 添加前端文件,3. 创建Django REST framework工程,4. 修改manage.py,5. 创建数据库。项目准备，配置，用户部门，用户模子类，注册1. 修改settings/dev.py 文件中的路径信息,2. INSTALLED_APPS,3. 数据库,4. Redis,5. 当地化语言与时区,6. 日志,7. 非常处理,设计接口的思绪。用户部门，图片验证码，短信验证码，跨域CORS。用户部门，使用Celery完成发送短信，判断帐号是否存在，注册1. 判断用户名是否存在,2. 判断手机号是否存在：。用户部门，JWT，什么是JWT，Django REST framework JWT起源,基于token的鉴权机制,JWT长什么样？,JWT的构成,总结,安装配置,使用。用户部门，登录，登录，返回登录网址的视图创建模子类,urllib使用说明。登录，登录回调处理创建模子类,urllib使用说明。登录，绑定用户身份接口，用户中心个人信息，邮件与验证，使用Django发送邮件创建模子类,urllib使用说明。邮件与验证，保存邮箱并发送验证邮件，验证邮箱链接，收货地址。收货地址，省市区地址查询。收货地址，使用缓存，用户地址管理，用户地址管理代码，商品部门。商品部门，数据库表设计，FastDFS分布式文件系统，Docker使用表结构,数据库模子类,1. 什么是FastDFS,2. 文件上传流程,3. 简易FastDFS构建。Docker使用，Docker简介1. 假造化,2. 什么是Docer,3. Docker组件,4 使用Docker做什么。Docker使用，安装与操作，使用Docker安装FastDFS1. 在Ubuntu中安装Docker,2. 启动与停止,3. Docker镜像操作,4. Docker 容器操作,5. 将容器保存为镜像,6. 镜像备份与迁移,1. 获取镜像,2. 运行tracker,3. 运行storage。商品部门，FastDFS客户端与自界说文件存储系统，CKEditor富文本编辑器，添加测试数据1. FastDFS的Python客户端,2. 自界说Django文件存储系统,3. 在Django配置中设置自界说文件存储类,4. 添加image域名。商品部门，页面静态化，定时任务，静态化首页的手动脚本。商品部门，商品详情页。商品部门，用户欣赏历史记录1. 保存,2. 查看。商品部门，商品列表页获取商品列表数据。商品部门，商品搜索。购物车部门，购物车数据存储设计，添加到购物车1. Redis保存已登任命户,2. Cookie保存未登任命户。购物车部门，查询购物车数据，修改购物车数据，删除购物车数据，购物车全选。购物车部门，登录合并购物车，订单部门，订单数据库设计，订单结算。订单部门，保存订单，下单成功页面。支付，接入，发起支付，保存支付结果。Xadmin，用户权限控制，数据库读写分离1. 安装,2. 使用。数据库读写分离，MySQL主从同步，配置Django实现数据库读写分离，部署1. 主从同步的界说,2. 主从同步的机制,3. 配置主从同步的基本步骤,4. 具体配置主从同步的方法。。meiduo_mallBuild Setup。
全套笔记资料代码移步： 前往gitee仓库查看
感兴趣的小伙伴可以自取哦，接待各人点赞转发~
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211200379-684837090.png
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211200643-1305010699.png
美多商城
可访问[美多商城www.meiduo.site](
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211201471-830108305.png
推荐收藏的两个Redis指令参考链接
[*]Redis原生指令参考 [
[*]Redis python客户端 方法参考 [
项目准备
贸易模式先容
目的：知道美多商城项目属于B2C贸易模式
1.B2B--企业对企业
[*]B2B (Business to Business)是指进行电子商务买卖业务的供需双方都是商家(或企业、公司)，她(他)们使用了互联网的技能或各种商务网络平台，完成商务买卖业务的过程。电子商务是现代 B2B marketing 的一种具体主要的表现形式。
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211201929-2032367908.png
[*]案例：阿里巴巴、慧聪网
2.C2C--个人对个人
[*]C2C 即 Customer to Customer，意思就是消耗者个人间的电子商务行为。比如一个消耗者有一台电脑，通过网络进行买卖业务，把它出售给另外一个消耗者，此种买卖业务类型就称为 C2C 电子商务。```
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211202161-444768394.png
[*]案例：淘宝、易趣、瓜子二手车
3.B2C--企业对个人
[*]B2C 是 Business to Customer 的缩写，而其中文简称为“商对客”。“商对客”是电子商务 的一种模式，也就是通常说的直接面向消耗者销售产品和服务贸易零售模式。这种形式的电子商务一样平常以网络零售业为主，主要借助于互联网开展在线销售活动。B2C 即企业通过互 联网为消耗者提供一个新型的购物环境——网上市肆，消耗者通过网络在网上购物、网上支付等消耗行为。
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211202331-1925056797.png
[*]案例：唯品会、乐蜂网
4.C2B--个人对企业
[*]C2B(Consumer to Business，即消耗者到企业)，是互联网经济期间新的贸易模式。这一模式改变了原有生产者(企业和机构)和消耗者的关系，是一种消耗者贡献价值(Create Value)，企业和机构消耗价值(Consume Value)。C2B 模式和我们熟知的供需模式(DSM, Demand Supply Model)恰恰相反，真正的 C2B 应该先有消耗者需求产生而后有企业生产，即先有消耗者提出需求，后有生产企业按 需求组织生产。通常情况为消耗者根据自身需求定制产品和价格，或主动参与产品设计、生产和定价，产品、价格等彰显消耗者的个性化需求，生产企业进行定制化生产。
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211202541-939736769.png
[*]案例：海尔商城、 尚品宅配
5.O2O--线上到线下
[*]O2O 即 Online To Offline(在线离线/线上到线下)，是指将线下的商务机会与互联网结合，让互联网成为线下买卖业务的平台，这个概念最早来源于美国。O2O 的概念非常广泛，既可涉及到线上，又可涉及到线下，可以通称为 O2O。主流贸易管理课程均对 O2O 这种新型的贸易模式有所先容及关注。```
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211202746-30064873.png
[*]案例：美团、饿了吗
6.F2C--工厂到个人
[*]F2C 指的是 Factory to customer，即从厂商到消耗者的电子商务模式
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211202958-515738532.png
[*]案例：戴尔
7.B2B2C--企业--企业--个人
[*]B2B2C 是一种电子商务类型的网络购物贸易模式，B 是 BUSINESS 的简称，C 是 CUSTOMER 的简称，第一个 B 指的是商品或服务的供应商，第二个 B 指的是从事电子商务的企业，C 则是表现消耗者。第一个 BUSINESS，并不仅仅范围于品牌供应商、影视制作公司和图书出版商，任何的商品供应商或服务供应商都能可以成为第一个 BUSINESS；第二 B 是 B2B2C 模式的电子商务企业，通过统一的经营管理对商品和服务、消耗者终端同时进行整合，是广大供应商和消耗 者之间的桥梁，为供应商和消耗者提供优质的服务，是互联网电子商务服务供应商。C 表现 消耗者，在第二个 B 构建的统一电子商务平台购物的消耗者。B2B2C 的来源于目前的 B2B、B2C 模式的演变和完善，把 B2C 和 C2C 完美地结合起来，通过 B2B2C 模式的电子商务企业构建自己的物流供应链系统，提供统一的服务。
[*]案例：京东商城、天猫商城
开发流程
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211203143-1341447348.png
说明：
1. 架构设计
[*]分析大概用到的技能点
[*]前后端是否分离
[*]前端使用哪些框架
[*]后端使用哪些框架
[*]选择什么数据库
[*]如何实现缓存
[*]是否搭建分布式服务
[*]如何管理源代码
2. 数据库设计
[*]数据库表的设计至关紧张
[*]根据项目需求，设计合适的数据库表
[*]数据库表在前期如果设计不合理，后期随需求增长会变得难以维护
3. 集成测试
[*]在测试阶段要留意测试反馈平台的bug报告
需求分析
在需求分析阶段，我们可以借助产品原型图来分析。分析完后，前端按照产品原型图开发前端页面，后端开发响应业务处理。
我们如今可以假借示例网站作为原型图来分析需求。
1. 用户部门
注册
[*]图片验证码
[*]短信验证码
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211203413-503399955.png
登录
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211204019-556976456.png
第三方登录（登录）
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211204019-556976456.png
个人信息
[*]邮箱填写与验证
[*]欣赏历史记录
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211205286-59498571.png
地址管理
[*]省市区地址信息加载
[*]新增修改删除地址
[*]设置默认地址
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211205639-481781204.png
修改暗码
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211205993-2121459836.png
2. 商品部门
首页
[*]商品分类
[*]广告控制
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211206833-390282935.png
商品列表
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211207560-140577683.png
商品详情
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211208181-689017482.png
商品搜索
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211208756-1943942952.png
3. 购物车部门
购物车管理
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211209184-392359783.png
4. 订单部门
提交订单
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211209556-423695025.png
我的订单
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211210014-452415929.png
订单评价
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211210361-2058710915.png
5. 支付部门
支付
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211210706-1548093160.png
项目架构
[*]项目采用前后端分离的应用模式
[*]前端使用Vue.js
[*]后端使用Django REST framework
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211210943-434576016.png
创建工程
本项目使用git管理项目代码，代码库放在gitee码云平台。（注意，公司中通常放在gitlab私有服务器中）
1. 在git平台创建工程
1） 创建私有项目库
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211211327-1511522096.png
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211211724-1618068373.png
2）克隆项目到当地
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211212193-1613305858.png
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211212830-952457689.png
3）创建并切换分支到dev
git checkout -b dev2. 添加前端文件
在meiduo目录中创建前端文件子目录front_end_pc
将前端静态附件复制到front_end_pc目录下
git提交
git add front_end_pc
git status
git commit -m 'add front end files'推送到远端
git push origin dev:dev合并
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211213034-1016975777.png
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211213293-856933412.png
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211213549-934251227.png
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211213746-1128657969.png
前端文件开发预览
可以使用前端node.js 提供的服务器live-server作为前端开发服务器使用。
安装node.js的版本控制工具nvm，在终端中实验
curl -o-| bash重新进入终端，使用nvm安装最新版本的node.js
nvm install nodehttps://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211214004-179662099.png
安装live-server
npm install -g live-serverhttps://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211214378-2074338274.png
使用
# 在静态文件目录front_end_pc下执行
live-serverlive-server运行在8080端口下，可以通过127.0.0.1:8080来访问静态页面。
3. 创建Django REST framework工程
参考框架阶段学习的知识，创建假造环境，并创建Django REST framework工程。
工程目录调整如下：
https://img2024.cnblogs.com/other/3367718/202403/3367718-20240313211214652-1316253517.png
[*]apps 存放Django的应用
[*]libs 存放第三方的库文件
[*]settings 存放配置文件的目录，分为开发dev和线上prod
[*]utils 存放项目自己界说的公共函数或类等
[*]docs 用于存放一些说明文档资料
[*]scripts 用于存放管理脚本文件
4. 修改manage.py
修改manage.py，使用settings中的dev配置
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "meiduo_mall.settings.dev")5. 创建数据库
create database meiduo_mall default charset=utf8;为本项目创建数据库用户（不再使用root账户）
create user meiduo identified by 'meiduo';
grant all on meiduo_mall.* to 'meiduo'@'%';
flush privileges;说明：
[*]第一句：创建用户账号 meiduo, 暗码 meiduo (由identified by 指明)
[*]第二句：授权meiduo_mall数据库下的全部表（meiduo_mall.*）的全部权限（all）给用户meiduo在以任何ip访问数据库的时候（'meiduo'@'%'）
[*]第三句：革新生效用户权限
未完待续， 同学们请等候下一期
全套笔记资料代码移步： 前往gitee仓库查看
感兴趣的小伙伴可以自取哦，接待各人点赞转发~
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]