1.前言

在django中，视图的概念是：具有相同功能和模板的网页，都可以称为视图。通俗一点来说，就是你平常打开任一浏览器，输入一个地址A后看到浏览器窗口展示出来地址A所对应的页面内容B，页面内容B就算是视图。

页面内容B可以是纯文本内容，也可以是一个html页面。

在第一章【python测试开发django-1.开始hello world!】有讲过：通过任一浏览器访问【http://127.0.0.1:8000】就能在对应一个页面上展示出这样的纯文本内容【Hello world ! 洪景盛的django项目首页 !】。

但是按照正常用户操作，每次用户在浏览器输入一个任意正确的地址X，都希望展示的是一个地址X对应的html页面。

本篇，就重点讲下【每次用户在浏览器输入一个任意正确的地址X，如何给用户展示一个地址X对应的html页面的基本操作步骤？】。

2.基本操作步骤

2.1.第一步：新建一个应用。

相关知识点：一个django项目【helloworld】里可以有不限数量的多个应用(app)。

我们在pycharm的【Terminal】终端里进入到django项目【helloworld】的manage.py所在的目录地址下，并使用该固定的命令行【python manage.py startapp app(任意一个新的应用名)】创建成功一个新的应用。

比如我们要新创建一个名为【hello】的应用，可以用该命令行【python manage.py startapp hello】。

命令行【python manage.py startapp hello】执行成功后，可以看到新生成的一个应用的目录结构如下：

细节： 中文【应用】，对应的英文全称是【application】，所以对应的默认英文缩写为【app】。

2.2.第二步：进行setting配置。

新建成功了一个应用【hello】后，接下来一定要在【web_djo/helloworld/helloworld】目录下的【settings.py】文件里，把应用【hello】的名称【hello】添加到INSTALLED_APPS这个数据类型为list的常量里的其中一个值。

具体添加操作如下：

# Application definition

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'hello'

]

2.3.第三步：新建一个template模板/文件。

2.3.1.在【web_djo/helloworld/hello】/在应用【hello】目录下，我们需要手动新建一个名为【templates】的文件夹；

2.3.2.接着，在【templates】文件夹下再手动新建一个名为【demo.html】的html模板/文件（注：模板和文件其实指的都是html文件。）；

核心知识点： 默认配置下，Django 的模板系统会自动找到每个app下面的名为【templates】文件夹中的模板/文件。可以参考学习网址：https://code.ziqiangxuetang.com/django/django-template.html。

2.3.3.接着，在【demo.html】写入以下内容：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>这是洪景盛的第一个html页面demo</title>

</head>

<body>

<p>

    <h4> 这是我的博客地址，可以百度搜：厦门-小洪 </h4>

    <a href="https://www.cnblogs.com/xiamen-momo/" target="_blank" >厦门-小洪-博客园</a>

    <hr>

    <h4> 《接口自动化测试流程和相关准备工作》 </h4>

    <p>unittest是最强大最好用的python自动化框架之一。<br>

        本篇文章大概讲下如何进行一个项目的接口自动化框架搭建。<br>

        有相关疑问，可以加QQ一起交流：727803257。

    </p>

    <a href="https://www.cnblogs.com/xiamen-momo/p/11368379.html" target="_blank" >点击该文案，可以跳转到《接口自动化测试流程和相关准备工作》文章并进行阅读！</a>

</p>

</body>

</html>

关于html完整的相关语法学习，可以参考这个菜鸟教程网址：https://www.runoob.com/html/html-tutorial.html。

2.4.第四步：视图函数和url的配置。

【demo.html】页面的内容我们已经有了，接下来我们就是要如何能【demo.html】在指定的一个url地址上展示出来。

2.4.1.首先，我们要在【web_djo/helloworld/hello/views.py】里写需要的视图函数。

既然我们已经有创建了至少一个应用，那么【web_djo/helloworld/helloworld】目录下的之前由我们自己手动创建的【view.py】文件可以删除了，或者【view.py】在【web_djo/helloworld/helloworld】目录下的【urls.py】里不要调用该【view.py】。（因为之前手动创建的【view.py】只是用于前期的学习，实际严谨的开发过程中不会在【web_djo/helloworld/helloworld】目录下由我们自己手动创建【view.py】文件。）

2.4.2.接着，我们要在【web_djo/helloworld/helloworld/urls.py】里写配置url访问路径。

既然我们已经有创建了至少一个应用，那么【web_djo/helloworld/helloworld】目录下的之前由我们自己手动创建的【view.py】文件可以删除了，或者【view.py】在【web_djo/helloworld/helloworld】目录下的【urls.py】里不要调用该【view.py】。（因为之前手动创建的【view.py】只是用于前期的学习，实际严谨的开发过程中不会在【web_djo/helloworld/helloworld】目录下由我们自己手动创建【view.py】文件。）

2.4.3.接着，在谷歌浏览器上输入地址：http://127.0.0.1:8000/demo后，可以正确展示【demo.html】的内容。

3.相关常见报错场景及解决方案

3.1.常见的导入报错错误。

3.1.常见的导入报错错误，对应的解决方案。

可以参考该csdn网址：https://blog.csdn.net/beta_safe/article/details/93194659。

