刚接触Django/Python，完全不知道为什么我的网页没有链接

2024-04-27 05:15:02 发布

您现在位置：Python中文网/ 问答频道 /正文
4270 3

我完全不明白为什么我的网页没有链接。它们似乎没有引用正确的文件路径。。。我试着链接以下3页。你知道吗

  1. 主页
  2. 主页右上角的“艺术家”图标注册专家.html所以当我点击“艺术家”时，它会把我带到注册页面
  3. 主页右上角的“客户”图标注册表用户.html因此，当我点击“客户”时，它会把我带到注册页面

我在下面添加了代码：

  1. 你知道吗主页.html你知道吗
  2. 你知道吗注册专家.html你知道吗
  3. 你知道吗注册表用户.html你知道吗
  4. 作为图像附加的文件结构
  5. 当我点击以图片形式添加的链接时出现registerprofessional错误
  6. 注册用户错误时，我得到点击链接添加为图像
  7. 你知道吗网址.py 如果我还需要补充什么，请告诉我。你知道吗

参见下面的代码：

（一）主页.html你知道吗

 <!doctype html>
    <html>
    <head>
        <title>ArtistsDecoded</title>

        <meta charset="utf-8" />
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="/static/web/css/vendor/bootstrap.min.css">
        <link rel="stylesheet" href="/static/web/css/home.css">

        <!--  background image changer
        <script type="text/javascript">
        $(window).load(function() {
        var i =0;
        var images = ['images/homepage/Arianna.jpg','images/homepage/vintagecam.jpg','images/homepage/10505026_413590265448462_3108080538408848321_o.jpg'];
        var image = $('#slideit');
                      //Initial Background image setup
        image.css('background-image', 'url(images/homepage/Arianna.jpg)');
                      //Change image at regular intervals
        setInterval(function(){  
            image.fadeOut(1000, function () {
                image.css('background-image', 'url(' + images [i++] +')');
                image.fadeIn(1000);
                });
                if(i == images.length)
                i = 0;
            }, 5000);  
             });
        </script>
        -->
    </head>

    <body style="background-image:url(/static/web/img/homepage/arianna.jpg)">
    <!--  background image changer not working  <div id="slideit" style="width:700px;height:391px;"></div>
         -->
        <div class="container">     
            <!--row 1-->
            <header class="row">    
                <div class="col-xs-3">
                    <div id="title">
                    <p><a href="home.html"><i>ArtistsDecoded</i></a></p>
                    </div>
                </div>

                <div class="col-xs-5"></div>


            <div id="loginbar">
                <div class="col-xs-1">
                    <div id="createprofile">
                        <p><a href="registerprofessional.html">Artists</a></p>
                    </div>

                </div>

                <div class="col-xs-1">
                    <div id="signup">
                        <p><a href="registeruser.html">Customers</a></p>
                    </div>
                </div>  

                <div class="col-xs-1">
                    <div id="help">
                        <p><a href="homepagebootstrap.html">Help</a></p>
                    </div>
                </div>

                <div class="col-xs-1">
                    <div id="login">
                        <p><a href="login.html">Log In</a></p>
                    </div>
                </div>
            </div>

            </header><!--top bar-->

            <!--row 2-->
            <div class="row">
                <div class="col-md-12 center-block">
                <div class="welcome_text_div center-block">
                    <br></br><br></br><br></br><br></br><br></br><br></br><br></br>
                <div class="how_it_works_box text-center">
                    <a href="#" id="how_it_works">
                        How It Works
                    </a>
                </div>
                </div>
                </div>
            </div>

            <div class="row">

            <div class="col-md-12 center-block">
                <div class="searchbardiv text-center">
                <form action="">
                <br></br><br></br><br></br><br></br>
                <select class="selectprofession">
                <option>What Are You Looking For?</option>
                <option>Hair Stylist</option>
                <option>Henna Artist</option>
                <option>Make-up Artist</option>
                <option>Photographer</option>
                <option>Videographer</option>
                </select>

                <input id="locationbox" type="text" placeholder="Where?"/>
                <input class="datebox" type="date" name="Date From?"/>
                <input class="datebox" type="date" name="Date To?"/>
                <input id="search" type="submit" value="Search" />

                </form>
            </div>
            </div>
            </div>
        </div><!--container-->

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="/static/web/js/bootstrap.min.js"></script>
    </body>
    </html>

（二）注册专家.html你知道吗

<!doctype html>
<html>
<head>
    <title>ArtistsDecoded</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--bootstrap-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/registertemp.css">



</head>

