這篇文章主要講解了“Django怎么實現列表頁商品數據返回功能”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Django怎么實現列表頁商品數據返回功能”吧!
成都創(chuàng)新互聯公司2013年至今,是專業(yè)互聯網技術服務公司,擁有項目成都網站制作、成都做網站網站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元忠縣做網站,已為上家服務,為忠縣各地企業(yè)和個人服務,聯系電話:18982081108采用的是cbv方式,cbv就是在url中一個路徑對應一個類
rom django.views.generic import View from goods.models import Goods class GoodsListView(View): """ 通過django的view實現商品列表頁 :param request: :return: """ def get(self,request): #重寫View中的get方法 goods_list = Goods.objects.all()[:10] #返回前所有商品的前10條數據 json_list = [] for goods in goods_list: json_item = {} json_item["name"] = goods.name json_item["market_price"] = goods.market_price json_item["sold_num"] = goods.sold_num json_list.append(json_item) from django.http import HttpResponse import json content = json.dumps(json_list) #將JSON格式轉成python字符串 return HttpResponse(content,"application/json")
在urls.py文件中配置函數對應的路由
from goods.views_base import GoodsListView urlpatterns = [ """ #商品列表的路由 url(r'^goods/$',GoodsListView.as_view(),name="goods_list") """ ]
接下來我們就可以通過url看到返回的數據信息了
補充知識:django通過ajax請求接口返回多條數據,并動態(tài)生成表格,請求表單后將表格數據并入庫
一、最近在做接口相關的開發(fā),需求是這樣的,通過一個接口所需要傳遞的參數,調用接口后,處理接口響應的參數,返回多條數據,并動態(tài)生成表格,請求表單后將表格的數據入庫,下面是我改過的代碼,跟實際代碼有些出入,但都是差不多的,只是命名相關的改了一下,第三方接口的代碼下面不會公布出來,請見諒!
二、其中界面很簡單,就一個文本輸入框,輸入關鍵字,一個查詢按鈕,點擊的時候觸發(fā)js事件,并通過ajax請求,還有一個暫時沒有數據的表格,查詢后動態(tài)生成的數據,操作只有一個移除功能,可以移除這條表格的數據,保存后入庫,這里只貼主要代碼,這里主要通過關鍵字來查找某個組group的用戶信息,具體操作需根據實際業(yè)務情況:
(1)、html頁面代碼如下:
<form method="post" action="{% url 'user:user_info_add' %}"> {% csrf_token %} <div> <input id="key_words" name="key_words" type="text"> <a οnclick="query({{ user_id }})">查詢</a> </div> <table> <thead> <tr> <th>姓名</th> <th>身份證號</th> <th>手機號</th> <th>操作</th> </tr> </thead> <tbody id="user_info"> </tbody> </table> <button type="submit">保存</button>
(2)、js事件代碼如下:
<script type="text/javascript"> function query(user_id){ var key_words= $('#key_words').val() $.ajax({ type: "post", url: "{% url 'user:user_query_info' %}", dataType: "json", data: JSON.stringify({user_id: user_id, key_words: key_words}), success: function (data) { for (var i = 0; i < data.length; i++) { $('#user_info').append("<tr id='row"+i+"'><input type='hidden' name='row"+ i +"' value='"+i+"'><td>"+ data[i]['name'] + "</td><input type='hidden' name='name"+ i +"' value='"+data[i]['name']+"'><td>"+ data[i]['id_no'] + "</td><input type='hidden' name='id_no"+ i +"' value='"+data[i]['id_no']+"'><td>" + data[i]['mobile_no']+"</td><input type='hidden' name='mobile_no"+ i +"' value='"+data[i]['mobile_no']+"'><td><a οnclick='remove("+i+")'>移除</a></td></tr>") } } }); } function remove(i) { $('#row'+i).remove() } </script>
(3)、其中點擊查詢來請求接口,這里django底下的url為user:user_query_info,其中view底下便是查詢所需數據,并調用接口UserInfoSearch,這個封裝的接口便不提供了,就是封裝參數請求過去而已,返回響應的數據動態(tài)生成表格,主要代碼如下:
from django.views.decorators.csrf import csrf_exempt from django.http import JsonResponse from json import loads from user.models.user_model import User from interface.models import UserInfoSearch class QueryUserInfo(View): """ 查詢用戶信息 """ def post(self, request): # 獲取ajax請求過來的data數據 for key in request.POST: keydict = eval(key) user_id = int(keydict["user_id"]) user_name = str(keydict["user_name"]) # 獲取用戶相關的數據庫數據,供接口使用 user_object = User.objects.get(id=user_id) group_id = user_object.group_id query_id = user_object.query_id # 請求搜索用戶信息接口 user_info_data = loads(UserInfoSearch.get( self, request, query_id, group_id, user_name).content) user_info_data = loads(user_info_data) # 返回成功進行操作,取出相關數據,并封裝進user_info_list這個列表當中,返回一個JsonResponse對象,通過返回的數據動態(tài)生成表格 if user_info_data['code'] == 0: print(user_info_data) user_data = user_info_data['data'] user_info_list = [] for user in user_data: user_list = user['userList'] for list in user_list: user_dict = {} user_dict['name'] = list['name'] for info_list in list['infoList']: user_dict['id_no'] = info_list['id_no'] user_dict['mobile_no'] = info_list['mobile_no'] user_info_list.append(user_dict) print(user_info_list) else: user_info_list = [] return JsonResponse(user_info_list, safe=False) @csrf_exempt def dispatch(self, *args, **kwargs): return super(QueryUserInfo, self).dispatch(*args, **kwargs)
接口返回成功時,響應的數據格式如下:
{ "code": 0, "message": "成功", "data": [ { "keywords": "軟件工程", "groupId": "10", "userList": [ { "name": '林小熊', "infoList": [ { "id_no": '4413199509237848', "mobile_no": '18565726783' } ] } { "name": '林大熊', "infoList": [ { "id_no": '4413199509837848', "mobile_no": '18565726788' } ] } ] } ] }
(4)、請求接口成功后,如果有響應數據的話,就會動態(tài)生成表格,在上面的js底下有封裝了幾個input表單隱藏域,用來保存數據使用,主要的思路是把表格底下的每一條數據的不同列都通過索引來區(qū)分標記,比如第一行的就分別為row0,name0,id_no0,mobile_no0,以此類推,主要js的代碼如下:
for (var i = 0; i < data.length; i++) { $('#user_info').append("<tr id='row"+i+"'><input type='hidden' name='row"+ i +"' value='"+i+"'><td>"+ data[i]['name'] + "</td><input type='hidden' name='name"+ i +"' value='"+data[i]['name']+"'><td>"+ data[i]['id_no'] + "</td><input type='hidden' name='id_no"+ i +"' value='"+data[i]['id_no']+"'><td>" + data[i]['mobile_no']+"</td><input type='hidden' name='mobile_no"+ i +"' value='"+data[i]['mobile_no']+"'><td><a οnclick='remove("+i+")'>移除</a></td></tr>") }
點擊保存之后,要將返回多條數據入庫,而關鍵字是一樣的,關鍵字一樣,但是返回數據多天,這里就要篩選處理數據,主要代碼如下,那些model還有引包的這里就不附上了,這里主要是記錄如何得到所要保存的數據,篩選過濾數據:
class UserInfoAddView(View): def post(self, request, user_id): """ 添加用戶信息 :param request: :param user_id: 用戶表id :return: """ key_words = request.POST.get('key_words') common_user_data = {'key_words': key_words} user_info_list = [] # 獲取所有表單數據,但只篩選動態(tài)表格底下的表單隱藏域名稱包含row的,然后通過這個鍵找到其值,然后通過其值找到動態(tài)表格的各個數據,封裝為字典,并追加到列表底下 for key, val in request.POST.items(): user_dict = {} if 'row' in key: name = request.POST.get('name' + val) id_no = request.POST.get('id_no' + val) mobile_no = request.POST.get('mobile_no' + val) user_dict['name'] = name user_dict['id_no'] = id_no user_dict['mobile_no'] = mobile_no # 這里過濾掉循環(huán)所產生空的字典,有數據才追加列表 if user_dict: user_info_list.append(user_dict) # 循環(huán)列表底下的字典數據,并合并公共的數據字典,最后入庫 for user in user_info_list: user_data = dict(common_user_data, **user) UserInfo.objects.create(**user_data) return render(request, '/user/user_info_success.html')
感謝各位的閱讀,以上就是“Django怎么實現列表頁商品數據返回功能”的內容了,經過本文的學習后,相信大家對Django怎么實現列表頁商品數據返回功能這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯成都網站設計公司,小編將為大家推送更多相關知識點的文章,歡迎關注!
另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網站題目:Django怎么實現列表頁商品數據返回功能-創(chuàng)新互聯
當前URL:http://bm7419.com/article46/cdeeeg.html
成都網站建設公司_創(chuàng)新互聯,為您提供網站維護、靜態(tài)網站、服務器托管、網站導航、關鍵詞優(yōu)化、建站公司
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