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

Django如何与前端连接

时间:2023-03-07 12:57:47 网络应用技术

  简介:今天,首席CTO Note将与您分享Django如何连接到前端连接。如果您可以解决您现在面临的问题,请不要忘记注意此网站。让我们现在开始!

  本文目录清单:

  1.使用PYQT使前端。我想将Django用作服务器。我想问如何构建它?2。django-restful:与前Vue界面3对接3. [django]如何使用django 4中的前端工具链4. django接受前端数据的几种方法。通过HTTP协议(除非有特殊需求,否则您将使用其他或自定义的协议)。

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

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

  类别和vue接口对接

  首先是取出所有类别的所有内容

  由于前端vue显示类别已分类

  第一级,两个级别和三个级别如下

  因此,我们需要取出所有三个内容

  但首先,您需要拿出第一级,然后镶嵌第二级,然后在第三季度插入第二级,就像上面商品中显示的类别的内容一样。

  我们仍然需要编写序列化器

  这是第一个级别的第二级第二级第二级镶嵌第三级 -

  但是这里有一个问题,不要犯错。这三个类别的立场并不是错误的。

  因为第一级正在调用第二级,所以必须先写第二级

  因此,第二级必须处于相同级别的相同级别。

  然后是视图

  在过滤器中添加类别_type = 1,以便您可以直接显示第一个类别,然后对第二个小类别有更分层的感觉。

  同时,我们必须处理单个信息

  因此,我们继承了Mixins.RetRieveModelMixin,这是一个显示详细信息的类

  例如,在动物园中显示某个动物

  /zoos/id

  这样的URL

  同样,我们只能直接配置类别的URL。

  您不需要考虑以后的ID是否需要配置URL。您不需要考虑它,因为我们继承了视图类

  他帮助我们解决了这些问题

  您可以以这种方式看到它来处理我们的后端

  但是,在处理前端对接时,您会发现它无法显示

  因为有一个十字架问题

  这个问题可以单独解决前后的后端,因此请谈谈后端方法

  只需修改服务方

  在GitHub上搜索Django-Cors-neaders以查找此信息

  如何以相同的方式使用它

  安装

  PIP安装django-cors头

  然后在Settins中的intasted_apps配置和设置中的中间件配置

  请注意此处的中间软件配置

  'corsheaders.middleware.corsmiddleware',

  'django.middleware.common.commonmiddleware',

  这两个必须放在

  'django.middleware.csrf.csrfviewmiddleware',,

  否则,这将在此前面有错误

  也配置

  cors_origin_allow_all = true

  允许交叉域访问其默认值是错误的

  这可以正常显示在前端

  为什么发生交叉域访问

  因为在VUE中的API配置中,我们可以修改所有主机。一些在线数据。我们调试本地数据的一部分,因此我们需要重新确定本地主机

  修改一些主机链接

  这导致使用在线主机端口的交叉域本身,但是数据中的某些数据是本地主机端口导致交叉域访问

  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生成的静态文件时,请使用模板上的以下模板语言自动完成静态文件的注入。

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

  特点

  字符形的数据相对容易获得。

  senddata = {“ exportType”:exportType,exportType,

  “ bugids”:bugids,

  “测试”:json.stringify({“ test”:“ test”})

  };

  只需使用exportType = request.get.get.get(“ exportType”)在django的后端

  您可以正常获取此数据。

  注意:Python2.7中的数据由Unicode编码。如果您想使用它,有时您需要转向str

  结果:示例:

  DEBL类型“ Unicode”

  大批

  获取数组类型的数据。如果您使用获得字符串数据的方法,则结果无。我们想使用此方法:

  bugids = request.get.getList(“ bugids []”)

  以这种方式获得的数据是数组类型。

  注意:所获得的数组中的元素是Unicode编码的,并且需要某个点需要该部分

  结果:示例:

  ?通过URL

  [14/JUL/2016 11:00:41]“ get/testtools/exportbug/?exportType = exporttype = explbugids%5b%5d = 102bugids%5D = 101bugids%5D

  ?获得的数据

  [u'102',u'101',u'100',u'99',u'98',u'97',u'96',u'96',u'95',u'94',u'94',u'93',u'92',u'91',u'90',u'89',u'88',u'87'

  典型的

  典型数据可以视为字符串数据。获得相应的字符串后,您可以使用JSON模块将其格式化。

  对于前端,传递字典的典型数据是传递JSON数据,因此使用方法是:

  “测试”:json.stringify({“ test”:“ test”})

  结果:示例:

  {“ test”:“ test”}键入'unicode'

  相关的源代码

  ?获取方法

  GET方法是WSGI中的一种方法。

  def获取(自我):

  #WSGI规格说“ query_string”可能是清晰的。

  raw_query_string = get_bytes_from_wsgi(self.envring,'query_string','')

  返回http.querydict(raw_query_string,encoding = self._encoding)

  最终返回是http.querydict(raw_query_string,encoding = self._encoding)http的原始数据,而QueryDict在MultivalueDics中继承了,因此我们只看了多亚数。

  ?数量化

  实际上,源代码看起来并不困难。

  def get(self,key,default = none):

  ”“”

  返回传递密钥的最后一个数据值。如果键do

  或值是一个空列表,然后默认被拒绝。

  ”“”

  尝试:

  val = self [键]

  除了键:

  返回默认值

  如果值== []:

  返回默认值

  返回阀

  def getList(self,key,default = none):

  ”“”

  返回传递密钥的值列表。如果键不存在,

  然后重新列出默认值。

  ”“”

  尝试:

  返回super(Multivaledict,self).__ getItitItem __(键)

  除了键:

  如果默认为无:

  返回 []

  返回默认值

  def __getItem __(self,key):

  ”“”

  返回该密钥的最后一个数据值,或[]如果是一个空列表;

  如果找不到的话,请提高钥匙扣。

  ”“”

  尝试:

  list_ = super(MultivalueDict,self).__ getItitItem __(键)

  除了键:

  提高MultivaleMedIctKeyError(reter(key))

  尝试:

  返回列表_ [-1]

  除了IndexError:

  返回 []

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