python web开发——django学习(二)第一个django网站运行成功
2024-09-21 01:28:58
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> </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.回顾流程
最新文章
- B/S网站中IE6兼容问题
- Java多线程16:线程组
- POJ 1279 Art Gallery(半平面交)
- 尽可能保留原有数据,建立UEFI与BIOS双启PE优盘
- 如何加速MATLAB代码运行
- 虚拟机下运行linux通过nat模式与主机通信、与外网连接
- 使用freemarker生成word,步骤详解并奉上源代码
- REST总结(转)
- spring(三)----大概是最简单的面向切面了
- cognos8.3 sample在DB2里的安装
- MVC 国内架构设计
- aop aspect
- A Tour of Go Methods with pointer receivers
- javaSocket与C通信
- Oracle中使用游标转换数据表中指定字段内容格式(拼音转数字)
- 【js-xlsx和file-saver插件】前端html的table导出数据到excel的表格合并显示boder
- Linux kernel的中断子系统之(一):综述
- fastdfs group通过添加硬盘扩容
- 【转】Linux netstat命令详解,高级面试必备
- puppet(2)-资源介绍
热门文章
- Gerrit 服务器入门使用-项目的创建与克隆
- jquery获取元素的display属性是不是none?
- 2019牛客暑期多校训练营(第三场)G:	Removing Stones(启发式分治)
- modbus-poll和modbus-slave工具的学习使用——modbus协议功能码1的解析
- am335x system upgrade kernel ethernet(四)
- CSS块元素
- [RN] React Native 幻灯片效果 Banner
- 80: bzoj3705 线段树合并
- sdcf day1 qwq比赛题解
- Detection of Glacier Calving Margins with Convolutional Neural Networks: A Case Study