MongoDB小项目，第三部分用户登录和用户注册,首页

最新推荐文章于 2022-04-21 16:06:51 发布

不羁_神话

最新推荐文章于 2022-04-21 16:06:51 发布

阅读量1.1k

点赞数

分类专栏： python综合项目文章标签： mongodb 数据库 database

本文链接：https://blog.csdn.net/weixin_43408020/article/details/122802303

版权

python综合项目专栏收录该内容

7 篇文章 0 订阅

订阅专栏

首先，在mysql数据库创建数据库car，再创建数据表user。
如下图：
在这里插入图片描述
然后，在写下面的html文件，一个用户登录login.html和一个用户注册user_registration.html文件，如下所示：

<!--用户登录页面-->
<!--Author:Mr.Pan_学狂-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<style type="text/css">
    .div1{
        width:300px;
        height:500px;
        border-style: outset;
        border-color: blue;
        margin-top: 250px;
        background-image: url("/static/bless2.png");
        background-color: white;
    }
    body{
        background-image: url("/static/风景图.jpg");
    }
    .a{
        background-color: white;
    }
    .b{
        background-color: white;
    }
    .c{
        background-color: white;
    }
    #i1{
        height: 24px;
        width: 180px;
    }
    #i2{
        height: 24px;
        width: 180px;
    }
    #i3{
        height: 30px;
        width: 60px;
    }
    #i4{
        background-color: white;
        color: black;
    }


</style>
<body>
    <center>
    <div class="div1">
        <br>
        <br>
        <br>
        <br>
    <h1 class="a">用户登录</h1>
        <form method="post">
            <table>
                <tr>
                    <td><h3 class="b">用户名：</h3></td>
                    <td class="td1">
                    <input id="i1" type="text" name="用户名"/>
                    </td>
                </tr>
                <tr>
                    <td align="right"><h3 class="c">密&nbsp&nbsp&nbsp码：</h3></td>
                    <td class="td2"><input id="i2" type="password" name="密码"/></td>
                </tr>
                <tr>
                    <td>
                        <input id="i3" type="submit" value="登录"/>
                    </td>
                    <td>
                        <a id="i4" href={{ url_for('user_regist') }}><h3>新用户注册</h3></a>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    </center>

</body>
</html>

user_registration.html文件的内容：

<!--用户登录页面-->
<!--Author:Mr.Pan_学狂-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<style type="text/css">
    .div1{
        width:300px;
        height:500px;
        border-style: outset;
        border-color: blue;
        margin-top: 250px;
        background-image: url("/static/bless2.png");
        background-color: white;
    }
    body{
        background-image: url("/static/风景图.jpg");
    }
    .a{
        background-color: white;
    }
    .b{
        background-color: white;
    }
    .c{
        background-color: white;
    }
    #i1{
        height: 24px;
        width: 180px;
    }
    #i2{
        height: 24px;
        width: 180px;
    }
    #i3{
        height: 30px;
        width: 60px;
    }


</style>
<body>
    <center>
    <div class="div1">
        <br>
        <br>
        <br>
        <br>
    <h1 class="a">用户注册</h1>
        <form method="post">
            <table>
                <tr>
                    <td><h3 class="b">用户名：</h3></td>
                    <td class="td1">
                    <input id="i1" type="text" name="用户名"/>
                    </td>
                </tr>
                <tr>
                    <td align="right"><h3 class="c">密&nbsp&nbsp&nbsp码：</h3></td>
                    <td class="td2"><input id="i2" type="password" name="密码"/></td>
                </tr>
                <tr>
                    <td>
                        <input id="i3" type="submit" value="提交"/>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    </center>

</body>
</html>

首页index.html内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <table>
        <tr>
            <td>
                <a href={{ url_for('login') }}><h3>用户登录</h3></a>
            </td>
        </tr>
        <tr>
            <td>
                <a href={{ url_for('data_show') }}><h3>数据可视化</h3></a>
            </td>
        </tr>
        <tr>
            <td>
                <a href={{ url_for('car_show') }}><h3>全部数据</h3></a>
            </td>
        </tr>
        <tr>
            <td>
                <a href={{ url_for('car_search') }}><h3>搜索数据</h3></a>
            </td>
        </tr>
        <tr>
            <td>
                <a href={{ url_for('user_visit') }}><h3>用户历史浏览</h3></a>
            </td>
        </tr>
        <tr>
            <td>
                <a href={{ url_for('introduce') }}><h3>项目作者简介</h3></a>
            </td>
        </tr>
    </table>
</body>
</html>