系列文章将记录本人从零开始搭建资讯类的网站,所有源码都开放哦!欢迎互相讨论学习!
源码下载地址:https://github.com/wuqiwenpk/babyteach
本系列文章导航:https://github.com/wuqiwenpk/babyteach/blob/master/README.md
本篇目的
完成三个页面(首页、搜索页、内容页)的基本框架展示。
1、使用pycharm打开项目
目前项目结构如下(项目的创建参考上一篇):
2、配置路由urls.py:
2.1、在DjangoProject\babyteach下右键新建.py文件 urls.py
添加内容:
from . import views
from django.urls import path
urlpatterns = [
path('index', views.index),#首页
path('detail', views.detail),#详情页
path('search', views.search),#搜索页
]
2.2、修改DjangoProject\DjangoProject\urls.py文件:
添加内容:
path('', include('babyteach.urls')),
(注意:这两个urls.py不是同一个文件哦! DjangoProject\DjangoProject\urls.py是默认生成的,前面的需要手动添加!)
3、添加模板文件:
3.1、在DjangoProject目录下添加目录templates以及子目录babyteach 并右键新建三个html文件:
index.html detail.html search.html 格式大致如下:
4、修改setting.py配置文件
由于使用了templates模板,需要修改DjangoProject\DjangoProject\settings.py 目录下的文件:
把
'DIRS': []
改成
'DIRS': [os.path.join(BASE_DIR, 'templates')],
把app添加到settings.py中:
修改settings.py 在代码中添加:
5、修改views.py视图文件
修改DjangoProject\babyteach\views.py 目录下的文件
添加内容:
from django.shortcuts import render
#首页视图
def index(request):
return render(request, 'babyteach/index.html')
#详情页视图
def detail(request):
return render(request, 'babyteach/detail.html')
#搜索页视图
def search(request):
return render(request, 'babyteach/search.html')
6、测试
打开cmd命令行 cd 到项目的根目录下(目录中有个文件manage.py)
cd e:\babyteach\DjangoProject
启动网站:
python manage.py runserver 127.0.0.1:8002
在浏览器中分别访问:
首页:http://127.0.0.1:8002/index
内容页:http://127.0.0.1:8002/detail
搜索页:http://127.0.0.1:8002/search
有对应内容则说明没问题。
本文总结:
完成三个页面(首页、搜索页、内容页)的基本框架展示;
本文对于源码地址:https://github.com/wuqiwenpk/babyteach/tree/w3
(注:源码根据标签进行标记w3对应本篇文章)