Django城市信息查询功能

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

数据准备阶段

 版本推荐

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

项目实现阶段

Django 工程的建立

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

 django-admin startproject GongCheng

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

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

Desktop\django\GongCheng> python manage.py runserver

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

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

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

 在项目目录下,创建static文件,在此不便多述,上文件链接链接:https://pan.baidu.com/s/1PxzFdoz7ucJ_rHbgn43Jpg?pwd=yx17 
提取码:yx17

 路由的配置及访问

在项目路由下的settings.pu文件中的INSTALLED_APPS[ ]输入两个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文件进行连接,获取css,js样式:

 注:有一些人的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 home
from 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 path
from . import views


app_name = 'aboutApp'

urlpatterns = [
         path('about/',views.about,name='about'),]

使app_name拥有名称。

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

from django.shortcuts import render
from django.shortcuts import HttpResponse

def about(request):
    html='<html><body>听我说谢谢你</body></html>'
    return HttpResponse(html)

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

主页效果:

aboutApp页面效果:

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

ALLOWED_HOSTS = ['*',]

添加富文本模型

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

python manage.py install

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

在项目根目录下添加DjangoUeditor

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

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

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

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

创建城市与省份模型

打开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 ='数据'
            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'城市简介',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 

回车会看到模型已经建立

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

回车:

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

后台管理系统

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

python manage.py createsuperuser

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

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

 

 我们通过账号密码进入后台管理系统后,我们是看不到模型的,我们需要在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='地市数据'
admin.site.site_title='地市数据'

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

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

 

 我们可以后台输入数据,然后传到对应页面啦。

本次的分享到此为止,晚一点上完课再回来更新。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


注:所有源代码均实测运行过。所有源代码均已上传CSDN,请有需要的朋友自行下载。
继承APIView和ViewSetMixin;作用也与APIView基本类似,提供了身份认证、权限校验、流量管理等。ViewSet在开发接口中不经常用。
一、Django介绍Python下有许多款不同的 Web 框架。Django是重量级选手中最有代表性的一位。许多成功的网站和APP都基于Django。Django 是一个开放源代码的 Web 应用框架,由 Python 写成。Django 遵守 BSD 版权,初次发布于 2005 年 7 月, 并于 2008 年 9 月发布了第一个正式版本 1.0 。Django学习线路Django 采用了 MVT 的软件设计模式,即模型(Model),视图(View)和模板(Template)。这个MVT模式并
本文从nginx快速掌握到使用,gunicorn快速掌握到使用,实现小白快速搭建django项目,并对可能出现的报错进行了分析
uniapp微信小程序订阅消息发送服务通知
Django终端打印SQL语句 1 Setting配置: 2 默认python 使用的MysqlDB连接,Python3 支持支持pymysql 所有需要在app里面的__init__加上下面配置:
url: re_path(&#39;authors/$&#39;, views.AuthorView.as_view()), re_path(&#39;book/(?P\d+)/$&#39;, vie
前提 关于html寻找路线: template 如果在各个APP中存在, Django 会优先找全局template 文件下的html文件,如果全局下的template文件没有相关的html Djan
// GET请求request.GET // POST请求request.POST // 处理文件上传请求request.FILES // 处理如checkbox等多选 接受列表request.get
from bs4 import BeautifulSoup#kindeditordef kindeditor(request): s = &#39;&#39;&#39; &lt;li&gt;&lt;s
view.py 配置 html 配置
from django.http import JsonResponse JsonResponse 里面代码会加这一个响应头 kwargs.setdefault(&#39;content_type&#
#下面两种是基于QuerySet查询 也就是说SQL中用的jion连表的方式查询books = models.UserInfo.objects.all() print(type(books)) &gt
return HttpResponse(&quot;OK&quot;) 返回一个字符串 return redirect(&quot;/index/&quot;) 返回URL return render
from django.http import JsonResponse JsonResponse 里面代码会加这一个响应头 kwargs.setdefault(&#39;content_type&#
浏览器有一个很重要的概念——同源策略(Same-Origin Policy)。所谓同源是指,域名,协议,端口相同。不同源的客户端脚本(javascript、ActionScript)在没明确授权的情况
自动发送 &gt; 依赖jQuery文件 实例--&gt;GET请求: 手动发送 &gt; 依赖浏览器XML对象(也叫原生ajax) Ajax主要就是使用 【XmlHttpRequest】对象来完成请
#下面两种是基于QuerySet查询 也就是说SQL中用的jion连表的方式查询books = models.UserInfo.objects.all() print(type(books)) &gt
// GET请求request.GET // POST请求request.POST // 处理文件上传请求request.FILES // 处理如checkbox等多选 接受列表request.get
return HttpResponse(&quot;OK&quot;) 返回一个字符串 return redirect(&quot;/index/&quot;) 返回URL return render