当前位置: 首页 > 网络应用技术

如何将前端模板集成到Django项目中(2023年最新共享)

时间:2023-03-07 21:22:54 网络应用技术

  简介:今天,首席CTO注释要与您分享如何将前端模板集成到Django项目的相关内容。如果您可以解决您现在面临的问题,请不要忘记注意此网站。让我们现在开始!

  Django的最大缺点是其后端 - 端式工具链。Django不受几乎必要的袋装管理人员(例如NPM,YARN)的前端开发和工程链的必要WebPack工具链的支持。PIP可以使用后端软件包管理,并且前端袋只能手动管理。因此,在我最近的工程项目中,Django提供的前端模块仅被用作API服务器。确实是可惜的,因为Django的模板引擎也具有一些简单的功能,因此放弃确实有点不愿。因此,可以将两者的优势结合在一起吗?

  经过一番探索,对互联网的最可靠答案是使用django-webpack-loader和webpack-bundle-tracker。原则是WebPack-bundle-tracker可以输出webpack.django-webpack-loader的编译过程和结果。插件是Django和WebPack之间的桥梁。使用上述汇编结果,WebPack之后的静态文件自动加载。

  当您需要使用WebPack生成的静态文件时,请使用模板上的以下模板语言自动完成静态文件的注入。

  只需尝试一下,您应该能够实现我想要的效果,并有时间明天学习。

  在此项目中,将Django用作背景框架,并使用Metronic作为前模板。

  如何使Django返回的视图可以正确显示Metronic模板的效果。

  在解决问题之前,在Django可以找到模板文件后,通过浏览器访问相应的网页,效果就是这样。

  正常网页效应如下图所示:

  有两种方法,例如添加模板文件。

  变成

  进行上述修改后,Django可以正确显示模板文件的效果?

  通常,客户端(即您说的前段)和服务器(您将使用Django)通过HTTP协议(除非有特殊需求,否则您将使用其他或自定义的协议)。

  在客户端(PYQT)中,您可以安装请求库,该请求库可以帮助您将HTTP请求发送到服务器,

  在Django中,您可以使用Django Rest Framework Web链接来处理客户端的HTTP请求。

  以VUE框架为例,在nginx.conf中以端口80或443处的服务器服务器的路由配置设置设置为:

  位置 ^?/api {#url,例如/pi/v1.0/user/info等

  包括/etc/nginx/uwsgi_params;

  UWSGI_PASS 127.0.0.1:8077;

  包括/etc/nginx/mime.types;

  }

  位置 ^? /static {#Back -end Resource文件夹是静态的,而后端项目软件包中静态文件的前端请求

  root/root/backd_project/static/;

  }

  位置 ^? /admin {#Django的背景管理页面已通过UWSGI传输到Django处理

  包括/etc/nginx/uwsgi_params;

  UWSGI_PASS 127.0.0.1:8077;

  包括/etc/nginx/mime.types;

  }

  位置 ^? /Assets {#前端资源文件夹是资产,前端请求前项目包中的静态文件

  root/root/front_end_project/dist;

  }

  位置 / {#代表索引的其他路径。

  root /root /front_end_project;

  try_files $ uri /index.html;

  }

  结论:以上是首席CTO注释为每个人编制的前端模板的相关内容的相关内容答案。希望它对您有所帮助!如果您解决了问题,请与更多关心此问题的朋友分享?