首页和登录页面配置

一、新建static 目录,把css、js、images、media、img静态文件放入static目录下

静态文件:

链接:https://pan.baidu.com/s/1tpqF26h-WecV_bcyQNmsjQ 
提取码:25y8

二、项目settings.py 文件中设置static 目录位置

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR,"static"),
)

三、将index.html和login.html 放入templates目录

四、修改index.html 和login.html 静态文件引用路径 如css,js,图片等

1、将..ctrl+R 修改为/static 如修改index

<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
	<title></title>
	<link rel="stylesheet" type="text/css" href="/static/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/static/css/animate.css">
	<link rel="stylesheet" type="text/css" href="/static/css/style.css">
    
    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

</head>

2、将index.html 登录成功代码注释,修改点击登录访问路径代码如下:
<!--登录后跳转-->
<a style="color:white" class="fr registerbtn" href="register.html">注册</a>
<!--登录访问路径href-->
<a style="color:white" class="fr loginbtn" href="/login/">登录</a>

<!-- <div class="personal">
	<dl class="user fr">
		<dd>bobby<img class="down fr" src="/static/images/top_down.png"/></dd>
		<dt><img width="20" height="20" src="/static/media/image/2016/12/default_big_14.png"/></dt>
	</dl>
	<div class="userdetail">
		<dl>
			<dt><img width="80" height="80" src="/static/media/image/2016/12/default_big_14.png"/></dt>
			<dd>
				<h2>django</h2>
				<p>bobby</p>
			</dd>
		</dl>
		<div class="btn">
			<a class="personcenter fl" href="usercenter-info.html">进入个人中心</a>
			<a class="fr" href="/logout/">退出</a>
		</div>
	</div>
</div>
-->

</div>
</div>
                            
                                

五、新增index 和login 的访问路径,修改urls.py 代码如下

"""testdjango URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/1.11/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. Import the include() function: from django.conf.urls import url, include
    2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
"""
# xadmin的依赖
import xadmin
xadmin.autodiscover()

# version模块自动注册需要版本控制的 Model
from xadmin.plugins import xversion
from django.conf.urls import url
from django.views.generic import TemplateView
xversion.register_models()


urlpatterns = [
    url(r'^adminx/', xadmin.site.urls),
    # index访问路径
    url(r'^$', TemplateView.as_view(template_name="index.html"), name="index"),
    # login访问路径
    url(r'^login/$', TemplateView.as_view(template_name="login.html"), name="login"),
]

六、启动项目访问验证是否成功

扫描二维码关注公众号,回复: 10914190 查看本文章

发布了42 篇原创文章 · 获赞 11 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/QWERTY55555/article/details/105513404