快捷導(dǎo)航

Django城市信息查詢功能的實(shí)現(xiàn)步驟

更新時(shí)間：2022年07月01日 16:35:37 作者：詩(shī)魚poem、

Django中的查詢操作是數(shù)據(jù)庫(kù)操作中一個(gè)非常重要的技術(shù),下面這篇文章主要給大家介紹了關(guān)于Django城市信息查詢功能的實(shí)現(xiàn)步驟,文中通過(guò)實(shí)例代碼和圖文介紹的非常詳細(xì),需要的朋友可以參考下

前言

基于 Pythgo的 Django 框架，編程實(shí)現(xiàn)一個(gè) WEB 程序，為用戶提供城市信息查詢功能。用戶可輸入一個(gè)城市名，輸出其所在省份名稱和郵編等信息。例如，輸入“桂林市”，輸出“廣西壯族自治區(qū)”和“541000”等城市相關(guān)信息。

數(shù)據(jù)準(zhǔn)備階段

版本推薦

本教程的django為4.0.3，python版本為3.10.4，推薦使用，如果不是這些版本的，django，python會(huì)出現(xiàn)錯(cuò)誤！

項(xiàng)目實(shí)現(xiàn)階段

Django 工程的建立

在桌面上新建立一個(gè)django文件夾，在vscode的終端打開(kāi)此文件夾，在終端中創(chuàng)建工程項(xiàng)目，如：

 django-admin startproject GongCheng

可以看到左側(cè)資源管理器左側(cè)出現(xiàn)了GongCheng

并在終端運(yùn)行manager.py文件：

Desktop\django\GongCheng> python manage.py runserver

為項(xiàng)目添加兩個(gè)App，一個(gè)作為主頁(yè)，一個(gè)作為省份查詢：

PS C:\Users\用戶\Desktop\django\GongCheng> python manage.py startapp homeApp
PS C:\Users\用戶\Desktop\django\GongCheng> python manage.py startapp aboutApp

添加完成后面，對(duì)應(yīng)左邊資源管理器：

在項(xiàng)目目錄下，創(chuàng)建static文件，在此不便多述，上文件鏈接鏈接：點(diǎn)擊這里下載

路由的配置及訪問(wèn)

在項(xiàng)目路由下的settings.pu文件中的INSTALLED_APPS[ ]輸入兩個(gè)app的名稱：

渲染界面

完成上面的配置后面，打開(kāi)homeApp文件夾的views.py，使其通過(guò)代碼返回頁(yè)面，代碼入下：

from django.shortcuts import render
from django.shortcuts import HttpResponse
 
 
# Create your views here.
def home(request):
    return render(request, 'home.html')

然后在homeApp下建立templates文件夾，在該文件夾中建立home.html:

并且在html中輸入以下代碼，使文件與static文件進(jìn)行連接，獲取css，js樣式：

注：有一些人的Django的版本是2.2.4的，小編的Django版本是最新版本的，所以2.2.4版本的同學(xué)，需要在HTML的{% load static %}上改為{% load staticfiles %}

{% load static %}
<!DOCTYPE html>
<html lang="zh-cn">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首頁(yè)</title>
    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</head>
 
<body>
 
</body>
 
</html>

設(shè)置網(wǎng)站根訪問(wèn)路徑，在項(xiàng)目根目錄找到urls.py找到urlpatterns字段，然后添加首頁(yè)路由:

from django.contrib import admin#已經(jīng)有了
from django.urls import path#已經(jīng)有了
from homeApp.views import home
from django.conf.urls import include
 
urlpatterns = [
    path('admin/', admin.site.urls),
    path('',home,name='home'),
    path('aboutApp/',include('aboutApp.urls')),
]

在aboutApp的目錄下創(chuàng)建urls.py,再在aboutApp\urls.py里面添加

from django.urls import path
from . import views
 
 
app_name = 'aboutApp'
 
urlpatterns = [
         path('about/',views.about,name='about'),
]

使app_name擁有名稱。

打開(kāi)aboutApp\views.py，輸入以下代碼：

from django.shortcuts import render
from django.shortcuts import HttpResponse
 
def about(request):
    html='<html><body>聽(tīng)我說(shuō)謝謝你</body></html>'
    return HttpResponse(html)

