运用django制作登录页面

最新推荐文章于 2024-03-05 15:45:18 发布

TongXiaoM

最新推荐文章于 2024-03-05 15:45:18 发布

阅读量3.1k

点赞数 3

本文链接：https://blog.csdn.net/qq_43505386/article/details/103092316

版权

一、安装django

打开cmd命令行进行安装操作：

测试安装是否成功。出现以下图片内容表示django安装成功！

安装数据库软件

安装成功后启动：

二、新建Django工程

导入index.html代码

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>行业智慧能力平台</title>
<link rel="stylesheet" type="text/css" href="/static/assets/css/style2.0.css">
<style type="text/css">
	ul li{font-size: 30px;color:#2ec0f6;}
	.tyg-div{z-index:-1000;float:left;position:absolute;left:5%;top:20%;}
	.tyg-p{
		font-size: 14px;
	    font-family: 'microsoft yahei';
	    position: absolute;
	    top: 135px;
	    left: 60px;
	}
	.tyg-div-denglv{
		z-index:1000;float:right;position:absolute;right:3%;top:10%;
	}
	.tyg-div-form{
		background-color: #23305a;
		width:300px;
		height:auto;
		margin:120px auto 0 auto;
		color:#2ec0f6;
	}
	.tyg-div-form form {padding:10px;}
	.tyg-div-form form input[type="text"]{
		width: 270px;
	    height: 30px;
	    margin: 25px 10px 0px 0px;
	}
	.tyg-div-form form button {
	    cursor: pointer;
	    width: 270px;
	    height: 44px;
	    margin-top: 25px;
	    padding: 0;
	    background: #2ec0f6;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    border: 1px solid #2ec0f6;
	    -moz-box-shadow:
	        0 15px 30px 0 rgba(255,255,255,.25) inset,
	        0 2px 7px 0 rgba(0,0,0,.2);
	    -webkit-box-shadow:
	        0 15px 30px 0 rgba(255,255,255,.25) inset,
	        0 2px 7px 0 rgba(0,0,0,.2);
	    box-shadow:

最低0.47元/天解锁文章

TongXiaoM

关注

3
点赞
踩
30

收藏

觉得还不错? 一键收藏
3
评论
运用django制作登录页面

一、安装django打开cmd命令行进行安装操作：测试安装是否成功。出现以下图片内容表示django安装成功！安装数据库软件安装成功后启动：二、新建Django工程导入index.html代码<!DOCTYPE html><html><head><meta http-equiv="Content...
复制链接

扫一扫