Django实现省市县级联菜单

1、创建工程mymenu和项目menu。

2、改变mymenu中setting.py的DIRS,STATICFILES_DIRS

'DIRS': [BASE_DIR + "/templates"],  #后面若无数据,不可以加逗号
STATICFILES_DIRS = (os.path.join(BASE_DIR,'static'),
)

3、在menu中建立views.py和models.py并建立相关代码

models.py代码:

from django.db import models# Create your models here.
# 建立城市自关联数据库表
class AreaInfo(models.Model):aid=models.IntegerField(default=0)atitle = models.CharField(max_length=30)aParent = models.IntegerField(null=True,blank=True)def __str__(self):return self.atitleclass Meta:db_table = 'areas'  # 指定表名称

views.py代码:

from django.shortcuts import render,HttpResponse
from django.http import JsonResponse
from menu import models
from .models import AreaInfo
# Create your views here.
# 级联菜单
def getAreas(request):return render(request,'getAreas.html')#获得省份
def getProvince(request):provinces = AreaInfo.objects.filter(aParent = 0)res = []for i in provinces:res.append( [i.aid , i.atitle] )return JsonResponse({'provinces':res})#获得城市
def getCity(request):city_id = request.GET.get('city_id')cities = AreaInfo.objects.filter(aParent=city_id)res = []for i in cities:res.append([i.aid, i.atitle])return JsonResponse({'cities':res})#获得区 县
def getDistrict(request):district_id = request.GET.get('district_id')cities = AreaInfo.objects.filter(aParent=district_id)res = []for i in cities:res.append([i.aid, i.atitle])return JsonResponse({'district': res})def test(request):# models.AreaInfo.objects.create(aid='1',atitle='陕西省',aParent='0')# models.AreaInfo.objects.create(aid='2', atitle='山西省',aParent='0')# models.AreaInfo.objects.create(aid='101', atitle='渭南市',aParent='1')# models.AreaInfo.objects.create(aid='102', atitle='宝鸡市', aParent='1')# models.AreaInfo.objects.create(aid='201', atitle='吕梁市', aParent='2')# models.AreaInfo.objects.create(aid='202', atitle='忻州市', aParent='2')# models.AreaInfo.objects.create(aid='10101', atitle='渭南1', aParent='101')# models.AreaInfo.objects.create(aid='10102', atitle='渭南2', aParent='101')# models.AreaInfo.objects.create(aid='10201', atitle='宝鸡1', aParent='102')# models.AreaInfo.objects.create(aid='10202', atitle='宝鸡2', aParent='102')# models.AreaInfo.objects.create(aid='20101', atitle='吕梁1', aParent='201')# models.AreaInfo.objects.create(aid='20102', atitle='吕梁2', aParent='201')# models.AreaInfo.objects.create(aid='20201', atitle='忻州1', aParent='202')# models.AreaInfo.objects.create(aid='20202', atitle='忻州2', aParent='202')# models.AreaInfo.objects.all().delete()# result = models.AreaInfo.objects.all()# for row in result:#     print(row.aid, row.atitle, row.aParent)# 输出省# provinces = AreaInfo.objects.filter(aParent='0')# res = []# for i in provinces:#     res.append([i.aid, i.atitle])# print(res)   #输出省#根据省的aParent输出市# a=1# city_id = request.GET.get(a)# print('city_id',city_id)# cities = models.AreaInfo.objects.filter(aParent=a)# # for row in cities:# #     print(row.aid,row.atitle)# res = []# for i in cities:#     res.append([i.aid, i.atitle])# print(res)# 根据市的aParent输出县# district_id = request.GET.get('district_id')# cities = AreaInfo.objects.filter(aParent=101)# res = []# for i in cities:#     res.append([i.aid, i.atitle])# print(res)# return JsonResponse({'district': res})return HttpResponse('tianjiachenggong!!!')

