为django的网页用layui写一个admin超级用户登录后台管理系统
时间: 2024-04-29 20:22:21 浏览: 252
好的,以下是基于Django和Layui框架实现的一个简单的admin超级用户登录后台管理系统:
1. 安装Django和Layui
在终端中输入以下命令安装Django和Layui:
```
pip install django
```
在网站上下载Layui的最新版本,并将其解压到项目的static目录下。
2. 创建Django项目
在终端中输入以下命令创建Django项目:
```
django-admin startproject mysite
```
此命令将创建一个名为mysite的Django项目。
3. 创建Django应用
在终端中进入mysite目录,并输入以下命令创建一个名为admin的Django应用:
```
cd mysite
python manage.py startapp admin
```
4. 配置Django应用
打开mysite/settings.py文件,在INSTALLED_APPS中添加admin应用:
```
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'admin',
]
```
在mysite/urls.py文件中添加admin应用的url:
```
from django.urls import path, include
urlpatterns = [
path('admin/', include('admin.urls')),
]
```
5. 创建Django模型
在admin/models.py文件中定义一个名为User的模型:
```
from django.db import models
class User(models.Model):
username = models.CharField(max_length=50)
password = models.CharField(max_length=50)
```
6. 创建Django视图
在admin/views.py文件中创建一个名为login的视图:
```
from django.shortcuts import render, redirect
from django.contrib import auth
def login(request):
if request.method == 'POST':
username = request.POST.get('username')
password = request.POST.get('password')
user = auth.authenticate(username=username, password=password)
if user is not None and user.is_superuser:
auth.login(request, user)
return redirect('/admin/')
else:
error_msg = '用户名或密码错误'
return render(request, 'login.html', {'error_msg': error_msg})
return render(request, 'login.html')
```
7. 创建Django模板
在admin/templates目录下创建一个名为login.html的模板文件:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>admin登录</title>
<link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>
<div class="layui-container">
<div class="layui-row layui-col-space15">
<div class="layui-col-md4 layui-col-md-offset4">
<form class="layui-form" action="" method="post">
{% csrf_token %}
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<div class="layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
{% if error_msg %}
<div class="layui-form-item layui-hide-xs">
<div class="layui-input-block">
<span class="x-red">{{ error_msg }}</span>
</div>
</div>
{% endif %}
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="login">登录</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="/static/layui/layui.js"></script>
</body>
</html>
```
8. 运行Django项目
在终端中输入以下命令运行Django项目:
```
python manage.py runserver
```
在浏览器中访问http://127.0.0.1:8000/admin/login/,即可进入admin登录页面。
输入超级用户的用户名和密码,即可进入admin后台管理系统。
阅读全文