系统python 版本docker 版本
ip 主机名配置centos 7.63.5.2
19.03.5192.168.31.229sh-node12核4G 前后端分离架构
⼀、概述
前后端分离
在前后端分离的应⽤模式中,后端仅返回前端所需的数据,不再渲染HTML 页⾯,不再控制前端的效果。⾄于前端⽤户看到什么效果,从后端请求的数据如何加载到前端中,都由前端⾃⼰决定,⽹页有⽹页的处理⽅式,App 有App 的处理⽅式,但⽆论哪种前端,所需的数据基本相同,后端仅需开发⼀套逻辑对外提供数据即可。
在前后端分离的应⽤模式中 ,前端与后端的耦合度相对较低。
在前后端分离的应⽤模式中,我们通常将后端开发的每个视图都称为⼀个接⼝,或者API ,前端通过访问接⼝来对数据进⾏增删改查。
对应的数据交互如下图
:
⼆、演⽰1.0
⼀般来说,在企业中,使⽤Vue+Java Spring Cloud 微服务架构,来做前后端分离。
为了⽅便,这⾥使⽤2个django 项⽬,⼀个是前端demo-login ,⼀个是后端demo-api 。
github 地址如下:网页app
环境说明:
1.0是直接使⽤python 启动项⽬的
使⽤1.0⽬录⾥⾯的⽂件,确保本机已经安装了python3,本⽂使⽤的版本为Python 3.5.2。
前端
git clone github/py3study/django-login-example.git
cd django-login -example/1.0/demo_login
pip3 install  -
python3 manage.py runserver 0.0.0.0:8000
api
cd django-login -example/1.0/demo_api
pip3 install  -
python3 manage.py runserver 0.0.0.0:8001
系统python 版本docker 版本
ip 主机名配置centos 7.63.5.2
19.03.5192.168.31.229sh-node12核4G nginx 配置
安装nginx ,复制配置⽂件,并启动nginx
yum  install  -y nginx
cp  django-login -example/1.0/nginx_conf /* /etc/nginx/conf.d
# 启动nginx
nginx
访问登录页⾯
配置域名解析,如果没有dns ,请修改windows10的hosts ⽂件,添加2条记录192.168.31.229 h5.baidu
192.168.31.229 api.baidu
⽤户名:xiao
密码:
1234
跳转⾸页
三、演⽰2.0
环境说明:
使⽤docker 运⾏
django 基础镜像
cd django-login -example/2.0/django_dockerfile
docker build -t django:2.2.4 .
前端
这⾥⾯的demo_ 是1.0中django 项⽬进⾏了压缩打包。cd django-login -example/2.0/login_dockerfile
docker build -t demo_login:v1 .
docker run -it -p 8000:8000 demo_login:v1
api
这⾥⾯的demo_ 是1.0中django 项⽬进⾏了压缩打包。
cd django-login-example/2.0/api_dockerfile docker build -t demo_api:v1 .
docker run -it -p 8001:8001 demo_api:v1
配置nginx
⽆需改动,使⽤1.0配置即可。
访问页⾯
同上,效果是⼀模⼀样的
本⽂参考链接:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。