0
点赞
收藏
分享

微信扫一扫

纯小白也能迅速学会的创建网页的方法


为了能快速上手,本文就只讲操作,不细讲原理了。如果有看不懂的地方,或者想继续深入了解,可以参考下面几篇博文:
发布会签到系统_项目准备工作发布会签到系统_系统开发_创建项目及应用
发布会签到系统_系统开发_实现简单的web页面

注意:本文讲的是做最简单的静态页面,关于网页实现更复杂的功能(比如登陆,搜索,列表等等等),我之后会写一个《创建网页–进阶版》放在我博客里
附:怎么做一个网页,并实现登录功能(进阶版1)

【实现效果】

纯小白也能迅速学会的创建网页的方法_html


【准备工作】

1.下载python3.5.2

(1)下载地址:https://www.python.org/downloads/release/python-352/ (Windows,32位选x86,64位选x86-64,建议选择“executable install”版本下载。下载后得到.exe文件,双击安装。安装过程中,勾选“Add Python 3.5 to PATH”。安装完成,会在开始菜单生成"Python3.5"的目录)

(2)可能遇到的问题及解决方案:在dos窗口输入“python”,显示不是内部或外部命令

2.下载一个开发工具PyCharm
2018 PyCharm环境安装教程pyCharm最新2019激活码 直接用方法2激活码激活,亲测有效

【正式创建网页啦~】
1.dos窗口分别输入(注释部分不要输入):

pip install django==1.10.3    #安装django(web框架,有了这个框架,改几行代码就可以创建一个web页面)

django-admin   #django框架提供的命令

django-admin startproject guest    #创建guest项目

cd guest  #进入guest项目
python manage.py   #查看manage所提供的命令   (manage.py:创建项目时自动生成,它是一个命令行工具,让你使用Django项目时以不同方式进行交互)

python manage.py startapp sign   #创建sign应用

python manage.py runserver    #运行项目
#可以打开浏览器,访问:http://127.0.0.1:8000/  ,显示“It worked!”(127.0.0.1为指向本机的ip地址,8000为默认的端口号)

#补充:如果8000端口被占用了,那么你可以将当前命令行改为“python manage.py runserver 127.0.0.1:8001”

2.打开下载好的工具PyCharm,通过File->open->guest打开guest项目,修改以下文件中的代码

纯小白也能迅速学会的创建网页的方法_python_02


(1)setting.py文件(Django项目的配置文件)

# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'sign',           #将sign应用添加到项目中

(2)urls.py文件(Django项目的URL声明)

from django.conf.urls import url
from django.contrib import admin
from sign import views      #导入sign应用views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index/$', views.index),     #添加index/路径配置
]

(3)在应用sign/目录下创建templates/index.html文件(Django默认查找templates/目录下的HTML文件,不要随便命名该目录名!)

index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>翟羽佳做的页面</title>
</head>
<body>
    <h1>羽佳羽佳真可爱!宇宙无敌的可爱!!</h1>
</body>
</html>

(4)views.py文件(Django项目的视图文件,控制向前端页面显示的内容)

from django.shortcuts import render


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

-----到这里,进入dos窗口看有没有编译成功,成功后,打开浏览器,访问"http://127.0.0.1:8000/index/"就可以就可以看到你做出的页面效果了------


举报

相关推荐

0 条评论