Django+BootStrap下的民居系统开发

民居系统开发涉及的技术栈包括Django和Bootstrap，以下是一个简单的示例，展示如何使用Django创建一个视图，并在前端使用Bootstrap进行样式设计。

首先，确保你的环境中已安装Django和bootstrap。

在Django项目中创建一个新的app，例如residential_system，并在该app的views.py中创建一个视图：




from django.shortcuts import render
 
def residential_system(request):
    return render(request, 'residential_system.html')

在residential_system app的templates目录下创建一个HTML模板文件residential_system.html，并添加Bootstrap样式和内容：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Residential System</title>
    <!-- 引入Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
    <div class="container mt-4">
        <h1 class="display-4 text-center">Welcome to Residential System</h1>
        <div class="row">
            <!-- 这里可以添加更多的Bootstrap样式的组件 -->
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Card title</h5>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <a href="#" class="btn btn-primary">Go somewhere</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 引入Bootstrap JS -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>

在Django的urls.py中添加路由：




from django.urls import path
from residential_system.views import residential_system
 
urlpatterns = [
    path('residential/', residential_system, name='residential_system'),
]

这样就可以通过访问对应的URL来查看使用了Bootstrap样式的民居系统页面。

Django+BootStrap下的民居系统开发

评论已关闭

推荐阅读