django联系人列表前端展示并美化页面
时间: 2023-03-23 09:03:43 浏览: 70
要使用Django构建联系人列表,并美化它们的页面,您可以遵循以下步骤:
1. 创建Django项目和应用程序:运行以下命令来创建一个新的Django项目和应用程序:
```
django-admin startproject myproject
cd myproject
python manage.py startapp contacts
```
2. 创建联系人模型:在contacts/models.py文件中定义联系人模型,如下所示:
```python
from django.db import models
class Contact(models.Model):
first_name = models.CharField(max_length=50)
last_name = models.CharField(max_length=50)
email = models.EmailField(max_length=254)
phone = models.CharField(max_length=20)
```
3. 运行迁移:运行以下命令来创建并应用数据库迁移:
```
python manage.py makemigrations
python manage.py migrate
```
4. 创建视图:在contacts/views.py文件中创建一个视图,用于显示联系人列表:
```python
from django.shortcuts import render
from .models import Contact
def contact_list(request):
contacts = Contact.objects.all()
return render(request, 'contacts/contact_list.html', {'contacts': contacts})
```
5. 创建模板:创建一个模板来显示联系人列表,例如contacts/templates/contacts/contact_list.html:
```html
{% extends 'base.html' %}
{% block content %}
<h1>Contact List</h1>
<ul>
{% for contact in contacts %}
<li>{{ contact.first_name }} {{ contact.last_name }} - {{ contact.email }} - {{ contact.phone }}</li>
{% empty %}
<li>No contacts yet.</li>
{% endfor %}
</ul>
{% endblock %}
```
6. 创建URL:在contacts/urls.py文件中定义一个URL模式,以便访问联系人列表视图:
```python
from django.urls import path
from .views import contact_list
urlpatterns = [
path('', contact_list, name='contact_list'),
]
```
7. 更新项目URL配置:将应用程序的URL配置包含在项目级别的URL配置中,例如myproject/urls.py:
```python
from django.contrib import admin
from django.urls import path, include
urlpatterns = [
path('admin/', admin.site.urls),
path('contacts/', include('contacts.urls')),
]
```
8. 添加样式:如果您想要美化联系人列表页面,可以将CSS样式添加到base.html或contact_list.html模板中。
这些步骤应该能够让您构建一个简单的联系人列表,并美化它们的页面。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)