django怎么用前端框架(2023年最新分享)

牛大拿 • 2023-09-24 10:03 • 生活指南 • 阅读 84

导读：今天首席CTO笔记来给各位分享关于django怎么用前端框架的相关内容，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

用pyqt做好了前端，想用django做服务器，想问一下大概怎么搭建呢？

一般客户端（也就是你说的前段）跟服务器端（你准备使用Django）都是通过 HTTP 协议交换信息的（除非有特别的需求，才会使用别的或者定制协议）。

在客户端（PyQT）中,你可以安装 Requests 库，它可以帮助你发送 HTTP 请求给服务器端，

在 Django 中你可以使用 Django REST Framework 网页链接处理客户端的HTTP请求。

模块化后的前端怎么部署django nginx

以vue框架为例，在nginx.conf中监听80或443端口的server的路由配置设置为：

location ^~ /api { # url如/api/v1.0/user/info等，通过uwsgi转发到django后端项目中处理

include /etc/nginx/uwsgi_params;

uwsgi_pass 127.0.0.1:8077;

include /etc/nginx/mime.types;

}

location ^~ /static { # 后端的资源文件夹为static，前端请求后端项目包内的静态文件

root /root/backend_end_project/static/;

}

location ^~ /admin { # django的后台管理页面通过uwsgi转交给django处理

include /etc/nginx/uwsgi_params;

uwsgi_pass 127.0.0.1:8077;

include /etc/nginx/mime.types;

}

location ^~ /assets { # 前端的资源文件夹为assets，前端请求前端项目包内的静态文件

root /root/front_end_project/dist;

}

location / { # 表示其它路径都交给前端项目根目录下的index.html处理

root /root/front_end_project;

try_files $uri /index.html;

}

[Django] 如何在Django中使用前端工具链

Django最大的不足在于其落后的前端工具链。现在前端开发几乎必备的包管理器（例如npm,yarn）以及工程化必备的webpack工具链，Django却不支持。Django开发的工作流中，后端的包管理可以用pip，而前端的包只能手动管理。所以，我最近的工程项目中，已不再使用Django提供的前端模块，仅仅把它当作API服务器。这的确很遗憾，因为Django的template引擎也有一些易用的特性，如此抛弃，真的有点不舍。那么有没有可能结合二者的优点呢？

经过一番探索，网上给出最靠谱的答案就是利用 django-webpack-loader 和 webpack-bundle-tracker 这两个插件。其原理是 webpack-bundle-tracker 能够输出webpack的编译过程以及结果。 django-webpack-loader 插件则是Django和webpack之间的桥梁，利用上面的编译结果，自动加载webpack打包后的静态文件。

需要用webpack生成的静态文件时，就在template上面使用下面一段模板语言，能够自动完成静态文件的注入。

简单的试了试，应该能够达到我想要的效果，明天有时间再研究。