然后在終端輸入：python manage.py runserver 運(yùn)行程序，打開(kāi)出來(lái)的鏈接

主頁(yè)效果：

aboutApp頁(yè)面效果:

最后,在根目錄的setting.py的INSTALLED_APPS[ ]上方的ALLOWED_HOSTS = [ ]添加 ‘*’ ：

ALLOWED_HOSTS = ['*',]

添加富文本模型

富文本的安裝：需要手動(dòng)安裝下載包，下載網(wǎng)址：https://github.com/twz915/DjangoUeditor3/ 然后安裝，終端用cd定義到DjangoUeditor3-master,然后輸入以下命令即可完成安裝：

python manage.py install

需要將DjangoUeditor3-master項(xiàng)目中的DjangoUeditor文件夾加入到當(dāng)前GongCheng項(xiàng)目根目錄中：

在項(xiàng)目根目錄下添加DjangoUeditor

添加好文件后，在項(xiàng)目路由下的settings.pu文件中的INSTALLED_APPS[ ]添加DjangoUeditor

在項(xiàng)目根目錄找到urls.py找到urlpatterns字段，然后添加富文本路由:

path('ueditor/',include('DjangoUeditor.urls')),

在此，完成了富文本的配置

創(chuàng)建城市與省份模型

打開(kāi)aboutApp的models.py文件，在該文件中添加省份模型（Province）

from django.db import models
from DjangoUeditor.models import UEditorField 
from django.utils import timezone
 
class Province(models.Model):
    name = models.CharField(max_length=10,verbose_name='省份')
    capital= models.CharField(max_length=8, verbose_name='首府')
    concise=UEditorField(u'省份簡(jiǎn)介',default='',width=800,height=300,)
    class Meta:
            verbose_name ='數(shù)據(jù)'
            verbose_name_plural ='數(shù)據(jù)'
    def __str__(self):
        return self.name
 
 
 
class City(models.Model):
    province = models.ForeignKey(Province,related_name='city',verbose_name='省份',on_delete=models.CASCADE)
    name = models.CharField(max_length=10,verbose_name="城市")
    mail = models.IntegerField(null=False,verbose_name='郵政編碼')
    concise=UEditorField(u'城市簡(jiǎn)介',default='',width=800,height=300)
    class Meta:
        verbose_name ='城市數(shù)據(jù)'
        verbose_name_plural ='城市數(shù)據(jù)'

然后在根目錄的setting.py添加以下代碼：

import os
 
STATICFILES_DIRS = (
   os.path.join(BASE_DIR, "static"),
)
MEDIA_URL='/media/'
MEDIA_ROOT=os.path.join(BASE_DIR,'media/')

然后在終端輸入：python manage.py makemigrations

回車會(huì)看到模型已經(jīng)建立

繼續(xù)在終端輸入;python manage.py migrate

回車：

模型就在后端了。接下來(lái)我們注冊(cè)超級(jí)管理員用戶，就可以在后臺(tái)管理系統(tǒng)看到模型了。

后臺(tái)管理系統(tǒng)

因?yàn)閐jango自己會(huì)建立后臺(tái)管理系統(tǒng)，所以我們只需要在注冊(cè)創(chuàng)建管理員用戶賬號(hào)：

python manage.py createsuperuser

回車后出現(xiàn)了頁(yè)面，按照以下輸入即可：Username(管理員的賬號(hào)，自己隨意取)

通過(guò) http://127.0.0.1:8000/admin/ 進(jìn)入頁(yè)面，如果打不開(kāi)，請(qǐng)?jiān)诮K端輸入python manage.py runserver 運(yùn)行程序

我們通過(guò)賬號(hào)密碼進(jìn)入后臺(tái)管理系統(tǒng)后，我們是看不到模型的，我們需要在aboutApp中的admin.py文件，編輯以下代碼：

from django.contrib import admin
from .models import *
class Cityline(admin.StackedInline):
    
    model = City
    extra = 1     
    
class ProvinceAdmin(admin.ModelAdmin):
    inlines = [Cityline,]
admin.site.register(Province, ProvinceAdmin)
admin.site.site_header='地市數(shù)據(jù)'
admin.site.site_title='地市數(shù)據(jù)'

刷新后臺(tái)界面，我們可以看到模型已經(jīng)出來(lái)了：