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. C++（四十五） — 类型转换（static_cast、dynamic_cast 、const_cast、reinterpreter_cast）

     0.总结 (1)要转换的变量,转换前.转换后.转换后的结果. (2)一般情况下,避免进行类型转换. 1._static_cast(静态类型转换,int 转换为char) 格式:TYPE B = st ...

  2. layui开发的一些技巧

    选择人员功能 //保存选择结果,用于回调 /* window.saveSelectTeachers = function () { //1.检查用户的最终选择是什么 var rule_course_i ...

  3. Qualification Rounds（Codeforces Round #438 by Sberbank and Barcelona Bootcamp (Div. 1 + Div. 2 combined)＋状态压缩）

    题目链接 传送门 题意 现总共有\(n\)个题目\(k\)支参赛队伍,已知每个题目各队伍是否会写,现问你能否从题目中选出一个子序列使得每支队伍最多只会写一半的题目. 思路 对于每个题目我们用二进制压缩 ...

  4. Spring Cloud 微服务:Eureka+Zuul+Ribbon+Hystrix+SpringConfig实现流程图

    相信现在已经有很多小伙伴已经或者准备使用springcloud微服务了,接下来为大家搭建一个微服务框架,后期可以自己进行扩展.会提供一个小案例: 服务提供者和服务消费者 ,消费者会调用提供者的服务,新 ...

  5. linux sed 批量替换文件中的字符串或符号

    sed -i :直接修改读取的文件内容,而不是输出到终端.   sed -i 就是直接对文本文件进行操作的   替换每行第一次出现的字符串 sed -i 's/查找的字符串/替换的字符串/' 文件   ...

  6. 36氪新风向 | 三个月估值普涨三倍，你未来的RPA机器人同事正在路上

    http://www.sohu.com/a/320208242_114778 2019 年 4 月,关注 RPA 赛道的投资人 Kevin(化名)就发现,仅仅过了一个春节,自己所在的早期基金已经投不起 ...

  7. 多项式求逆入门 板题(Luogu P4238)

    下面是代码,推导详见 传送门 模板Code #include <cstdio> #include <cstring> #include <algorithm> us ...

  8. ARDUNIO IMU processing姿态数据可视化

    https://www.arduino.cn/thread-42852-1-1.html 关键数据打包 float roll, pitch, heading; Serial.print("O ...

  9. Tips on Acoustic Signal Processing

    1.声音的三个主要的主观属性(即音量.音调.音色).音色(Timbre)是指不同的声音的频率表现在波形方面总是有与众不同的特性,音色的不同取决于不同的泛音.频率的高低决定声音的音调,振幅的大小决定声音 ...

  10. 微信小程序基本语法

    渲染 .js page ({ data :{ memo:'hello world' } }) .wxml <view>{{memo}}</view> 绑定id .js page ...