1.写message_form.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="/static/css/style.css">

</head>

<body>

    <form action="/form" method="post" class="smart-green">

        <h1>留言信息

            <span>请留下你的信息</span>

        </h1>

        <label>

            <span>姓名 :</span>

            <input id="name" type="text" class="error" placeholder="请输入您的姓名">

            <div class="error-msg"></div>

        </label>

        <label>

            <span>邮箱 :</span>

            <input id="email" type="email" class="email" placeholder="请输入您的邮箱地址">

            <div class="error-msg"></div>

        </label>

        <label>

            <span>联系地址:</span>

            <input id="address" type="address" class="address" placeholder="请输入您的联系地址">

            <div class="error-msg"></div>

        </label>

        <label>

            <span>留言:</span>

            <textarea name="message" id="message" placeholder="请输入您的留言"></textarea>

            <div class="error-msg"></div>

        </label>

        <div class="success-msg"></div>

        <label>

            <span>&nbsp;</span>

            <input type="button" class="button" value="提交"/>

        </label>

    </form>

</body>

</html>

2.写css

.smart-green{

    margin-left: auto;

    margin-right: auto;

    max-width: 500px;

    background: #F8F8F8;

    padding: 30px 30px 20px 30px;

    font: 12px "Microsoft YaHei UI";

    color: #666;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}

.smart-green h1{

    font: 12px "Microsoft YaHei UI";

    padding: 20px 0px 20px 40px;

    display: block;

    margin: -30px -30px 10px -30px;

    color: #FFF;

    background: #9DC45F;

    text-shadow: 1px 1px 1px #949494;

    border-radius: 2px 5px 0px 0px;

    -webkit-border-radius: 5px 5px 0px 0px;

    -moz-border-radius: 5px 5px 0px 0px;

    border-bottom: 1px solid #89AF4C;

}

.smart-green textarea{

    height: 100px;

    padding-top: 10px;

}

.smart-green label{

    display: block;

    font-size: 11px;

    color:#000;

}

.smart-green button:hover{

    background-color: #80A24A;

}

.error-msg{

    color:red;

    margin-top: 10px;

}

.error-msg{

    color:#80A24A;

    margin-top: 10px;

    margin-bottom: 10px;

}

3.这两个文件这样放置

 4.在message.views 里写 getform函数

 5.配置相应的url

 6.在setings.py里配置templates和static的路径

7.运行成功，大功告成！ 

8.回顾流程

python web开发——django学习(二)第一个django网站运行成功的更多相关文章

  1. 2020 python web开发就业要求锦集

    郑州 Python程序员 河南三融云合信息技术有限公司 6-8k·12薪 7个工作日内反馈 郑州 1个月前 本科及以上2年以上语言不限年龄不限 微信扫码分享 收藏 Python程序员 河南三融云合信息 ...

  2. python web开发——django学习(一)第一个连接mysql数据库django网站运行成功

    1.新建一个项目 2.新建一些文件夹方便管理 3.新建一个项目叫message  4.连接数据库 python web开发Django连接mysql 5.在数据库里自动生成django的表  6.运行 ...

  3. python web 开发学习路线

    转载,备着 自己目前学习python web 开发, 经过两个月的摸索,目前对web开发有了浅显的认识,把自己的学习过程贴出来.1.python入门推荐老齐<从零开始学python>,&l ...

  4. Redis的Python实践，以及四中常用应用场景详解——学习董伟明老师的《Python Web开发实践》

    首先,简单介绍:Redis是一个基于内存的键值对存储系统,常用作数据库.缓存和消息代理. 支持:字符串,字典,列表,集合,有序集合,位图(bitmaps),地理位置,HyperLogLog等多种数据结 ...

  5. Python Web开发:Django+BootStrap实现简单的博客项目

    创建blog的项目结构 关于如何创建一个Django项目,请查看[Python Web开发:使用Django框架创建HolleWorld项目] 创建blog的数据模型 创建一个文章类 所有开发都是数据 ...

  6. 《Python Web开发学习实录》高清PDF版|百度网盘免费下载|Python Web开发学习实录

    <Python Web开发学习实录>高清PDF版|百度网盘免费下载|Python Web开发学习实录 提取码:9w3o 内容简介 Python是目前流行的动态脚本语言之一. 李勇,本书共1 ...

  7. windows下python web开发环境的搭建

    windows下python web开发环境: python2.7,django1.5.1,eclipse4.3.2,pydev3.4.1 一. python环境安装 https://www.pyth ...

  8. 转载：Python Web开发最难懂的WSGI协议，到底包含哪些内容？

    原文:PSC推出的第二篇文章-<Python Web开发最难懂的WSGI协议,到底包含哪些内容?>-2017.9.27 我想大部分Python开发者最先接触到的方向是WEB方向(因为总是有 ...

  9. Python Web开发主流框架

    Web 开发是Python 语言应用领域的重要部分,也是工作岗位最多的领域.如果你对基于Python的Web 开发有兴趣,正打算使用Python 做Web 开发,或者已经是一个Web 开发者有工作需要 ...

随机推荐

  1. 在vps中搭建ftp服务器

    1. 服务器配置 首先当然是更新源列表并安装 vsftpd. sudo apt-get update sudo apt-get install vsftpd 安装完成后我们需要对服务器进行进一步的配置 ...

  2. 移动架构师第一站UML建模

    回想一下自己的Android生涯已经经历过N多个年头了,基本都是在编写业务代码,都知道35岁程序员是一个坎,当然如果有能力能做到Android架构师的职位其生命周期也会较长,毕境不是人人都能轻易做到这 ...

  3. 小程序~列表渲染~key

    如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 <input/> 中的输入内容, <switch/> 的选中状态),需要 ...

  4. 使用js对社会信用代码进行正则验证

    注:参考了该博客(https://blog.csdn.net/qq_37142340/article/details/80695187)进行了一些修改,本文验证使用在微信小程序上. 直接贴代码: va ...

  5. py3+requests+json+xlwt，爬取拉勾招聘信息

    在拉勾搜索职位时,通过谷歌F12抓取请求信息 发现请求是一个post请求,参数为: 返回的是json数据 有了上面的基础,我们就可以构造请求了 然后对获取到的响应反序列化,这样就获取到了json格式的 ...

  6. Spark API--Spark 分区

    一.分区的概念 分区是RDD内部并行计算的一个计算单元,RDD的数据集在逻辑上被划分为多个分片,每一个分片称为分区,分区的格式决定了并行计算的粒度,而每个分区的数值计算都是在一个任务中进行的,因此任务 ...

  7. java 加密解密WORD文档

    对一些重要文档,我们为保证其文档内容不被泄露,常需要对文件进行加密,查看文件时,需要正确输入密码才能打开文件.下面介绍了一种比较简单的方法给Word文件添加密码保护以及如何给已加密的Word文件取消密 ...

  8. Java 锁（学习笔记）

    关于Java 锁的知识整理与回顾(个人笔记): 锁有哪些,分别用来干嘛? Java实现锁有两种方式,synchronized关键字和Lock (1)Lock(可判断锁状态) Lock是基于JDK层面实 ...

  9. 使用vue-cli3搭建项目过程

    一.搭建前准备 node.js版本为8.9+: 安装模块:npm install -g n // 安装模块 这个模块是专门用来管理node.js版本的: 若原先已经安装,则更细模块:n stable ...

  10. 用TortoiseSVN从github下载单个文件

    问题描述: github是一个很好的共享代码管理仓库,我们可以从github上直接以压缩包的形式直接download整个项目,也可以通过git,用git clone + URL 命令下载整个目录. 但 ...