电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

使用Django搭建網站實現商品分頁功能

瀏覽:51日期:2024-09-30 15:54:28

裝好Django,寫好index.html后,可以展示網頁了。但是這只是靜態頁面,沒有關聯數據庫,也不能分頁展示商品信息。本節連接mongodb數據庫(事先已準備好數據),從中取出幾十條商品信息,每頁展示4個商品信息,并具有翻頁功能,做好的頁面效果大致如下:

使用Django搭建網站實現商品分頁功能

開始代碼:

1、在settings.py(項目名稱目錄下)中,增加2段代碼,分別是static文件夾位置和連接mongodb的代碼:

STATIC_URL = ’/static/’STATICFILES_DIRS = (os.path.join(BASE_DIR,’static’),) # 指定static文件夾位置from mongoengine import connectconnect(’ganji’, host=’127.0.0.1’, port=27017) # 連接ganji數據庫

2、在models.py(本APP目錄下)中,代碼:

from django.db import modelsfrom mongoengine import * # Create your models here. # 創建帖子信息類,繼承自mongoengine的文件類<br data-filtered='filtered'>class PostInfo(Document): area = ListField(StringField()) title = StringField() cates = ListField(StringField()) price = StringField() pub_date = StringField() # 數據集里面所有的字段都要有,就算不用也得列出來 url = StringField() look = StringField() time = IntField() cates2 = StringField() meta = {’collection’:’goods_info’} # 定位好是goods_info數據集

3、在views.py(本APP目錄下)中,代碼:

from django.shortcuts import renderfrom sample_blog.models import PostInfo # 導入已寫好的數據結構from django.core.paginator import Paginator # 導入分頁器 # Create your views here.def index(request): limit = 4 # 每頁放幾條帖子 all_post_info = PostInfo.objects[:20] # 取前20個帖子的數據 paginatior = Paginator(all_post_info, limit) # 用分頁器分頁 page_num = request.GET.get(’page’, 1) # 取request中的頁碼,取不到就為1 loaded = paginatior.page(page_num) # 取page_num那一頁的數據,一般是4條 context = { # 首條固定的帖子信息 ’title’: ’三星 A5 白色’, ’des’: ’【圖】三星 A5 白色 沒有打開過 - 朝陽望京臺式機/配件 - 北京58同城’, ’price’: ’1500’, ’area’: ['朝陽', '望京'], ’tag1’: '北京二手市場', ’tag2’: '北京二手臺式機/配件', # 每頁更新的帖子信息 ’one_page_post’: loaded } return render(request, ’index.html’,context)

4、修改index.html文件,主要修改了有文字標注的部分:

<div class='posts'> <h1 class='content-subhead'>Pinned Post</h1><!-- A single blog post --> <section class='post'> <header class='post-header'> <img alt='Tilo Mitra’s avatar' src='http://www.hdgsjgj.cn/bcjs/{% static ’img/common/tilo-avatar.png’ %}'><!-- 修改了{{title}}等 --> <h2 class='post-title'>{{ title }}</h2> <p class='post-meta'> 地區 <a href='http://www.hdgsjgj.cn/bcjs/17280.html#' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' class='post-author'>{{ area }}</a> under <a href='http://www.hdgsjgj.cn/bcjs/17280.html#' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' >{{ tag1 }}</a> <a href='http://www.hdgsjgj.cn/bcjs/17280.html#' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' >{{tag2}}</a> </p> </header> <div class='post-description'> <p> {{ des }}|價格:{{ price }} </p> </div> </section> </div> <div class='posts'> <h1 class='content-subhead'>Recent Posts</h1><!-- 增加for循環,將one_page_post值帶入 --> {% for item in one_page_post %} <section class='post'> <header class='post-header'> <img alt='Eric Ferraiuolo’s avatar' src='http://www.hdgsjgj.cn/bcjs/{% static ’img/common/ericf-avatar.png’ %}'> <h2 class='post-title'>{{ item.title }}</h2> <p class='post-meta'> 地區 <a href='http://www.hdgsjgj.cn/bcjs/17280.html#' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' >{{ item.area }}</a>分類<!-- 再增加一個for循環,把cates里的元素都展示出來 --> {% for cate in item.cates %} <a href='http://www.hdgsjgj.cn/bcjs/17280.html#' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' rel='external nofollow' >{{ cate }}</a> {% endfor %} </p> </header> <div class='post-description'> <p> {{ item.title }}|價格:{{ item.price }} </p> </div> </section> {% endfor %} </div><!-- 增加本段div,實現頁面底部可翻頁 --> <div align='center'> {% if one_page_post.has_previous %} <a href='http://www.hdgsjgj.cn/bcjs/?page={{ one_page_post.previous_page_number }}' rel='external nofollow' >< Pre</a> {% endif %} <span> {{ one_page_post.number }} of {{ one_page_post.paginator.num_pages }} </span> {% if one_page_post.has_next %} <a href='http://www.hdgsjgj.cn/bcjs/?page={{ one_page_post.next_page_number }}' rel='external nofollow' >Next ></a> {% endif %} </div>

