问题 Angularjs中的Django Admin


我正在使用jquery转换我的Django项目前端 angularjs 同 Django Rest Framework 为了帮助使它成为单页应用程序。我已经将大部分棘手的页面转换为角度,现在与Django的管理页面进行战斗。

我喜欢Django的内置管理功能,我的用户每天都使用它,所以我想尽可能地复制它。我还没有发现任何与此相关的软件包,所以我要咬紧牙关,开始从头开始制作它。在我开始繁琐的过程之前,我想看看是否有其他人有类似的任务以及他们为完成它所做的工作。也许有人知道最佳实践方式吗?

我的计划是根据URL中显示的模型创建一个可重用的控制器(admin/app/model)表明 change_list 和 change_form django-admin的观点。我是angularjs的新手,所以我可能没有完全意识到这样做的最好方法。

一旦我构建了这个,我就会在githhub上发布它。

UPDATE 我已经创建了一个github存储库,现在已经有一段时间了。它仍然非常原始,不能100%工作。如果您对它感兴趣或想要帮忙,请转到: https://github.com/austinhuminski/angular-django-admin


2185
2018-06-19 21:33


起源



答案:


ng-admin是基于RESTful Web服务的管理界面的纯Angular.js实现。除了基本的CRUD,它还支持关系,搜索,仪表板和自定义字段类型。

https://github.com/marmelab/ng-admin

它不会复制Django管理员,但会尝试在Bootstrap和Angular.js上进行构建,以获得丰富的客户端管理体验。

免责声明:我们写了它。


11
2017-09-15 15:36



如果你正在寻找react.js等价物,请查看admin-on-rest: github.com/marmelab/admin-on-rest - François Zaninotto


答案:


ng-admin是基于RESTful Web服务的管理界面的纯Angular.js实现。除了基本的CRUD,它还支持关系,搜索,仪表板和自定义字段类型。

https://github.com/marmelab/ng-admin

它不会复制Django管理员,但会尝试在Bootstrap和Angular.js上进行构建,以获得丰富的客户端管理体验。

免责声明:我们写了它。


11
2017-09-15 15:36



如果你正在寻找react.js等价物,请查看admin-on-rest: github.com/marmelab/admin-on-rest - François Zaninotto


我认为这是一个好主意,不久之前我也发生过同样的事情,这让我在这里!

这是我有兴趣建立自己的东西。我认为这将是一项相当大的任务,其中一个主要挑战是以角度复制django ModelAdmin类型的所有功能。不是说这不可能。

至于建议 - 它必须是一个TDD领导项目,无论是角度方面还是django(幸运的是,这两个项目都是在考虑测试的情况下构建的)。

对于django REST集成,我个人可能会看看django-tastypie,但主要是因为我熟悉它并喜欢在其他django REST框架上使用它。

听起来总体来说是个好主意 - 我会比赛你:)


0
2017-08-08 18:45



很高兴看到我不是唯一感兴趣的人!我已经做了相当多的工作。我使用后退按钮功能和更新URL完成了日期层次结构,分页和过滤。因为我对tastypie不熟悉,所以选择使用Django Rest Framework。同意它需要严格测试,我很遗憾地非常懒惰。我会尽快将我的代码上传到github,这样你就可以看看我到目前为止所做的事情,也许还可以合作。 - Austin
凉!如果可以,我会非常有兴趣帮忙 - bharling
如果您有兴趣,这是链接。需要做很多清理,但我想早点提出来。 github.com/austinhuminski/angular-django-admin - Austin
将README添加到存储库。 - Austin
很棒,看起来非常有趣,以后克隆它并且看起来很合适。我最初的想法是为这个项目继承admin.AdminSite,希望可以重复使用常规的ModelAdmin类,而不需要最终用户进行任何更改。这也可以为你提供场外排除和订购的所有setip。我确实喜欢你采取的方法,以后再好好看看,看看我是否可以提供帮助 - bharling