python django做网页_响应式网页怎么做啊

python django做网页_响应式网页怎么做啊这篇文字适合刚学习Django的同学,如果比较熟的就不用看了。以下都是讲在windows上的部署情况;准备:1、python3.62、pycharm profession(专业版)3、安装Django模块以上的安装就不讲了,比较简单,网上也有很多教程。都去官网下载安装即可。 前言:学习django框架其实就是学习它的文件目录,目录下有一些必须的模块和包,当然你也…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

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

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

准备:

1、python3.6

2、pycharm profession(专业版)

3、安装Django模块

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

 

前言:

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

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

File—New Project

python django做网页_响应式网页怎么做啊

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

 

python 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

python 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文件来把内容展示到前端

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>test</title>
    </head>
    <body>
    <table border="1">
        <thead>
        <tr>
            <td>用户名</td>
            <td>密码</td>
        </tr>
        </thead>
        {%for line in form%}
            <tr>
                <td>{
  
  {line.name}}</td>
                <td>{
  
  {line.password}}</td>
            </tr>
        {% endfor %}
    </table>
    </body>

</html>

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

我们重新运行下server,访问浏览器应该会展示list里的数据了。

python django做网页_响应式网页怎么做啊

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

 

七、重新编写html文件

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>test</title>
    </head>
    <body>
    <table border="1">
        <form action="/index/" method="post">
            {% csrf_token %}
            <P>
                <label >用户名:</label>
                <input type="text" name ='name'/>
            </P>
            <P>
                <label>密码:</label>
                <input type="text" name='password'/>
            </P>
            <p><input type="submit" value="提交"/></p>
        </form>
        <thead>
        <tr>
            <td>用户名</td>
            <td>密码</td>
        </tr>
        </thead>
        {%for line in form%}
            <tr>
                <td>{
  
  {line.name}}</td>
                <td>{
  
  {line.password}}</td>
            </tr>
        {% endfor %}
    </table>
    </body>

</html>

这里加入了用户名和密码的输入框和一个提交按钮,设置的方法试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通过浏览器访问就会有提交的数据实时展示了的效果了

python django做网页_响应式网页怎么做啊

 

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/182410.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • yii2 rbac权限管理学习笔记

    yii2 rbac权限管理学习笔记

  • csv文件格式说明[通俗易懂]

    csv文件格式说明[通俗易懂]csv文件应用很广泛,历史也很悠久。有很多种类型的csv格式,常用的是rfc4180定义的格式。csv文件包含一行或多行记录,每行记录中包含一个或多个字段。记录与记录之间使用换行符分隔,最后一个记

  • 二叉树性质[通俗易懂]

    二叉树性质[通俗易懂]转载skywang12345 http://www.cnblogs.com/skywang12345/p/3576328.html树的介绍1.树的定义树是一种数据结构,它是由n(n>=1)个有限节点组成一个具有层次关系的集合。把它叫做“树”是因为它看起来像一棵倒挂的树,也就是说它是根朝上,而叶朝下的。它具有以下的特点:(01)每个节点有零个或多个子

  • 502 Bad Gateway 常见解决思路

    502 Bad Gateway 常见解决思路一般在访问某些网站或者我们在做本地测试的时候,服务器突然返回502BadGatewayNginx,这种问题相信大家也遇到不少了,这里我再总结下几种处理方式,有缺少或者错误的希望有大神能指出。一般的思维:502,说明服务器没有响应,也就是我们的web服务器没有接到有效的信息导致的。产生错误的原因主要是:连接超时,我们向服务器发送请求由于服务器当前链接太多,导致服务器方面无…

  • spring mvc 使用@notNull 注解验证请求参数

    spring mvc 使用@notNull 注解验证请求参数springmvc使用@notNull注解验证请求参数使用方式@NotNull@Min@valid验证生效进阶注解接口校验逻辑实现自定义注解使用处理请求时,有些参数是必传或者必须遵循某些规则的,如果针对每个请求都写一遍验证的话相当繁琐,而且代码维护起来也麻烦,正好框架将参数校验的功能抽象处理啊了,我们可以利用这个完成80%的校验场景使用方式使用起来很简单,只需要加上几…

  • PCA降维算法总结以及matlab实现PCA(个人的一点理解)

    PCA降维算法总结以及matlab实现PCA(个人的一点理解)PCA的一些基本资料最近因为最人脸表情识别,提取的gabor特征太多了,所以需要用PCA进行对提取的特征进行降维。本来最早的时候我没有打算对提取的gabor特征进行降维,但是如果一个图像时64*64,那么使用五个尺度八个方向的gabor滤波器进行滤波,这样提取的特征足足有64*64*5*8这么多,如果图像稍微大一点,比如12

    2022年10月25日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号