5、附上urls.py(項目名稱目錄下)文件,本節中并沒有修改,但也備注上:

from django.contrib import adminfrom django.urls import pathfrom sample_blog.views import index urlpatterns = [ path(’admin/’, admin.site.urls), path(’index/’, index),]

以上步驟完成后,啟動服務(python manage.py runserver),訪問http://127.0.0.1:8000/index/即可看到效果。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: Django
相關文章:
主站蜘蛛池模板: 置顶式搅拌器-优莱博化学防爆冰箱-磁驱搅拌器-天津市布鲁克科技有限公司 | 杭州公司变更法人-代理记账收费价格-公司注销代办_杭州福道财务管理咨询有限公司 | 铣刨料沥青破碎机-沥青再生料设备-RAP热再生混合料破碎筛分设备 -江苏锡宝重工 | 超声波分散机-均质机-萃取仪-超声波涂料分散设备-杭州精浩 | 5nd音乐网|最新流行歌曲|MP3歌曲免费下载|好听的歌|音乐下载 免费听mp3音乐 | 上海皓越真空设备有限公司官网-真空炉-真空热压烧结炉-sps放电等离子烧结炉 | 等离子空气净化器_医用空气消毒机_空气净化消毒机_中央家用新风系统厂家_利安达官网 | 武汉EPS线条_EPS装饰线条_EPS构件_湖北博欧EPS线条厂家 | 立式硫化罐-劳保用品硫化罐-厂家直销-山东鑫泰鑫硫化罐厂家 | 汽车润滑油厂家-机油/润滑油代理-高性能机油-领驰慧润滑科技(河北)有限公司 | 科研ELISA试剂盒,酶联免疫检测试剂盒,昆虫_植物ELISA酶免试剂盒-上海仁捷生物科技有限公司 | 生产自动包装秤_颗粒包装秤_肥料包装秤等包装机械-郑州鑫晟重工科技有限公司 | 工业插头-工业插头插座【厂家】-温州罗曼电气 | 工业冷却塔维修厂家_方形不锈钢工业凉水塔维修改造方案-广东康明节能空调有限公司 | 篷房|仓储篷房|铝合金篷房|体育篷房|篷房厂家-华烨建筑科技官网 知名电动蝶阀,电动球阀,气动蝶阀,气动球阀生产厂家|价格透明-【固菲阀门官网】 | 飞飞影视_热门电影在线观看_影视大全 | 亳州网络公司 - 亳州网站制作 - 亳州网站建设 - 亳州易天科技 | 温州富欧金属封头-不锈钢封头厂家 | 根系分析仪,大米外观品质检测仪,考种仪,藻类鉴定计数仪,叶面积仪,菌落计数仪,抑菌圈测量仪,抗生素效价测定仪,植物表型仪,冠层分析仪-杭州万深检测仪器网 | 高压包-点火器-高压发生器-点火变压器-江苏天网 | 恒温振荡混匀器-微孔板振荡器厂家-多管涡旋混匀器厂家-合肥艾本森(www.17world.net) | 水质监测站_水质在线分析仪_水质自动监测系统_多参数水质在线监测仪_水质传感器-山东万象环境科技有限公司 | 旗帜网络笔记-免费领取《旗帜网络笔记》电子书| 电镀整流器_微弧氧化电源_高频电解电源_微弧氧化设备厂家_深圳开瑞节能 | 聚丙烯酰胺_阴离子_阳离子「用量少」巩义亿腾厂家直销,售后无忧 聚合甘油__盐城市飞龙油脂有限公司 | 列管冷凝器,刮板蒸发器,外盘管反应釜厂家-无锡曼旺化工设备有限公司 | 老城街小面官网_正宗重庆小面加盟技术培训_特色面馆加盟|牛肉拉面|招商加盟代理费用多少钱 | 恒温槽_恒温水槽_恒温水浴槽-上海方瑞仪器有限公司 | 医疗仪器模块 健康一体机 多参数监护仪 智慧医疗仪器方案定制 血氧监护 心电监护 -朗锐慧康 | 换链神器官网-友情链接交换、购买交易于一体的站长平台 | 耐高温电缆厂家-远洋高温电缆 | 苏州柯瑞德货架-仓库自动化改造解决方案 | 德州网站制作 - 网站建设设计 - seo排名优化 -「两山建站」 | 棉服定制/厂家/公司_棉袄订做/价格/费用-北京圣达信棉服 | 江苏农村商业银行招聘网_2024江苏农商行考试指南_江苏农商行校园招聘 | 实验室装修_实验室设计_实验室规划设计- 上海广建净化工程公司 | 生态板-实木生态板-生态板厂家-源木原作生态板品牌-深圳市方舟木业有限公司 | 瑞典Blueair空气净化器租赁服务中心-专注新装修办公室除醛去异味服务! | 智能案卷柜_卷宗柜_钥匙柜_文件流转柜_装备柜_浙江福源智能科技有限公司 | 潜水搅拌机-双曲面搅拌机-潜水推进器|奥伯尔环保 | 基业箱_环网柜_配电柜厂家_开关柜厂家_开关断路器-东莞基业电气设备有限公司 |