4、建立getAreas.html代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>省市县菜单</title><script src="/static/jquery.min.js"></script></head>
<body>
<select id="province" name="province" ><option value="">请选择省份</option>
</select>
<select id="city" name="city"><option value="">请选择城市</option>
</select>
<select id="district" name="district"><option value="">请选择区/县</option>
</select>
</body>
<script>$(function(){// 获取省份
$.get('/getProvince/',function(data){
for(var i = 0,len = data.provinces.length; i<len ;i++){$new = $("<option value="+data.provinces[i][0] +">"+  data.provinces[i][1]  +"</option>" );$("#province").append( $new );
}
});//改变省份后
$("#province").change(function(){
//清空市和区
$("#city").empty().append('<option value="">请选择城市</option>');
$("#district").empty().append('<option value="">请选择区/县</option>');
$.ajax({url:'/getCity/',type:'get',data:{"city_id":$(this).val()}
}).done(function(data){for(var i = 0,len = data.cities.length; i<len ;i++){$new = $( "<option value="+data.cities[i][0] +">"+  data.cities[i][1]  +"</option>" );$("#city").append( $new );}
});
});//改变城市后
$("#city").change(function(){
//清空市和区
$("#district").empty().append('<option value="">请选择区/县</option>');
$.ajax({url:'/getDistrict/',type:'get',data:{"district_id":$(this).val()}
}).done(function(data){for(var i = 0,len = data.district.length; i<len ;i++){$new = $( "<option value="+data.district[i][0] +">"+  data.district[i][1]  +"</option>" );$("#district").append($new );}
});
});})
</script>
</html>

注意:js的引用

5、项目目录:

6、数据库内容:

7、最后结果:

 

参考自:https://www.cnblogs.com/Lin-Yi/p/7550067.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/568602.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Python】字典dict类型转换为列表list类型

我们有时候用chrome浏览器获取Network中XHR的数据&#xff0c;得到的是Json类型&#xff0c;有时也可能是python中的字典类型&#xff0c;如果获取的数据比较复杂&#xff0c;通过简单的处理我们是无法拿到我们需要的数据的&#xff0c;这时我们就需要对数据进行转换处理&#…

【Python】xlwt和xlrd模块写入和读取.xls版本EXCEL

我们经常与EXCEL打交道&#xff0c;其实我们可以使用python的相应模块去处理EXCEL文件。2003以前的表格以.xls后缀&#xff0c;用xlwt来写表格&#xff0c;用xlrd来读取表格&#xff1b;搭配xlutils修改表格。2007的表格以.xlsx后缀&#xff0c;用openpyxl来读写表格。 以下是…

将json字符串转换为json对象

一般处理服务器传来的json值时&#xff0c;我们都会用两种方式进行处理&#xff1a; 1.一种为使用eval()函数。var dataObjeval("("data")");//转换为json对象&#xff08;注&#xff1a;data为json数据&#xff09;&#xff1b; 2. 使用Function对象来进…

【Python】pymysql模块处理Mysql数据库

PyMySQL 是在 Python3.x 版本中用于连接 MySQL 服务器的一个库&#xff0c;Python2中则使用mysqldb。 PyMySQL 遵循 Python 数据库 API v2.0 规范&#xff0c;并包含了 pure-Python MySQL 客户端库。 在使用 PyMySQL 之前&#xff0c;我们需要确保 PyMySQL 已安装,可以直接pip安…

Django 前后台的数据传递

严正声明&#xff1a; 作者&#xff1a;psklf 出处&#xff1a; https://www.cnblogs.com/psklf/p/5542612.html 欢迎转载&#xff0c;但未经作者同意&#xff0c;必须保留此段声明&#xff1b;必须在文章中给出原文连接&#xff1b;否则必究法律责任! Django 从后台往前台传…

【Python爬虫】使用urllib.request下载已知链接的网络资源

如果有这样一个场景&#xff0c;我们的EXCEL某一列记录了好多&#xff08;图片、视频、音频&#xff09;链接A&#xff0c;另外一列记录了链接名称B&#xff0c;现在我们想要自动下载这些链接的文件&#xff0c;我们应该怎样处理&#xff1f; 1.循环去excel取值,将A和B存入到一…

echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.

1、错误描述 echarts.js:1136 Uncaught Error: Initialize failed: invalid dom. 2、错误原因 <!DOCTYPE html><html><head><meta charset"UTF-8"><title></title><link rel"shortcut icon" href"../js/echar…

Fiddler在PC/台式对Android进行抓包

Fiddler是一个常用的http抓包工具&#xff0c;它能够记录电脑和移动端的进出数据&#xff0c;而且操作十分简便&#xff0c;下面主要介绍在台式机上Fiddler如何对Android进行数据抓包&#xff0c;本人使用的Fiddler版本为v5.0&#xff0c;文章主要知识点如下&#xff1a; 1.手机…

Echars折线配置详解

