文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

前后端分离架构

2023-01-31 08:26

关注

前后端分离

在前后端分离的应用模式中,后端仅返回前端所需的数据,不再渲染HTML页面,不再控制前端的效果。至于前端用户看到什么效果,从后端请求的数据如何加载到前端中,都由前端自己决定,网页有网页的处理方式,App有App的处理方式,但无论哪种前端,所需的数据基本相同,后端仅需开发一套逻辑对外提供数据即可。

在前后端分离的应用模式中 ,前端与后端的耦合度相对较低。

在前后端分离的应用模式中,我们通常将后端开发的每个视图都称为一个接口,或者API,前端通过访问接口来对数据进行增删改查。

对应的数据交互如下图 :

1.png

一般来说,在企业中,使用Vue+Java Spring Cloud微服务架构,来做前后端分离。

为了方便,这里使用2个django项目,一个是前端demo-login,一个是后端demo-api。

github地址如下:

https://github.com/py3study/django-login-example.git

 

环境说明:

系统python版本docker版本ip主机名配置
centos 7.63.5.219.03.5192.168.31.229sh-node12核4G

 

 

 

1.0是直接使用python启动项目的

使用1.0目录里面的文件,确保本机已经安装了python3,本文使用的版本为Python 3.5.2。

前端

git clone https://github.com/py3study/django-login-example.git
cd django-login-example/1.0/demo_login
pip3 install -r requirements.txt
python3 manage.py runserver 0.0.0.0:8000

api

cd django-login-example/1.0/demo_api
pip3 install -r requirements.txt
python3 manage.py runserver 0.0.0.0:8001

 

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.com
192.168.31.229 api.baidu.com

 

用户名:xiao

密码:1234

1.png

 

 跳转首页

1.png

 

环境说明:

系统python版本docker版本ip主机名配置
centos 7.63.5.219.03.5192.168.31.229sh-node12核4G

 

 

 

使用docker运行

django基础镜像

cd django-login-example/2.0/django_dockerfile
docker build -t django:2.2.4 .

 

前端

这里面的demo_login.tar.gz是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_api.tar.gz是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配置即可。

 

 访问页面

 同上,效果是一模一样的

 

 

 

本文参考链接:

https://www.cnblogs.com/skaarl/p/9658114.html


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