搭建一个简单的web网页

github demo

    1. 新建django项目
搭建一个简单的web网页_第1张图片
image
  • 2.创建一个名字叫app的程序 django中不管是博客还是一个站点都是一个application,所以我们需要命名我们自己的applicaiton。
python3 manage.py startapp app

生成后的目录结构


搭建一个简单的web网页_第2张图片
image

执行完后出现了一个app的目录


搭建一个简单的web网页_第3张图片
image
  • 3.配置环境
    在vpnpage目录下面找到setting.py 文件的INSTALLED_APPS数组,把我们刚刚新建的app加入到apps中
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app'
]

templates中创建一个html文件
app中找到views.py进入一个view路径

from django.shortcuts import render


# Create your views here.
def index(request):
    return render(request, 'index.html')

vpnpage目录下找到urls.py进入一个urlpath路径

from django.contrib import admin
from django.urls import path
from django.conf.urls import url
from app.views import index

urlpatterns = [
    path('admin/', admin.site.urls),
    url(r'^index/', index),//^是正则表达优化index?id=2的找不到网页情况
]
  • 4.用static目录来加载css文件

通过{% load %}标签来加载我们的css


搭建一个简单的web网页_第4张图片
image
{% load static %}


    
    
    Untitled Document



h1

h2

h3

h4

h5
h6

this is p标签

this is p标签

google

setting.py加入一个static静态文件的变量

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

运行当前的web项目

python3 manage.py runserver
搭建一个简单的web网页_第5张图片
image

注意 域名后面记得加入我们定义的urls路径 index
http://127.0.0.1:8000/index/通过这个地址就能正常访问了

你可能感兴趣的:(搭建一个简单的web网页)