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. OpenStack核心组件-cinder存储服务

    1. cinder 介绍 Block Storage 操作系统获得存储空间的方式一般有两种: 1)     通过某种协议(SAS,SCSI,SAN,iSCSI 等)挂接裸硬盘,然后分区.格式化.创建文 ...

  2. python爬虫中的ip代理设置

    设置ip代理是爬虫必不可少的技巧: 查看本机ip地址:打开百度,输入“ip地址”,可以看到本机的IP地址: 本文使用的是goubanjia.com里面的免费ip: 使用时注意要注意传输协议是http还 ...

  3. 使用 xpath helper 提取网页链接

    需求是这样的,公司某个部门不会爬虫,不懂任何技术性的东西,但是希望去提取网页的一个分享链接,老大要求去开发谷歌浏览器插件,但一时半会也搞不定这个啊, 想到用 xpath helper 作为一个临时的替 ...

  4. sql中如何获取一条数据中所有字段的名称和值

    declare ) ) --获取表的列名 ,),filename INTO #templist FROM (select cl.name as filename from sys.tables AS ...

  5. JavaWeb报错：java.sql.SQLException: Invalid value for getInt()

    1.错误描述:在对数据库进行操作时,控制台报错:java.sql.SQLException: Invalid value for getInt() :2.错误原因:数据库中表的字段的类型与实体类中属性 ...

  6. 使用Apache commons-maths3-3.6.1.jar包实现快速傅里叶变换（java）

    本例应用的是快速傅里叶变换 (fast Fourier transform),即利用计算机计算离散傅里叶变换(DFT)的高效.快速计算方法的统称,简称FFT.快速傅里叶变换是1965年由J.W.库利和 ...

  7. 基于Helm和Operator的K8S应用管理

    https://blog.csdn.net/RancherLabs/article/details/79483013 大家好,今天我们分享的内容是基于Helm和Operator的K8S应用管理. 我们 ...

  8. hdu3625

    hdu3625 题意: 酒店发生一起谋杀案.作为镇上最好的侦探,您应该立即检查酒店的所有N个房间.但是,房间的所有门都是锁着的,钥匙刚锁在房间里,真是个陷阱!您知道每个房间里只有一把钥匙,并且所有可能 ...

  9. LOJ P10015 扩散 题解

    每日一题 day49 打卡 Analysis 用dis数组记录每两个点之间的时间,再用一个传递闭包来维护最小的时间就好了 #include<iostream> #include<cs ...

  10. rustup 使用

    rustup 可以帮助我们安装不同版本的rust 编程需要的工具连,同时可以方便的进行不同版本 之间的切换,类似nodejs 的nvm,n, ruby 的 rvm python 的 venv ... ...