创建与 CSS/HTML 相关的丰富动态单页 Django Web 应用程序的最佳方法

Posted 2023-02-24

技术标签:

【中文标题】创建与 CSS/HTML 相关的丰富动态单页 Django Web 应用程序的最佳方法【英文标题】：Best approach to create rich dynamic single page Django web application as it relates to CSS/HTML 【发布时间】：2014-12-18 14:50:45 【问题描述】：

我是一名新的 Web 开发人员，将使用 Django 开发一个简单的“单页”Web 应用程序。我根本不是图形艺术家。我已经能够设置一个简单的表单，它看起来很丑，但功能却很强大。我基本上是从 Django 视图生成原始 html 并将它们放在白页上。

是否可以购买如下主题 http://themeforest.net/item/quick-admin-template/4940725

并集成到 Django 中？我应该购买某种与 Django 配合得很好的样式/类型吗？（如 HTML5、Bootstrap、CSS、Angular JS 等。）我只是在学习这个，所以对设计组件不太熟悉。我知道我必须稍微编辑 html 才能使用 Django，我认为我可以接受。

基本上，我的应用程序将具有一些功能，例如用于输入数据的基本表单、监控页面和一些管理页面。我想使用 Ajax/Jquery 使其成为“单页”应用程序。

我喜欢侧面和顶部的标签/手风琴外观。

所有这些管理模板都有大量的页面/功能/等...我猜我只是使用我需要的东西，我可以把剩下的拿出来？这是正确的吗？

感谢您的帮助。只是寻找一些关于在 Django 中创建外观丰富的单页应用程序的最佳方法的简单指南。任何帮助将不胜感激，让我在正确的页面上！

谢谢

【问题讨论】：

【参考方案1】：

您可以获得任何模板并根据您的需要进行调整。您需要设置视图来处理您的 ajax 调用。

Read the documentation on templates 以获得如何最初填充页面的坚实基础......然后像在任何其他系统中一样使用 ajax 对其进行更新。有关 ajax 和 django 的基本用法，您可以查看 question。一般来说，您设置一个视图来服务您的请求并返回您的数据序列化为 json。

可以从django forms 制作表单并直接从那里加载（并经过验证）。

确保完成django tutorial，因为掌握框架的基础知识很重要。

【讨论】：

【参考方案2】：

对于你想做的事情来说，Django 听起来不是理想的选择。最好选择更轻量级的框架。但是如果你坚持使用 Django，在完成 its tutorial 之后，仔细看看它的 ORM 以及 authentication 是如何工作的，因为你将在你描述的应用程序中使用这两个组件。

现在对于单页应用程序，值得使用Django REST framework，这将使您的生活更轻松。

对于前端，您已经提到过 Bootstrap 和 AngularJS，它们都是保持 CSS 和 javascript 组织和可维护的好选择。

【讨论】：

【参考方案3】：