django配什么前端？

django选择什么框架做前端UI比较好

1、flex

Apache基金会今天发布了Flex4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。

需要注意的是，Flex目前还在孵化阶段，还不是Apache的正式项目，Flex4.8也不是一个正式的Apache版本。

Apache称，该版本标志着Flex新时代的开始，Flex的未来将由社区来驱动，而不是由一个公司驱动。开发者可以通过贡献代码，来帮助改进Flex，如修复bug、增加功能等。

从Macromedia卖给Adobe，然后又捐给apache，不知道搞什么名堂。不过还好没有经过大幅重构，否则就真的是悲哀了！

2、extjs

ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。

功能丰富，无人能出其右。

无论是界面之美，还是功能之强，ext的表格控件都高居榜首。

华丽的界面，灵活的功能，还有开发工具都是配套的，但有个最大的问题，用就得花钱！

3、easyui

easyui帮助你构建你的web应用更加容易。

它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。

官方网站是：

但是她有一个最大的问题就是代码只能找到以前的开源的版本，到了1.2以后的版本源代码都是经过混淆的，如果遇到问题修改起来会非常麻烦！不过一个比较大的优势是开源免费，并且界面做的还说的过去！

4、MiniUI

又一个基于jquery的框架，开发的界面功能都很丰富。

jQueryMiniUI-快速开发WebUI。

它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。

使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。

界面做的挺不错，功能也挺丰富，但是有两个比较大的问题，一个是收费，一个是没有源码，说白了，不开源！基于这个开发如果想对功能做扩展就需要找他们的团队进行升级！

5、jQueryUI

jQueryUI是一套jQuery的页面UI插件，包含很多种常用的页面空间，例如Tabs（如本站首页右上角部分）、拉帘效果（本站首页左上角）、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。

功能非常全面，界面也挺漂亮的，可以整体使用，也可以分开使用其中的几个模块，免费开源！

6、DWZ

DWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.

设计目标是简单实用,快速开发,降低ajax开发成本。

欢迎大家提出建议，我们将在下一版本中进一步调整和完善功能．共同推进国内整体ajax开发水平。

毕竟是国产的，支持一下，而且源码完全公开，可以选择一下！不过性能怎么样不敢确定！

7、GWT

Google网页工具包——GWT提供了一组基于Java语言的开发包，这个开发包的设计参考JavaAWT包设计，类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉JavaAWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程中。

你不用去了解这样那样的javascript框架，通过java你就可以写出功能丰富的界面，可以做单元测试，毕竟是google的产品，严重支持一下！

8、YUI

Yahoo!UILibrary(YUI)是一个开放源代码的JavaScript函数库，为了能建立一个高互动的网页，它采用了AJAX,DHTML和DOM等程式码技术。它也包含了许多CSS资源。使用授权为BSD许可证，基本上没怎么研究过！

YUICompressor倒是挺出名的，这套UI库不知道应用的情况怎么样！

9、Sencha

Sencha是由ExtJS、jQTouch以及Raphael三个项目合并而成的一个新项目。

大公司的框架，并且是几样库的强强联合，值得推荐！

10、Dojo

在国内应用好像不是很广，不过性能上应该没问题。

Dojo是一个用javascript语言实现的开源DHTML工具包。

有多个基金会的支持，包括IBM和SUN，都是软件界的泰斗，值得信赖！

11、ZK

ZK是一套以AJAX/XUL/Java为基础的网页应用程式开发框架，用于丰富网页应用程式的使用接口。最大的好处是，在设计AJAX网络应用程式时，轻松简便的操作就像设计桌面程式一样。ZK包含了一个以AJAX为基础、事件驱动（event-driven）、高互动性的引擎，同时还提供了多样丰富、可重复使用的XUL与HTML组件，以及以XML为基础的使用接口设计语言ZKUser-interfacesMarkupLanguage(ZUML)。

在线的demo

设计器的demo

日历组件

功能丰富，全面，文档齐全，而且升级了很多次，非常值得推荐！

12、OperaMasks-UI

OperaMasks-UI是OperaMasks团队2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端JavaScriptUI组件库。目前，该团队已将这一产品以LGPL开源协议开放给社区。

文档丰富，功能齐全，而且很容易使用和开发！而且是国产的哟！

13、JavaFX

Sun公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用JavaFX编程语言开发富互联网应用程序(RIA)。JavaFXScript编程语言（以下称为JavaFX）是Sun微系统公司开发的一种declarative,staticallytyped(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景，包括可以直接调用JavaAPI的能力。因为JavaFXScript是静态类型，它同样具有结构化代码、重用性和封装性，如包、类、继承和单独编译和发布单元，这些特性使得使用Java技术创建和管理大型程序变为可能。

category与vue接口对接

首先是需要把所有的category的内容取出来

由于前端vue展示category是分级的

一级二级三级这样展示的

所以我们需要把三个内容都拿出来

但是首先需要取出第一级然后第一级镶嵌了第二级，然后第二级镶嵌第三季，就跟上面goods中显示外键的category的内容一样

我们还是需要写serializer

这样就是一级镶嵌二级二级镶嵌三级

但是这里有一个问题不要搞错了这三个类的位置不能弄错了

因为一级是调用二级所以二级一定是先写好了的

所以二级一定在一级上面同理三级要在二级上面

然后就是view

在过滤中加上category_type=1这样就可以直接显示第一大类然后第一大类中有第二小类这样更有层次感如果直接一下子全部取出来就不好分辨了

同时我们还要处理取出某个单一的信息

所以我们继承了mixins.RetrieveModelMixin这个类，这是一个显示详情的类

例如显示某个动物园的某个动物那样

/zoos/id

这样的url

同样这样写了我们就直接只配置category的url就够了

就不用考虑后面的id是否还需要配置一个url这些都不用考虑了，因为我们继承了viewset这个类

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

这样处理我们后端就能看见了

但是这样处理了前端对接时会发现无法显示

因为有一个跨域问题

这个问题前后端都可以独自解决这里学习的是后端，所以讲一下后端的做法

就是修改服务端

在github上搜索django-cors-headers就可以找到这个信息

同样里面介绍如何使用

安装

pipinstalldjango-cors-headers

然后settins中INSTALLED_APPS配置和settings中MIDDLEWARE配置

这里要注意MIDDLEWARE配置中

'corsheaders.middleware.CorsMiddleware',

'django.middleware.common.CommonMiddleware',

这两个必须放在

'django.middleware.csrf.CsrfViewMiddleware',

这个的前面不然会报错

同时还要配置

CORS_ORIGIN_ALLOW_ALL=True

允许跨域访问它默认是False

这样前端就可以正常显示了

为什么会产生跨域访问

因为vue中api配置的中我们调试数据不可能把所有的host都修改了有一些是线上数据我们调试的是本地的一部分数据所以要重新定一个localhost

修改部分host的链接

这样就导致了跨域本身使用的是一个线上host端口，但是数据中有一部分是请求的是本地host端口导致了跨域访问

一般Django这类后端框架其实不和前端框架有直接绑定关系。

不过个人推荐Angular前端框架。

结语：以上就是首席CTO笔记为大家整理的关于django配什么前端的相关内容解答汇总了，希望对您有所帮助！如果解决了您的问题欢迎分享给更多关注此问题的朋友喔～