前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

时间:2023-02-24 22:04:00

引言,本项目是前后端分离的,前端用Vue2 后端用Django,后台管理部分是通过simpleUI完成的项目,项目名称为路飞,是商城类(知识付费项目)。本篇文章主要讨论一个前后端分离的项目第一步怎么做?如何创建前端项目?如何创建后端项目?虚拟环境如何创建?还顺便分析了实际工作过程中的具体工作流程。

1.公司新项目工作流程

前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

2.公司老项目工作流程

前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

3.后端程序员工作职责

前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

二、路飞项目需求分析

项目的需求分析提供思维导图的方式展示了,因为这样内容一目了然
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

三、pip换源及虚拟环境

1.pip换源

我们Python的强大之处就是有非常多的牛逼的第三方模块,后面的程序员只需要下载第三方模块,然后站在大佬们的肩膀上开发,第三方开发者,开发了第三方模块,把模块打包传到了pypi上根据名字,把这个打包好的模块下载下来了在公司中出现的情如果不能上外网 xx.whl 文件提交下好,再安装----》pip install 路径/xx.whl已经有项目,模块装完了,想把这个项目所有的模块导出---》导入到别的项目、如果可以顺利上外网下载会很慢,因为在国外国内有些镜像站建议用阿里云网址:https://mirrors.aliyun.com/pypi/simple。
因此,我们把自己的电脑可以配置成默认从阿里云下载的状态,以下是具体操作流程。

第一步:文件管理器文件路径地址栏敲>>>:%APPDATA%
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第二步:然后敲回车快速进入>>> C:\Users\电脑用户\AppData\Roaming 文件夹中
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第三步:新建 pip 文件夹
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第四步:在pip文件夹中新建 pip.ini 配置文件
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第五步:新增 pip.ini 配置文件内容

[global]
index-url = https://mirrors.aliyun.com/pypi/simple
[install]
use-mirrors =true
mirrors =https://mirrors.aliyun.com/pypi/simple
trusted-host =mirrors.aliyun.com

前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
展示使用方法:配置本地镜像站为阿里云,以后只要pip install 就是去阿里云下载
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

2.虚拟环境

一般情况一台机器上只能安装一个应用程序,但python可以安装很多遍,并可以安装在任意位置。在安装插件的时候,需要选择是给哪套程序安装插件。python使用这种方法不仅实现了第三方插件的相互隔离, 也实现了在同一台机器上配出多个各具特色的python环境。这样就各种项目的运行环境分离开了,就不用担心项目之间版本冲突而运行不了的问题,每个项目都有其独立的虚拟环境。那么接下来我们详细的演示以下创建虚拟环境的步骤

第一步:先在cmd中下载以下两个模块

pip3 install virtualenv    # 虚拟环境是它
pip3 install virtualenvwrapper-win # 对虚拟环境的加强,以后只需要简单的命令就可以使用和创建虚拟环境

前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第二步:在环境变量中新建:WORKON_HOME: D:\Virtualenvs
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第三步:在D盘根目录新建Virtualenvs文件夹
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第四步:去向Python3的安装目录 > Scripts文件夹 > virtualenvwrapper.bat > 双击
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第五步:在cmd里面输入以下命令

mkvirtualenv -p python3 luffy

以后在cmd窗口直接敲以上的命令就可以命令行创建自己的虚拟环境

四、创建前后端的项目

1.创建前端项目

创建luffy项目前端部分非常简洁,全部步骤总结到一张截图中了
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

2.创建后端项目

第一步:把虚拟环境添加添加的解析器目录里面
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
第二步:用已经创建的虚拟环境创建luffy项目后端
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
创建好的luffy后端项目展示
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

五、后端目录调整后出现的问题解决方案

首先确保新创建的项目能够正常运行
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
项目目录调整成这个样子
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

调整完之后项目运行不了了,会报错的 原因是项目一运行就首先加载settings.py文件,但是我们改目录结构的过程中把配置文件改动了
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
接下来咱就把问题解决了
项目开发阶段改以下配置
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
项目上线阶段改以下配置
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题
然后在terminal输入以下命令就可以运行

python manage.py runserver

tips:
如果命令能运行,但是上面的运行按钮依然报错的话,咱们把原有的删掉,之后再重新添加即可

自动创建APP的详细步骤
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题

cd luffy_api
cd apps
python ../../manage.py startapp home

创建完APP之后需要注册,如果想直接写APP名字的方式的话需要配置一下的,详情看下面
在dev.py配置文件里面配置如下代码就可以解决只注册APP名和相对导入的问题

from pathlib import Path
import os
import sys

# 我们就是要让小路飞路径作为项目根路径
BASE_DIR = Path(__file__).resolve().parent.parent  # 项目根路径, 小路飞luffy_api路径 D:\pythonProject03\luffy_api\luffy_api
# print(BASE_DIR)
# 把 apps 路径加入到环境变量
sys.path.insert(0, os.path.join(BASE_DIR, 'apps'))
# 把BASE_DIR也加入到环境变量,以后直接从小路飞开始导起即可
sys.path.insert(0, BASE_DIR)

# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent

最后下面的配置只要解决pycharm编辑器写代码明明写对但是爆红的问题
前后端分离项目创建项目详细过程项、目需求分析、pip换源、创建虚环境、后端目录调整以及解决问题