vue 引入链接+ django 快速入门例子

大霞上仙

于 2024-08-31 10:59:54 发布

阅读量378

点赞数 2

分类专栏： vue 文章标签： vue.js django 前端

本文链接：https://blog.csdn.net/daxiashangxian/article/details/141749512

版权

vue 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

vue

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎访问首页</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!--    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
</head>
<body>
<h1>欢迎访问首页</h1>
<H2>我是副标题</H2>
<!--   {% for i in all_links %}-->
<!--   <a href="{{i.link_url}}">{{i.link_name}}</a>-->
<!--    {% endfor %}-->
<div id="links_div">
    <div v-for="i in all_links">
        <a :href="[[ i.link_url ]]">[[ i.link_name ]]</a>
    </div>

</div>

<script>
    console.log('你好啊')
    var div = new Vue({
        el:"#links_div",
        delimiters:["[[","]]"],
        data:{
            all_links:{{ all_links|safe }}
        }
    })
</script>


</body>
</html>

url

"""
URL configuration for zcx_db_make project.

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/5.0/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  path('', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
Including another URLconf
    1. Import the include() function: from django.urls import include, path
    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from myapp.views import *

urlpatterns = [
    path('admin/', admin.site.urls),
    path('home/',home),
    path('/',home),
]

view

from django.shortcuts import render
from myapp.models import *
# Create your views here.
def home(request):
    all_links = DB_links.objects.all()
    list_all_links = list(all_links.values())
    return render(request,'home.html',{"all_links":list_all_links})

model

from django.db import models

# Create your models here.
class DB_links(models.Model):
    link_name = models.CharField(max_length=50,null=True,blank=True)
    link_url = models.CharField(max_length=300, null=True, blank=True)

    def __str__(self):
        return self.link_name