登陆界面

<title>登陆</title><style>*{margin: 0 auto;padding: 0;}div{margin-top: 40px;text-align: center;width: 400px;height:170px;background-color: #94EE94;vertical-align: middle;line-height: 65px;}form p{line-height: 25px;}</style>
</head>
<body><div><h2>小型进销存系统</h2><form action="主界面.html"><p>用户名: <input type="text" name="userName" required pattern="[a~z]{3}" /></p><p>密&nbsp;&nbsp;&nbsp;码: <input type="password" name="password" pattern="[a~z]{3}"/></p><p><input type="submit" value="登陆"></p></form></div>
</body>

主界面

<title>主界面</title><style>*{margin: 0 auto;padding: 0;}body{width: 700px;height: 270px;position: relative;}/* 头部 */.top{margin-top: 100px;line-height: 30px;text-indent: 1em;width: 700px;height: 30px;}/* 左侧导航 */.left{line-height: 50px;width: 146px;height: 240px;float: left;}li{list-style: none;text-indent: 1em;}/* 右侧界面 */.right{border: 2px solid blue;width: 550px;height: 240px;float: left;}.right1 h2{line-height: 240px;text-align: center;}</style>
</head>
<body><div class="top">欢迎,李四,<a href="登陆.html">退出登陆</a></div><div class="left"><ul><li><a href="销售.html" target="main">销售</a></li><li><a href="销售信息查询.html" target="main">销售信息查询</a></li><li><a href="库存.html" target="main">查看库存</a></li></ul></div><div class="right"><div class="right1"><h2>欢迎使用小型进销存系统</h2><iframe name="main" frameborder="0" src="销售.html" width="550" height="250" >欢迎使用小型进销存系统</iframe></div></div>
</body>

销售界面

    <title>销售</title><style>*{margin: 0 auto;padding: 0;}div{margin-top:20px ;width: 430px;height: 220px;}tr td{padding: 5px 5px 5px ;line-height: 20px;}</style>
</head>
<body><div><form action=""><table border="0"><tr><td colspan="2"><h3>添加销售:</h3></td></tr><tr><td>商品名称:</td><td><select name="" id=""><option value="">--请选择商品--</option><option value="1">咖啡</option><option value="2">纯净水</option><option value="3">绿茶</option><option value="4">冰红茶</option><option value="5">纯牛奶</option><option value="6">纯牛奶</option><option value="7">可口可乐</option></select></td></tr><tr><td>销售单价:</td><td><input type="text" placeholder="格式*.**" required pattern="\d?\.\d{2}"/></td></tr><tr><td>销售数量: </td><td><input type="number" name="" id="" required ></td></tr><tr><th colspan="2"><input type="submit" value="保存"/></th></tr></table></form></div>
</body>

库存界面

<title>库存</title><style>*{margin: 0 auto;padding: 0;}div{width: 450px;height: 240px;position: relative;}.div:after{content: " ";display: block;clear: both;}h3{position: absolute;text-indent: 1em;}p{position: absolute;left: 40%;}h3,p{height: 40px;line-height: 40px;width: 220px;}h1{height: 240px;line-height: 200px;text-align: center;}</style>
</head>
<body><div><h3>查看库存</h3><form action=""><p>商品名称:</td><td><select name="" id=""><option value="">--请选择商品--</option><option value="1">咖啡</option><option value="2">纯净水</option><option value="3">绿茶</option><option value="4">冰红茶</option><option value="5">纯牛奶</option><option value="6">纯牛奶</option><option value="7" selected>可口可乐</option></select><input type="submit" value="查询"></p></form><h1>该商品的库存数量是:43</h1></div>
</body>

库存界面

    <title>销售信息查询</title><style>*{margin: 0 auto;padding: 0;}div{margin-top:10px;position: relative;width: 550px;height: 240px;}p,h3{padding: 1px 5px 5px;font-size: 15px;}h3{position: relative;float: left;line-height: 20px;width: 120px;text-indent: 1em;}p{position: absolute;float: right;left: 50%;top: -1%;}table{width: 540px;height: 200px;}tr td,th{font-size: 14px;}tr td{text-align: center;padding: 0px 6px 0px;}tr th{background-color: #ADDBE7;}tr:nth-child(2n+3){background-color: #96EB94;}tr:nth-of-type(7){background-color: #fff;}</style>
</head>
<body><div><form action=""><h3>销售信息查询:</h3><p>排序方式<select name="" id=""><option value="">商品</option><option value="">单价</option><option value="">数量</option><option value="">总价</option><option value="" selected>销售日期</option><option value="" >销售员</option></select><input type="submit" value="提交"></p><table border="1"><tr><th>ID</th><th>商品</th><th>单价</th><th>数量</th><th>总价</th><th>销售日期</th><th>销售员</th></tr><tr><td>7</td><td>可口可乐</td><td>28.00</td><td>1000</td><td>28000.00</td><td>2012-08-09</td><td>李四</td></tr><tr><td>6</td><td>纯牛奶</td><td>25.00</td><td>100</td><td>2500.00</td><td>2012-08-07</td><td>赵六</td></tr><tr><td>5</td><td>纯牛奶</td><td>25.00</td><td>50</td><td>1250.00</td><td>2012-08-06</td><td>赵六</td></tr><tr><td>4</td><td>冰红茶</td><td>27.00</td><td>500</td><td>13500.00</td><td>2012-07-31</td><td>赵六</td></tr><tr><td>3</td><td>绿茶</td><td>27.00</td><td>400</td><td>10800.00</td><td>2012-07-29</td><td>李四</td></tr><tr><td colspan="7"><a href="">首页</a>|<a href="">上一页</a>|<a href="">下一页</a>|<a href="">末页</a>&nbsp;第1页/共2页(7条记录)</td></tr></table></form></div>
</body>

HTML 小型进销库存界面模板相关推荐

【035】基于java的进销库存管理系统(Vue＋Springboot＋Mysql)前后端分离项目，附万字课设论文
1.3 系统实现的功能本次设计任务是要设计一个超市进销存系统,通过这个系统能够满足超市进销存系统的管理及员工的超市进销存管理功能.系统的主要功能包括:首页.个人中心.员工管理.客户管理.供应商管理. ...
小型进销存系统（参考答案ssm+分页查询）
项目效果图: 项目架构
用低代码如何搭建一套进销存管理系统（采购、销售、库存一体化管理）？
库房进货.提货.备货混乱,想纸笔记录,会发现工作量太大:改用Excel,会发现数据难同步,数据丢失风险大. 这里提供一个进销存管理模板,针对上述问题,可以用此模板来轻松解决. 模板直达>> ...
求一款免费好用的进销存管理软件？
求一款免费好用的进销存管理软件? 免费好用的进销存管理软件,"免费"一词对用户最具吸引力. 很多的小微企业在企业发展的过程都会选择免费的进销存管理软件来协助自己运营.都会希望,花最 ...
哪些进销存软件既好用又免费？
中小企业刚起步都会面临着资金紧缺.人力资源不足等诸多管理问题,对于大部分预算不是很多的中小企业或者尚未尝试过进销存软件的企业,都会选择免费进销存软件来进行企业管理或体验进销存软件的功效. 进销存软件的 ...
目前几个比较知名的进销存软件各自的利弊有哪些呢？
目前几个比较知名的进销存软件各自的利弊有哪些呢? 进销存管理软件作为企业提高效率的重要工具,这篇给大家分享一下,在选择免费的进销存管理软件时需要考虑的方面以及几款经典进销存软件测评! 结合上述标准,给 ...
批发进销存软件哪个好用？求测评
产品产量增加,在其他条件不变的情况下,就会形成规模效应,这样产品的生产成本就会降低.批发市场就可以对接大批量生产和出售单价更低的商品.而零售业往往也会采取批发货物的方式来降级成本.但是产品种类多,对于 ...
服装行业进销存软件哪个好？
好用的进销存软件有以下评判标准: 1. 能否为企业带来效益.理清自身在进销存管理中的难点以及进销存软件需要具备的功能. 2. 是否简单实用,人员是否上手容易.选购软件不易太复杂,会给前期软件使用造成人 ...
如何选择合适的进销存管理软件？这几点你需要知道
找一款进销存软件很容易,因为市面上太多了,能不能选到最适合的才是最难的.所以在选型前必须要把功课做足,建议参照这三个维度: 推荐一个支持自定义修改的进销存管理模板,大家可以直接在模板上对照着看: 点此 ...
开源客户管理及进销存财务系统（java）
真正的大师,永远都怀着一颗学徒的心! 一.项目简介前段时间一个哥们一直问我有没有进销库存的项目,今天给大家推荐一个开源的客户管理及进销存财务系统.项目是基于jfinal开发的,工作流引擎用的是sna ...

HTML 小型进销库存界面模板

文章目录

登陆界面

主界面

销售界面

库存界面

库存界面

HTML 小型进销库存界面模板相关推荐

最新文章

热门文章