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

如何在Django背景文章的前端更好地显示(Django编写前端)

时间:2023-03-08 21:14:23 网络应用技术

  如今,首席CTO Note将与您分享如何更好地显示前端的Django背景文章。其中,Django将对前端详细介绍。如果您可以解决您现在面临的问题,请不要忘记注意此网站,让我们立即开始吧!

  本文目录清单:

  1.如何显示在首页上的背景中获得的数据。2。django-restful:您是否不显示前端vue接口与前vue接口上传的前台?如何解决路径问题?1。使用AJAX从背景中获取数据:2。一般而言,背景中返回的数据是字符串(以及JSON的字符串和数组的组合)。代码写在页面上!

  类别和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配置中,我们可以修改所有主机。一些在线数据。我们调试本地数据的一部分,因此我们需要重新确定本地主机

  修改一些主机链接

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

  需要在URL中配置它

  urlpatterns =模式('',,

  #第一个参数是显示图片的URL

  #Django的静态模块

  #第三文件的实际路径

  url(r'^static/(?ppath。*)','django.views.static.serve',{'document_root':'d:/wwwsite/office/office/static'})

  治愈

  然后在相应的HTML文件中

  img src =“/static/images/psb.jpg”

  应该没事的

  似乎有一个问题。

  将图片文件(例如JPG)放在应用程序名称文件夹下方的静态文件夹下(前提是您的CSS,JS和其他文件可以正常访问)。

  那么您可以这样访问它

  一点,您需要出去,回来处理...

  结论:以上是首席CTO的全部内容,指出了Django的背景文章如何显示在前端。感谢您阅读ContentHow,以更好地找到在Django背景文章前端显示的相关内容。