Echars折线配置详解 比如做成如下效果图&#xff1a; 所有的配置如下&#xff1a; var option {tooltip: { // 提示框trigger: axis, // 触发类型(坐标轴触发)alwaysShowContent: false, // 是否永远显示提示框的内容backgroundColor: rgba(32, 174, 252, 0.7), // 提示框…

【Python爬虫】爬取微信公众号文章信息准备工作

有一天发现我关注了好多微信公众号&#xff0c;那时就想有没有什么办法能够将微信公众号的文章弄下来&#xff0c;而且还想将一些文章的精彩评论一起搞下来。参考了一些文章&#xff0c;通过几天的研究基本上实现了自己的要求&#xff0c;现在记录一下自己的一些心得。 整个研…

js:堆栈和队列

JavaScript数组的栈和队列的操作方法。 堆栈和队列 要了解JavaScript数组的堆栈和队列方法的操作&#xff0c;需要先对堆栈和队列基础知识有所了解。在继续后面的内容之前&#xff0c;我们先简单的了解一下堆栈和队列的概念。 栈和队列都是动态的集合&#xff0c;在栈中&…

【Python爬虫】微信公众号历史文章和文章评论API分析

上一篇文章爬取微信公众号文章信息准备工作介绍了微信公众号历史文章和文章评论API的组成情况&#xff0c;历史文章API格式&#xff1a;https://mp.weixin.qq.com/mp/profile_ext?actiongetmsg&__bizMjM5NjAxOTU4MA&fjson&offset10&count10&is_ok1&sc…

MySql的Delete、Truncate、Drop分析

MySql的Delete、Truncate、Drop分析 相同点&#xff1a; truncate 和不带 where 子句的 delete&#xff0c;以及 drop 都会删除表内的数据 不同点:  1. truncate 和 delete 只删除数据不删除表的结构(定义)   drop 语句将删除表的结构被依赖的约束(constrain)、触发器(…

【Python】Python简介和Python解释器

计算机语言的种类非常的多&#xff0c;总的来说可以分成机器语言&#xff0c;汇编语言&#xff0c;高级语言三大类。 机器语言(二进制)→汇编语言→&#xff08;前面两种语言是与硬件进行交互&#xff09; →高级语言&#xff08;面向过程语言(C语言)→面向对象语言&#xff09…

python 判断当前时间是否为零点

import time time_now int(time.time()) #unix时间time_local time.localtime(time_now) #转换为win_timedt time.strftime("%H:%M:%S", time_local)# 转换成新的时间格式(18:59:20)adt.split(:)b[]for a in dt.split(:):b.append(a)c.join(b)if c000000:print(是…

多任务场景下单线程异步多线程多进程

多任务的场景&#xff1a;1.爬取不同url的内容&#xff0c;爬取同一个url分页内容。比如&#xff1a;豆瓣图书 Top 250 https://book.douban.com/top250?start0 实现豆瓣图书Top250的抓取工作&#xff0c;并存入excel中&#xff0c;如果采用的串行爬取方式&#xff0c;每次爬完…

django 按天水平分表并插入数据

db pymysql.connect("localhost", "数据库管理员名", "数据库密码", "数据库名")cursor db.cursor()unix_time str(int(time.time()))win_time datetime.datetime.now().strftime(%Y%m%d)table_name engineeringdata win_timesq…

【Python】单线程异步多线程多进程实例

上一篇文章主要介绍了多任务场景下单线程异步、多线程、多进程如何选择&#xff0c;链接&#xff1a;多任务场景下单线程异步多线程多进程 这里主要通过三个实例去验证一下简单的多任务场景下&#xff0c;三种方式的耗时情况&#xff0c;假设有10个互不关联的10个任务 多进程版…

python及pycharm2018软件安装教程

python及pycharm2018软件安装教程 python 3.6.5及pycharm2018.1.1 Win版32/64位下载地址&#xff1a; https://pan.baidu.com/s/1KdECgnrARK4HubPeFSKCTw 密码&#xff1a;bwc5 Python及PyCharm简介&#xff1a; Python 是一种面向对象的解释型计算机程序设计语言。是纯粹的自由…

【Python爬虫】requests与urllib库的区别

我们在使用python爬虫时&#xff0c;需要模拟发起网络请求&#xff0c;主要用到的库有requests库和python内置的urllib库&#xff0c;一般建议使用requests&#xff0c;它是对urllib的再次封装&#xff0c;它们使用的主要区别&#xff1a; requests可以直接构建常用的get和post…