<body>
<div class="row">
        <div class="col-xs-12">

            <div class="title"><i>ArtistsDecoded</i></div>

        </div>
        </div>

    <hr>


    <div class="container">

        <br></br>


    <div class="row">
        <div class="col-xs-12">
        <div class="form">


        <h4><img class="registerimage" src="Images/Registertemp/registertemp.jpg" alt="register" height="35px"></img><strong>Register Your Serices</strong></h4>
        <p>Be the first to know when we launch this site!<p>


        <form role="form">

            <div class="form-group">
            <Select name="Profession" multiple>
            <option>Select Profession*</option>
            <option value="make-up artist">Make-up Artist</option>
            <option value="mehndi artist">Mehndi Artist</option>
            <option value="hair stylist">Hair Stylist</option>
            <option value="photographer">Photographer</option>
            <option value="dhol group">Dhol Group</option>
            </Select>
            </div>

            <div class="form-group">
            <label class="sr-only" for="firstname">First name:</label>
            <input type="name" class="form-control" id="fname" placeholder="First name">
            </div>

            <div class="form-group">
            <label class="sr-only" for="surname">Surname:</label>
            <input type="name" class="form-control" id="sname" placeholder="Surname">
            </div>

            <div class="form-group">
            <label class="sr-only" for="email">Email address:</label>
            <input type="email" class="form-control" id="email" placeholder="Email">
            </div>

            <div class="form-group">
            <label class="sr-only" for="number">Phone number:</label>
            <input type="text" class="form-control" id="phone" placeholder="Phone number">
            </div>

            <div class="form-group">
            <label class="sr-only" for="instagramid">Instagram ID:</label>
            <input type="text" class="form-control" id="instagram" placeholder="Instagram ID">
            </div>

            <div class="form-group">
            <label class="sr-only" for="facebookid">Facebook ID:</label>
            <input type="text" class="form-control" id="facebook" placeholder="Facebook ID">
            </div>

            <div class="form-group">
            <label class="sr-only" for="twitterid">Twitter ID:</label>
            <input type="text" class="form-control" id="twitter" placeholder="Twitter ID">
            </div>

            <p class="selectinstructions">*Hold down the Ctrl (windows) / Command (Mac) button to select multiple options.</p>

            <div class="checkbox">
            <label><input type="checkbox">I have read &amp; agree with the <a href="termsandconditions.html">terms and conditions</a></label>
            </div>

            <button type="submit" class="btn btn-primary btn-md" rel="contact_form1" id="contact_form1_button">Submit</button>

        </form> 




    </div><!--form-->
    </div><!--col-->
    </div><!--row-->

    </div><!--container-->

<script src="jquery/jquery.js"></script>    
<script src="js/bootstrap.min.js"></script>     
</body>


</html>

（三）注册表用户.html你知道吗

<!doctype html>
<html>
<head>
    <title>ArtistsDecoded</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--bootstrap-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/registertemp.css">


</head>

<body>
<div class="row">
        <div class="col-xs-12">

            <div class="title"><i>ArtistsDecoded</i></div>

        </div>
        </div>

    <hr>


    <div class="container">

        <br></br>


    <div class="row">
        <div class="col-xs-12">
        <div class="form">


        <h4><img class="registerimage" src="Images/Registertemp/findservices.jpg" alt="register" height="35px"></img><strong>Looking for a Professional</strong></h4>
        <p>Be the first to know when we launch this site!<p>


        <form role="form">

            <div class="form-group">
            <label class="sr-only" for="firstname">First name:</label>
            <input type="name" class="form-control" id="fname" placeholder="First name">
            </div>

            <div class="form-group">
            <label class="sr-only" for="surname">Surname:</label>
            <input type="name" class="form-control" id="sname" placeholder="Surname">
            </div>

            <div class="form-group">
            <label class="sr-only" for="email">Email address:</label>
            <input type="email" class="form-control" id="email" placeholder="Email">
            </div>

            <div class="form-group">
            <label class="sr-only" for="number">Phone number:</label>
            <input type="text" class="form-control" id="phone" placeholder="Phone number">
            </div>

            <div class="checkbox">
            <label><input type="checkbox">I have read &amp; agree with the <a href="termsandconditions.html">terms and conditions</a></label>
            </div>

            <button type="submit" class="btn btn-primary btn-md" rel="contact_form1" id="contact_form1_button">Submit</button>

        </form> 




    </div><!--form-->
    </div><!--col-->
    </div><!--row-->

    </div><!--container-->

<script src="jquery/jquery.js"></script>    
<script src="js/bootstrap.min.js"></script>     
</body>


</html>

file structure

5）错误-注册专家

Error - Registerprofessional

6）错误-寄存器用户

Error - Registeruser

（第7页）网址.py你知道吗

"""
The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/1.8/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')
Including another URLconf
    1. Add an import:  from blog import urls as blog_urls
    2. Add a URL to urlpatterns:  url(r'^blog/', include(blog_urls))
"""
from django.conf.urls import include, url
from django.contrib import admin

urlpatterns = [
    url(r'^$', 'src.views.home', name='home'),
    url(r'^admin/', include(admin.site.urls)),
]

提前谢谢你的帮助


Tags： namebrdivformidinputhtmltype
1条回答
网友
1楼 · 发布于 2024-04-27 05:15:02

您没有配置URL。如果你没有告诉Django如何处理URL，它就无法处理。你知道吗

Go to the tutorial, and follow it.

相关问题 更多 >

    编程相关推荐