django学习-3.如何编写一个html页面并展示到浏览器，及相关导入错误的解决方案的更多相关文章

  1. django学习-17.如何提供一个规范的接口返回值

    目录结构 1.前言 2.进行实际的一个完整流程操作 2.1.第一步:编写一个用于查询用户数据的视图函数 2.2.第二步:编写对应的一个url匹配规则 2.3.第三步:启动django项目[hellow ...

  2. 【Python】Django学习一：第一个Django程序

    项目开发环境 Python 3.6 Django 1.11.5 Django安装 在开始安装Django之前,Django更新比较频繁,所以要选择合适的版本,这里选择Django1.11.5. pip ...

  3. Django 学习笔记之六 建立一个简单的博客应用程序

    最近在学习django时建立了一个简单的博客应用程序,现在把简单的步骤说一下.本人的用的版本是python 2.7.3和django 1.10.3,Windows10系统 1.首先通过命令建立项目和a ...

  4. Django学习(七) 创建第一个Django项目

    如果这是你第一次使用Django,你必须进行一些初始设置.即,您将需要自动生成一些代码,建立了Django项目. 从命令行.cd进入一个目录,你想要存储您的代码,然后运行以下命令: django-ad ...

  5. Django学习：创建第一个app

    开发环境:Windows 10 Python 3.7.4    Django 2.2.6 VS code 首先,使用命令提示符,切换到F盘,新建一个Django项目,名字叫mysite. 新建项目的结 ...

  6. 【1】按照Django官网，编写一个web app 创建project/配置数据库

    1. Creating a project From the command line, cd into a directory where you'd like to store your code ...

  7. Django学习路15_创建一个订单信息,并查询2020年\9月的信息都有哪些

    在 app5.models.py 中添加一个 Order 表 class Order(models.Model): o_num = models.CharField(max_length= 16 ,u ...

  8. Django学习路10_创建一个新的数据库,指定列名并修改表名

    在 models.py 中添加 from django.db import models # Create your models here. class Person(models.Model): ...

  9. 编写一个jsp页面，利用Scriptlet编写一段计算代码，要求用零作为除数，并使用page指令将错误信息显示在另外一个jsp页面，产生的错误信息为“错误，不能用0做除数”

    文章目录 1.测试结果: 2.结果计算页面 3.错误处理页面 1.测试结果: 2.结果计算页面 <%@ page language="java" contentType=&q ...

随机推荐

  1. JVM类加载与双亲委派机制被打破

    前言 前文已经讲了虚拟机将java文件编译成class文件后的格式:JVM虚拟机Class类文件研究分析 java文件经过编译,形成class文件,那么虚拟机如何将这些Class文件读取到内存中呢? ...

  2. NATAPP--实现SSH内网穿透

    NATAPP--实现SSH内网穿透 1. 关于Natapp 2. 使用Natapp 3. Natapp安装和配置 4. XShell连接 相关参考博文原文地址: CSDN:KevenPotter:NA ...

  3. CS代理+proxychains+nmap进行内网扫描

    前提:拿下边界机之后,进入内网,想用nmap怎么办? CS可以开启代理,但是是socks4的代理,只能使用tcp协议,所以nmap使用的时候要使用-sT选择使用tcp_协议,要使用-Pn不使用ICMP ...

  4. 深信服上网行为管理配置跨三层MAC识别

    1.在认证高级选项里点击新增 如果PC的IP和MAC存在于多个三层交换机,则需新增多个. 点击上图"查看服务器信息"测试能否从交换机获取PC的IP和MAC,有返回结果则能正常获取, ...

  5. BT宝塔FTP连接不上用不了的解决办法，BT宝塔FTP轻松几步设置即可连接成功

    BT宝塔这款linux服务器管理面板,相信现在很多站长都有使用,操作简便,傻瓜化,而且功能全面,什么301设置,SSL证书申请,网站源码一键安装等等,反正就是一句话,BT宝塔非常的好用,但是偶尔也会遇 ...

  6. linux开发各种I/O操作简析，以及select、poll、epoll机制的对比

    作者:良知犹存 转载授权以及围观:欢迎添加微信公众号:羽林君 IO 概念区分 四个相关概念: 同步(Synchronous) 异步( Asynchronous) 阻塞( Blocking ) 非阻塞( ...

  7. 从NMEA0183到GNSS定位数据获取（一）原理篇

    作者:良知犹存 转载授权以及围观:欢迎添加微信公众号:Conscience_Remains 总述 GPS我们都知道,一种用来全球定位的系统,后来俄罗斯推出了格洛纳斯定位系统,中国推出了北斗定位,欧盟有 ...

  8. CodeForces - 1250J The Parade 二分

    题目 题意: 一共n种身高,每一个士兵有一个身高.你需要把他们安排成k行(士兵不需要全部安排),每一行士兵身高差距小于等于1.你要找出来最多能安排多少士兵 题解: 这道题很容易就能看出来就是一道二分, ...

  9. 2017, X Samara Regional Intercollegiate Programming Contest E. Bonuses and Teleports (思维,模拟)

    题意:在\(x\)轴上有很多传送点和钻石,当位于传送点上时,可以传送到其他任意传送点(不记操作数),位于钻石上时可以吃掉它,每次可以移动一个单位,问最少多少次可以吃掉所有的钻石. 题解:对于某个位置上 ...

  10. 【Azure 微服务】基于已经存在的虚拟网络(VNET)及子网创建新的Service Fabric并且为所有节点配置自定义DNS服务

    问题描述 创建新的Service Fabric集群,可以通过门户,Powershell命令,或者是ARM模板.但是通过门户和PowerShell命令时,创建的SF集群都会自动新建一个虚拟网络而无法使用 ...