iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >Django城市信息查询功能如何实现
  • 358
分享到

Django城市信息查询功能如何实现

2023-07-02 15:07:02 358人浏览 安东尼
摘要

本文小编为大家详细介绍“Django城市信息查询功能如何实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“DjanGo城市信息查询功能如何实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。前言基于 Pythgo

本文小编为大家详细介绍“Django城市信息查询功能如何实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“DjanGo城市信息查询功能如何实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

    前言

    基于 Pythgo的 Django 框架编程实现一个 WEB 程序,为用户提供 城市信息查询功能。用户可输入一个城市名,输出其所在省份名称和邮编 等信息。例如,输入“桂林市”,输出“广西壮族自治区”和“541000”等 城市相关信息。

    数据准备阶段

    Django城市信息查询功能如何实现

    Django城市信息查询功能如何实现

    版本推荐

    教程的django为4.0.3,python版本为3.10.4,推荐使用,如果不是这些版本的,django,Python会出现错误

    Django城市信息查询功能如何实现

    项目实现阶段

    Django 工程的建立

    在桌面上新建立一个django文件夹,在vscode的终端打开此文件夹,在终端中创建工程项目,如:

     django-admin startproject GonGCheng

    可以看到左侧资源管理器左侧出现了GongCheng

    Django城市信息查询功能如何实现

    Django城市信息查询功能如何实现

     并在终端运行manager.py文件:

    Desktop\django\GongCheng> python manage.py runserver

    为项目添加两个App,一个作为主页,一个作为省份查询:

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

    添加完成后面,对应左边资源管理器:

    Django城市信息查询功能如何实现

     在项目目录下,创建static文件,在此不便多述

    Django城市信息查询功能如何实现

    路由的配置及访问

    在项目路由下的settings.pu文件中的INSTALLED_APPS[ ]输入两个app的名称:

    Django城市信息查询功能如何实现

    渲染界面

    完成上面的配置后面,打开homeApp文件夹的views.py,使其通过代码返回页面,代码入下:

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

    然后在homeApp下建立templates文件夹,在该文件夹中建立home.html:

    Django城市信息查询功能如何实现

    并且在html中输入以下代码,使文件与static文件进行连接,获取CSSjs样式:

     注:有一些人的Django的版本是2.2.4的,小编的Django版本是最新版本的,所以2.2.4版本的同学,需要在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>首页</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>

     设置网站根访问路径,在项目根目录找到urls.py找到urlpatterns字段,然后添加首页路由:

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

    在aboutApp的目录下创建urls.py,再在aboutApp\urls.py里面添加

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

    使app_name拥有名称。

    打开aboutApp\views.py,输入以下代码:

    from django.shortcuts import renderfrom django.shortcuts import HttpResponse def about(request):    html='<html><body>听我说谢谢你</body></html>'    return HttpResponse(html)

    然后在终端输入:python manage.py runserver    运行程序,打开出来的链接

    主页效果:

    Django城市信息查询功能如何实现

    aboutApp页面效果:

    Django城市信息查询功能如何实现

    最后,在根目录的setting.py的INSTALLED_APPS[ ]上方的ALLOWED_HOSTS = [ ]添加 &lsquo;*&rsquo; :

    ALLOWED_HOSTS = ['*',]

    添加富文本模型

     富文本的安装:需要手动安装下载包,下载网址:https://GitHub.com/twz915/DjangoUeditor3/ 然后安装终端用cd定义到DjangoUeditor3-master,然后输入以下命令即可完成安装:

    python manage.py install

     需要将DjangoUeditor3-master项目中的DjangoUeditor文件夹加入到当前GongCheng项目根目录中:

    在项目根目录下添加DjangoUeditor

    Django城市信息查询功能如何实现

    添加好文件后,在项目路由下的settings.pu文件中的INSTALLED_APPS[ ]添加DjangoUeditor

    Django城市信息查询功能如何实现

     在项目根目录找到urls.py找到urlpatterns字段,然后添加富文本路由:

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

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

    创建城市与省份模型

    打开aboutApp的models.py文件,在该文件中添加省份模型(Province)

    from django.db import modelsfrom 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 ='数据'            verbose_name_plural ='数据'    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 ='城市数据'        verbose_name_plural ='城市数据'

    然后在根目录的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 

    回车会看到模型已经建立

    Django城市信息查询功能如何实现

    继续在终端输入;python manage.py migrate       

    回车:

    Django城市信息查询功能如何实现

    模型就在后端了。 接下来我们注册超级管理员用户,就可以在后台管理系统看到模型了。

    后台管理系统

    因为django自己会建立后台管理系统,所以我们只需要在注册创建管理员用户账号:

    python manage.py createsuperuser

    回车后出现了页面,按照以下输入即可:Username(管理员的账号,自己随意取)

    Django城市信息查询功能如何实现

    通过 http://127.0.0.1:8000/admin/ 进入页面,如果打不开,请在终端输入python manage.py runserver 运行程序

    Django城市信息查询功能如何实现

     我们通过账号密码进入后台管理系统后,我们是看不到模型的,我们需要在aboutApp中的admin.py文件,编辑以下代码:

    from django.contrib import adminfrom .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='地市数据'admin.site.site_title='地市数据'

    刷新后台界面,我们可以看到模型已经出来了:

    Django城市信息查询功能如何实现

     我们可以浏览一下我们的界面,内部已经覆盖了一对多的模型,富文本文件:

    Django城市信息查询功能如何实现

    Django城市信息查询功能如何实现

    读到这里,这篇“Django城市信息查询功能如何实现”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网精选频道。

    --结束END--

    本文标题: Django城市信息查询功能如何实现

    本文链接: https://www.lsjlt.com/news/342543.html(转载时请注明来源链接)

    有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

    本篇文章演示代码以及资料文档资料下载

    下载Word文档到电脑,方便收藏和打印~

    下载Word文档
    猜你喜欢
    • Django城市信息查询功能如何实现
      本文小编为大家详细介绍“Django城市信息查询功能如何实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“Django城市信息查询功能如何实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。前言基于 Pythgo...
      99+
      2023-07-02
    • Django城市信息查询功能的实现步骤
      目录前言数据准备阶段版本推荐项目实现阶段Django 工程的建立路由的配置及访问添加富文本模型创建城市与省份模型后台管理系统总结前言 基于 Pythgo的 Django 框架,编程实...
      99+
      2024-04-02
    • 如何在Golang中实现查询省市的功能
      在Web开发中,查询省市是一个常见的需求,特别是在涉及到地理位置相关的业务场景中。而在Golang中,通过使用第三方库可以轻松实现查询省市功能。接下来,本文将为大家介绍如何在Golang中查询省市。一、使用第三方库进行查询在Golang中,...
      99+
      2023-05-14
    • 微信小程序如何实现城市选择及搜索功能
      这篇文章给大家分享的是有关微信小程序如何实现城市选择及搜索功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。实现搜索城市功能js文件// pages/address/a...
      99+
      2024-04-02
    • 微信小程序如何实现定位到当前城市功能
      这篇文章给大家分享的是有关微信小程序如何实现定位到当前城市功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。微信小程序 定位到当前城市首先需要申请百度地图Geocoding AP...
      99+
      2024-04-02
    • Jsoup解析html实现招聘信息查询功能
      jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。下面是招聘网站的html信息...
      99+
      2023-05-31
      jsoup html 查询
    • Android如何实现简单的城市列表功能
      小编给大家分享一下Android如何实现简单的城市列表功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体内容如下步骤: 在app的gradle里面添加依赖:com.github.andyoom:citypicker:v...
      99+
      2023-05-30
      android
    • php如何查询城市空气质量
      本教程操作环境:windows7系统、PHP8.1版、Dell G3电脑。php如何查询城市空气质量?1、开通空气质量API接口:通过https://www.juhe.cn/docs/api/id/33s=cpphpcn注册及开通接口说明:...
      99+
      2024-04-02
    • PHP Websocket开发指南,实现实时交通信息查询功能
      PHP Websocket开发指南,实现实时交通信息查询功能前言Websocket是一种在Web上实现双向通信的技术,它能够实现实时更新数据,适用于需要实时交互的场景。本篇文章将介绍如何使用PHP开发一个实时交通信息查询的功能,并提供相应的...
      99+
      2023-12-09
      PHP websocket 实时查询
    • 微信小程序如何实现快递查询功能
      这篇文章给大家分享的是有关微信小程序如何实现快递查询功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。微信小程序 快递查询功能:产品需求,准备api,代码编写。 第一步...
      99+
      2024-04-02
    • 微信小程序如何实现城市列表
      小编给大家分享一下微信小程序如何实现城市列表,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!picker-view嵌入页面的滚动选择器注意:其中只可放置组件,其他节...
      99+
      2023-06-26
    • php如何实现省市区查询
      本篇内容介绍了“php如何实现省市区查询”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!php实现省市区查询的方法:1、设计一张数据表;2、根...
      99+
      2023-06-22
    • 城市数据库系统功能怎么实现
      城市数据库系统的功能可以通过以下步骤实现:1.需求分析:首先需要明确用户的需求,包括数据类型、数据量、数据更新频率等方面的需求。2....
      99+
      2023-06-07
      城市数据库 数据库
    • Ajax如何实现弹出式无刷新城市选择功能
      这篇文章给大家分享的是有关Ajax如何实现弹出式无刷新城市选择功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体如下:这是一款很棒的全国城市选择效果,添加城市时先添加组:找到...
      99+
      2024-04-02
    • 微信小程序城市选择器如何实现
      这篇文章主要讲解了“微信小程序城市选择器如何实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序城市选择器如何实现”吧!城市选择器 region//index.wxml<pic...
      99+
      2023-06-26
    • Vue如何利用flex布局实现TV端城市列表功能
      目录前言1.实现搜索布局代码:2.搜索布局css样式代码:3.城市列表布局代码:4.城市列表css样式代码:5.城市列表获取焦点的事件:6.设置焦点背景颜色和字体效果:7.搜索框输入...
      99+
      2023-01-03
      vue 城市列表 vue 城市选择 vue 城市列表选择
    • ajax如何实现分页查询功能
      小编给大家分享一下ajax如何实现分页查询功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!ajax分页查询功能的具体代码,具体内容如下显示的效果如下:实现效果的...
      99+
      2023-06-08
    • CSS3如何实现特性查询功能
      这篇文章主要介绍了CSS3如何实现特性查询功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。我们已经知道使用媒体查询(Media Query...
      99+
      2024-04-02
    • thinkphp5如何实现查询计数功能
      这篇“thinkphp5如何实现查询计数功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“thinkphp5如何实现查询计数...
      99+
      2023-07-05
    • Node.js如何实现添加查询功能
      这篇文章主要介绍“Node.js如何实现添加查询功能”,在日常操作中,相信很多人在Node.js如何实现添加查询功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Node.js如何实现添加查询功能”的疑惑有所...
      99+
      2023-07-04
    软考高级职称资格查询
    编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
    • 官方手机版

    • 微信公众号

    • 商务合作