django 管理后台

最新推荐文章于 2024-07-18 14:17:30 发布

相信光___

最新推荐文章于 2024-07-18 14:17:30 发布

阅读量141

点赞数

分类专栏： Django

本文链接：https://blog.csdn.net/mmmmmm__yy/article/details/109484709

版权

本文详细介绍了如何配置Django项目的登录页面，包括Login页面的设计、header.html模板的使用、views文件中登录视图的实现以及url文件的设置。

摘要由CSDN通过智能技术生成

登录页

在这里插入图片描述
Login 页面

<body>
  <div class="login">
    <form class="layui-form" id="myForm" method="post" action="../login/">
      <form class="layui-form" method="post" action="" omsubmit='return checkForm()'>
        <p class="login_p">后台管理系统</p>
        <div class="login_content">
          <div>
            <lable class="left_title">用户名：</lable>
            <input type="text" class="layui-input login_input" id="user_name" name="user_name">
          </div>
          <div>
            <lable>密&nbsp;&nbsp;&nbsp;&nbsp;码：</lable>
            <input type="password" class="layui-input login_input" id="passwod" name="password">
          </div>
          <div>
            <lable>验证码：</lable>
            <input type="text" class="layui-input login_input" name="Verification_Code" id="Verification_Code">
            <span id="verification_btn" onclick="verification_btn()" data-value="{
    {verification_code}}">
              {
  {verification_code}}</span>
          </div>
          <div style="margin-top:80px;">
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            <button class="layui-btn" id="login_do" lay-submit lay-filter="formDemo">登录</button>
          </div>
        </div>
      </form>
  </div>
</body>

<script src="/static/js/layui.js"></script>
<!--调用分页的js方法-->
<script src="/static/js/laypage.js"></script>
<script src="/static/js/jquery.min.js"></script>

<script>
  // 进入登录页就执行的方法
  $(document).ready(function () {
   
    if (window.name == "") {
   
      console.log("首次被加载");
      window.name =