• django实现点击文章跳转至文章详细页面


    1.models设置

    class show_UEpojcet_img(models.Model):
        UEpoject_id = models.AutoField(primary_key=True, verbose_name='项目识别码')
        UEpoject_data = models.DateTimeField('上传时间',null=True,blank=True)
        UEpoject_title = models.CharField(verbose_name='项目名称', max_length=10)
        UEpoject_img = models.ImageField("项目封面",upload_to='upload/poject/%Y/%m/%d')
        UEpoject_img1 = models.ImageField("项目预览图1",upload_to='upload/poject/yulanimg/%Y/%m/%d')
        UEpoject_img2 = models.ImageField("项目预览图2",upload_to='upload/poject/yulanimg/%Y/%m/%d')
        UEpoject_img3 = models.ImageField("项目预览图3",upload_to='upload/poject/yulanimg/%Y/%m/%d')
        UEpoject_textmess = models.TextField("项目介绍",default="站长很赖,并没留下什么东西")
        def __str__(self):
            return self.UEpoject_title

    2.views设置

    def TEXT(request):#文章页面
        uepoject_img = show_UEpojcet_img.objects.all()
        parameter = {
            'uepoject_img': uepoject_img,
        }
        return render(request, "texts.html", parameter)

      

    def get_pojectmesspage(request,UEpoject_id):#需要跳转到的文章详细页,接收前端返回的id
        # print("————————————————————————————————————")
        # print("识别码为:",UEpoject_id)通过前端点击后返回的id来进行判断并返回相应的数据
        # print("————————————————————————————————————")
    
        all_ueid = show_UEpojcet_img.objects.all()
        for ueid in all_ueid:
            if ueid.UEpoject_id == UEpoject_id:判断回来的id与先前发布的id是否一致
                curr_ueid = ueid
                print(curr_ueid)
                break
        print("--------")
        return render(request,"pjpage.html",{
            'curr_ueid' : curr_ueid,
        })

      

    3.网页设置

    <!DOCTYPE html><!--文章页面--!>
    {% load staticfiles %}
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        {% for ueimg in uepoject_img %}
            <a href="/pojectpage/{{ ueimg.UEpoject_id }}">{{ ueimg.UEpoject_title }}</a>1
        {% endfor %}
    </body>
    </html>

     

    <div class="mypojectpage_allbox"><!--文章跳转详细页--!>
              <div class="pjpage_img">
          <img src="{{ curr_ueid.UEpoject_img.url }}" />
       </div>
       <div class="pjpage_img">
          <img src="{{ curr_ueid.UEpoject_img1.url }}" />
       </div>
       <div class="pjpage_img">
          <img src="{{ curr_ueid.UEpoject_img2.url }}" />
       </div>
       <div class="pjpage_img">
          <img src="{{ curr_ueid.UEpoject_img3.url }}" />
       </div>
    </div>

      

    4.urls设置

    urlpatterns = [
        path('admin/', admin.site.urls),
        path('pojectpage/<int:UEpoject_id>',get_pojectmesspage),#以文章id作为名称
        path('text',TEXT)
    ] + static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)
  • 相关阅读:
    IDL读取TXT文件并写入二维数组中【转】
    远程连接ArcSDE
    Silverlight项目启动出现System.NullReferenceException未将对象引用到对象实例
    ENVI扩展工具:HDF5 Browser
    READF: End of file encountered. Unit: 100
    ENVI4.8下从两幅分类结果的栅格图中计算土地利用类型转换矩阵
    IDL中去掉数组中相同的元素方法
    利用IDL程序自动添加ENVI菜单【转】
    WIN7远程桌面连接知识
    对COM组件的调用返回了错误"HRESULT E_FAIL”的错误分析(c#与IDL混合编程)转
  • 原文地址:https://www.cnblogs.com/wandn/p/15516286.html
Copyright © 2020-2023  润新知