超市账单管理系统前端

时间:2024-05-22 17:19:25

1.首先应该写一个漂亮的登录界面,源码如下:、

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 超市账单管理系统</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body class="login_bg">
    <section class="loginBox">
        <header class="loginHeader">
            <h1>超市账单管理系统</h1>
        </header>
        <section class="loginCont">
            <form class="loginForm" action="welcome.html">
                <div class="inputbox">
                    <label for="user">用户名:</label>
                    <input id="user" type="text" name="username" placeholder="请输入用户名" required/>
                </div>
                <div class="inputbox">
                    <label for="mima">密码:</label>
                    <input id="mima" type="password" name="password" placeholder="请输入密码" required/>
                </div>
                <div class="subBtn">
                    <input type="submit" value="登录" />
                    <input type="reset" value="重置"/>
                </div>


            </form>
        </section>
    </section>


</body>

</html>

超市账单管理系统前端

2.还应该有密码管理界面

超市账单管理系统前端

3.商品管理界面

超市账单管理系统前端

4.账单管理

超市账单管理系统前端

以及其他的侧栏管理,详情代码查看https://download.****.net/download/x_uhen/10477024