快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Django----做一个简单网页的教程(适合初学者)-创新互联

这篇文字适合刚学习Django的同学,如果比较熟的就不用看了。

成都创新互联公司主要从事成都网站设计、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务汕尾,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

以下都是讲在windows上的部署情况;

准备:

1、python3.6

2、pycharm profession(专业版)

3、安装Django模块

以上的安装就不讲了,比较简单,网上也有很多教程。都去官网下载安装即可。

前言:

学习django框架其实就是学习它的文件目录,目录下有一些必须的模块和包,当然你也可以自己在这些目录下再新建目录或模块和包。

**一、我们打开pycharm新建一个Django工程(也可以直接在terminal下用指令django-admin startproject xxx创建)

File---New Project**
Django----做一个简单网页的教程(适合初学者)

建好好会自动生成一个目录框架。那么来了解下这个框架里文件的作用。

Django----做一个简单网页的教程(适合初学者)

二、编写业务逻辑

新建成功工程后views.py文件里是空的,需要自己编写业务逻辑。

from django.shortcuts import HttpResponse #导入HttpResponse模块

def index(request):#request是必须带的实例。类似class下方法必须带self一样
    return HttpResponse("Hello World!!")#通过HttpResponse模块直接返回字符串到前端页面

三、配置url路由

from laomomo import views#导入views模块
from django.conf.urls import url

urlpatterns=[
    url(r'^index/',views.index)#配置当访问index/时去调用views下的index方法
]

四、运行server并访问

terminal下执行 python manage.py runserver 这样执行默认的路径是127.0.0.1:8080

指定端口或地址就再后面写上,如:python manage.py runserver 127.0.0.1:8888

然后浏览器访问http://127.0.0.1:8888

Django----做一个简单网页的教程(适合初学者)

这里的Hello World!!就是views.py文件下index方法通过HttpResponse返回到前端的。

问题来了,这样感觉有点简单,如果要显示一些数据呢?怎么办?那么我们就需要写html文件来承载。

五、修改views.py里的index方法如下

from django.shortcuts import render#导入render模块

#先定义一个数据列表,当然后面熟了可以从数据库里取出来
list = [{"name":'good','password':'python'},{'name':'learning','password':'django'}]

def index(request):

    return render(request,'index.html',{'form':list})#通过render模块把index.html这个文件返回到前端,并且返回给了前端一个变量form,在写html时可以调用这个form来展示list里的内容

六、编辑html文件

新建成功工程后templates文件目录下是空的,我们需要在该目录下新建一个html文件来把内容展示到前端



    
        
        test
    
    
    
        {%for line in form%}
            
        {% endfor %}
    
用户名 密码
{{line.name}} {{line.password}}

html里要写if或for等语句时用{%%},调用变量时用{{ }}括号

我们重新运行下server,访问浏览器应该会展示list里的数据了。
Django----做一个简单网页的教程(适合初学者)

好,到这里我们可以展示后台设定好的数据给前端。这好像也不太友好。我们来做一个前端可以输入用户名和密码,然后把输入的用户和密码展示出来。

七、重新编写html文件



    
        
        test
    
    
    
            {% csrf_token %}
            

{%for line in form%} {% endfor %}
用户名 密码
{{line.name}} {{line.password}}

这里加入了用户名和密码的输入框和一个提交按钮,设置的方法试post,下面我们就需要编写views.py下的index方法来获取这个post过来的数据,然后返回给前端显示。

八、修改views.py下的index方法:

from django.shortcuts import render#导入render模块

#先定义一个数据列表,当然后面熟了可以从数据库里取出来
list = [{"name":'good','password':'python'},{'name':'learning','password':'django'}]

def index(request):
    #获取前端post过来的用户名和密码
    name = request.POST.get('name',None)
    password = request.POST.get('password',None)

    #把用户和密码组装成字典
    data = {'name':name,'password':password}
    list.append(data)

    return render(request,'index.html',{'form':list})#通过render模块把index.html这个文件返回到前端,并且返回给了前端一个变量form,在写html时可以调用这个form来展示list里的内容

再次运行server通过浏览器访问就会有提交的数据实时展示了的效果了

Django----做一个简单网页的教程(适合初学者)

到这里就完成了一个简单的网页制作的过程,有问题可以向我提问。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:Django----做一个简单网页的教程(适合初学者)-创新互联
文章起源:http://6mz.cn/article/pcocj.html

其他资讯