djangoの2
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了djangoの2相关的知识,希望对你有一定的参考价值。
{% load static %}
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Keywords" content="关键词,关键字">
<meta name="Description" content="描述信息">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>百度镜像</title>
<!--css 样式 化妆 整容 美图-->
<style type="text/css">
*{margin:0;}
html,body{height:100%;}
body{background:url("{% static ‘/img/1.jpg‘ %}")center 0;background-size:100% 100%;}
/*S box*/
.box{width:640px;height:150px;margin:50px auto 0;}
/*logo*/
.box .logo{width:210px;height:100px;margin:0 auto 20px;background:url("{% static ‘/img/1.png‘ %}")center 0;background-size:100% 100%;}
/*搜索框*/
.box .search{width:640px;height:40px;}
.box .search .txt{width:540px;height:38px;border:none;outline:none;font-size:18px;font-family:"方正启体简体";color:#888;text-indent:10px;float:left;}
.box .search .btn{width:100px;height:40px;float:right;border:none;outline:none;background:url("{% static ‘/img/2.png‘ %}");
background-position:-206px 0;font-size:18px;font-family:"微软雅黑";}
.box .search .btn:active{box-shadow:0 0 5px #000 inset;font-size:16px;}
/*候选框*/
.box .search .show{display:none;width:540px;background:#fff;float:left;margin:2px 0;box-shadow:0 0 5px #fff;}
.box .search .show div{font-size:16px;font-family:"微软雅黑";text-indent:10px;line-height:28px;}
.box .search .show div:hover{background:rgba(0,0,0,0.2);}
/*E box*/
</style>
</head>
<body>
<p style="text-align:center;">
<span style="color:red;font-size:32px;"><strong><span style="color:#FFFFFF;">更纯净,无广告!</span><span style="font-size:18px;color:#ADFF2F;">绿色的网络搜索环境</span></strong></span>
</p>
<!--S box-->
<div class="box">
<div class="logo"></div>
<div class="search">
<form action="/s" method="get">
<input type="text" class="txt" name="wd" id="txt"/>
<input type="submit" class="btn" value="百度一下">
</form>
</div>
</div>
<!--E box-->
<br>
<br>
<script src="{% static ‘/js/jquery-1.11.1.min.js‘ %}"></script>
<script>
$(function(){
$(".show").on("click","div",function(){
var text = $(this).text();
$(".txt").val(text);//给文本框赋值
$(".show").fadeOut("solw",function(){
$(this).hide();
//跳转
window.location.href = "/s?wd="+text+"";
});
});
});
//当键盘按下抬起来的时候
$(".txt").keyup(function(e){
var value = $(this).val();
//显示
$(".show").empty().show();
if(!value)return;
var txt = $("#txt").val();
$.ajax({
url: "/key?wd=" + txt,
type: "get",
success: function (data) {
var arr = eval(data);
var html = "";
for(var i = 0; i < arr.length; i++){
html += "<div>"+arr[i]+"</div>";}
$(".show").html(html);},
});
});
</script>
</body>
</html>
以上是关于djangoの2的主要内容,如果未能解决你的问题,请参考以下文章
Django 2021年最新版教程2Django项目目录结构中各文件的作用