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

89542767 發(fā)布于2022-12-14 17:48 / 568人閱讀

　　小編寫這篇文章的一個(gè)目的，主要是用來給大家介紹關(guān)于Python Django的一個(gè)相關(guān)介紹，介紹的內(nèi)容是涉及到查詢功能，比如會教給我們?nèi)ト绾问褂孟嚓P(guān)的城市信息查詢功能，那么，具體的其實(shí)現(xiàn)步驟是什么呢？下面就給大家詳細(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會出現(xiàn)錯(cuò)誤！

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

　　Django工程的建立

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

　django-admin startproject GongCheng

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

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

　DesktopdjangoGongCheng&gt;python manage.py runserver

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

　　PS C:Users用戶DesktopdjangoGongCheng&gt;python manage.py startapp homeApp
　　PS C:Users用戶DesktopdjangoGongCheng&gt;python manage.py startapp aboutApp

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

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

　　路由的配置及訪問

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

　　渲染界面

　　完成上面的配置后面，打開homeApp文件夾的views.py，使其通過代碼返回頁面，代碼入下：

　　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%}
　　&lt;!DOCTYPE html&gt;
　　&lt;html&gt;
　　&lt;head&gt;
　　&lt;meta charset="utf-8"&gt;
　　&lt;meta http-equiv="X-UA-Compatible"content="IE=edge"&gt;
　　&lt;meta name="viewport"content="width=device-width,initial-scale=1"&gt;
　　&lt;title&gt;首頁&lt;/title&gt;
　　&lt;link href="{%static'css/bootstrap.css'%}"rel="stylesheet"&gt;
　　&lt;link href="{%static'css/style.css'%}"rel="stylesheet"&gt;
　　&lt;script src="{%static'js/jquery.min.js'%}"&gt;&lt;/script&gt;
　　&lt;script src="{%static'js/bootstrap.min.js'%}"&gt;&lt;/script&gt;
　　&lt;/head&gt;
　　&lt;body&gt;
　　&lt;/body&gt;
　　&lt;/html&gt;

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

　　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,再在aboutAppurls.py里面添加

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

　　使app_name擁有名稱。

　　打開aboutAppviews.py，輸入以下代碼：

　　from django.shortcuts import render
　　from django.shortcuts import HttpResponse
　　def about(request):
　　html='&lt;html&gt;&lt;body&gt;聽我說謝謝你&lt;/body&gt;&lt;/html&gt;'
　　return HttpResponse(html)
　　然后在終端輸入：python manage.py runserver運(yùn)行程序，打開出來的鏈接

　　主頁效果：

　　aboutApp頁面效果:

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

　　ALLOWED_HOSTS=['*',]

　　添加富文本模型

　　富文本的安裝：需要手動安裝下載包，下載網(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)建城市與省份模型

　　打開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'省份簡介',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'城市簡介',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

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

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

　　回車：

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

　　后臺管理系統(tǒng)

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

　　python manage.py createsuperuser

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

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

　　我們通過賬號密碼進(jìn)入后臺管理系統(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ù)'

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