devbox
羊村懒王
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

基于javaweb的超市库存管理系统（idea+servlet+jsp）_idea实现网上库存系统

作者：羊村懒王 | 2024-06-11 08:43:58

赞

踩

idea实现网上库存系统

一、系统简介

本项目采用idea工具开发，jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。

系统一共分为4个角色分别是：管理员，入库员工，出库员工，普通员

二、模块简介

管理员

1、登录

2、员工管理

3、公告管理

4、商品类别管理

5、供应商管理

6、商品列表

7、过期商品管理

8、出库入库管理

9、个人信息管理

入库员工

1、登录

2、个人信息管理

3、商品入库管理

4、查看公告

出库员工

1、登录

2、个人信息管理

3、商品出库管理

4、查看公告

普通员工

1、登录

2、个人信息管理

3、查看公告

4、商品管理

5、过期商品管理

6、出库入库信息查询

项目简介
难度等级：✩✩✩
用户类型：4角色（管理员，入库员工，出库员工，普通员工）
设计模式：MVC
项目架构：B/S架构
开发语言：Java语言
前端技术：HTML、CSS、JS、JQuery等
后端技术：JSP、servlet框架
运行环境：Windows7或10、JDK1.8
运行工具：本系统采用idea开发，仅支持idea运行，不支持MyEclipse和eclipse运行，因为三者的骨架不一样，强行导入打开运行可能会导致出现未知的错误。
数  据  库：MySQL5.5/5.7/8.0版本
运行服务器：Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架：是
数据库表数量：8张表
JSP页面数量：20多张
是否有分页：有分页

获取地址：

https://item.taobao.com/item.htm?spm=a21dvs.23580594.0.0.1d293d0dIddBw6&ft=t&id=753631659931

相关截图

 

相关代码

登录

  1. <%@ page language="java" contentType="text/html; charset=utf-8"
  2.          pageEncoding="utf-8"%>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  4. <%
  5.     String path = request.getContextPath();
  6.     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
  7. %>
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11.     <!-- meta -->
  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  13.     <meta name="renderer" content="webkit">
  14.     <meta property="qc:admins" content="23635710066417756375" />
  15.     <meta name="baidu-site-verification" content="QIQ6KC1oZ6" />
  16.     <meta charset="UTF-8">
  17.  
  18.     <meta content="拉勾，自由职业，soho，Freelancer,威客，兼职，外包，开发项目，设计项目，市场项目，运营项目，产品设计项目，找开发，找设计，找市场/运营，平面设计,UI设计,插画,logo设计,VI设计,图标设计, 海报,网页设计,app设计,包装设计，前端开发，微信开发，H5开发，后端开发，APP开发，Web网站开发，活动策划，市场推广，品牌建设，SEO，新媒体运营，活动运营，内容运营，内容编辑 ，文案策划，记者，产品经理" name="keywords">
  19.  
  20.     <meta content="拉勾自由职业者平台，为你的项目精准对接最棒的最有契约精神的行业专家，目前开放的领域有开发、设计、市场/运营、产品。我们会为你全程提供专业化、个性化的服务和监管，以让优秀专家和优质项目顺利合作为己任。我们致力于打造一个自由职业者的自由联盟平台，让专业的人都有勇气改变他们的工作和生活，轻松享受自由的工作方式。" name="description">
  21.     <meta name="viewport" content="width=device-width"/>
  22.  
  23.     <title>登录</title>
  24.     <link rel="stylesheet"
  25.           href="<%=path%>/resource/static/bootstrap/css/bootstrap.min.css">
  26.     <script src="<%=path%>/resource/static/js/jquery-3.3.1.min.js"></script>
  27.     <script src="<%=path%>/resource/static/bootstrap/js/bootstrap.bundle.js"></script>
  28.  
  29.     <link rel="stylesheet" type="text/css" href="<%=path%>/resource/login/css/dmaku2.css" />
  30.     <script src="<%=path%>/resource/static/js/jquery-3.3.1.min.js"></script>
  31.     <script src="<%=path%>/resource/static/bootstrap/js/bootstrap.bundle.js"></script>
  32. </head>
  33. <body>
  34.  
  35. <header id="header">
  36.     <a href="javascript:;" class="logo"></a>
  37.     <i class="icons">beta</i>
  38. </header><!-- /header -->
  39.  
  40. <!-- 页面主体START -->
  41. <section id="main" style="width: 480px">
  42.     <h1>登录</h1>
  43.     <form id="saveForm" accept-charset="utf-8" data-view="loginView">
  44.  
  45.         <div class="clearfix" data-propertyname="username" data-controltype="Phone">
  46.             <input type="text" placeholder="输入帐号" id="username" name="username" placeholder="" data-required="required" autocomplete="off" >
  47.         </div>
  48.  
  49.         <div class="clearfix" data-propertyname="password" data-controltype="Password">
  50.             <input type="password" id="password" name="password" placeholder="输入密码" data-required="required" autocomplete="off" >
  51.         </div>
  52.  
  53.         <div class="clearfix" style="width: 150px;">
  54.             <select name="type" class="form-control">
  55.                 <option value="0">管理员</option>
  56.                 <option value="1">入库员工</option>
  57.                 <option value="2">出库员工</option>
  58.                 <option value="3">普通员工</option>
  59.             </select>
  60.         </div>
  61.   <%--      <div class="form-group form-check">
  62.             <input type="radio" class="form-check-input" name="type" value="0" id="exampleCheck1" checked>
  63.             <label class="form-check-label" for="exampleCheck1">管理员</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  64.             <input type="radio" class="form-check-input" name="type" value="1" id="exampleCheck2" >
  65.             <label class="form-check-label" for="exampleCheck2">药房管理员</label>
  66.             <input type="radio" class="form-check-input" name="type" value="2" id="exampleCheck3" >
  67.             <label class="form-check-label" for="exampleCheck3">药库管理员 </label>
  68.             <input type="radio" class="form-check-input" name="type" value="3" id="exampleCheck4" >
  69.             <label class="form-check-label" for="exampleCheck4">医生</label>
  70.         </div>--%>
  71.  
  72.         <div class="clearfix btn_login" data-propertyname="submit" data-controltype="Botton">
  73.             <input type="button" style="border:0;height:46px;width:100%;color:#fff;font-size:16px;text-align:center;background:#3dca99;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;margin:18px 0"  id="save" value="登录">
  74.         </div>
  75.  
  76.      <%--   <div class="clearfix goregister">
  77.             <span class="reg_now">没有帐号？</span>
  78.             <a href="javascript:;"  data-target="#myModal" data-toggle="modal" >注册</a>
  79.         </div>--%>
  80.  
  81.         <input type="hidden" value = "" id = "isVisiable_request_form_verifyCode" />
  82.  
  83.     </form>
  84. </section>
  85. <!-- 页面主体END -->
  86.  
  87.  
  88. <div class="modal fade" id="myModal" aria-labelledby="myModallabel"
  89.      aria-hidden="true" tabindex="-1" >
  90.     <div class="modal-dialog">
  91.         <div class="modal-content" >
  92.             <div class="modal-header">
  93.                 <h5 class="modal-title" id="myModallabel">预约房间</h5>
  94.                 <button class="close" type="button" data-dismiss="modal"
  95.                         aria-hidden="true">&times;</button>
  96.             </div>
  97.             <form id="registerForm" class="form-horizontal" enctype="multipart/form-data">
  98.                 <div class="modal-body">
  99.  
  100.                     <div class="form-group">
  101.                         <label class="control-label col-lg-4">姓名：</label>
  102.                         <div class="col-lg-9">
  103.                             <input type="text" name="realname"
  104.                                  class="form-control">
  105.                         </div>
  106.                     </div>
  107.  
  108.                     <div class="form-group">
  109.                         <label class="control-label col-lg-4">学号：</label>
  110.                         <div class="col-lg-9">
  111.                             <input type="text" name="cno"
  112.                                     class="form-control">
  113.                         </div>
  114.                     </div>
  115.                     <div class="form-group">
  116.                         <label class="control-label col-lg-4">手机号：</label>
  117.                         <div class="col-lg-9">
  118.                             <input type="text" name="phone"
  119.                                     class="form-control">
  120.                         </div>
  121.                     </div>
  122.  
  123.                     <div class="form-group">
  124.                         <label class="control-label col-lg-4">密码：</label>
  125.                         <div class="col-lg-9">
  126.                             <input type="password" name="pwd"
  127.                                     class="form-control">
  128.                         </div>
  129.                     </div>
  130.                     <div class="form-group">
  131.                         <label class="control-label col-lg-4">性别：</label>
  132.                         <div class="col-lg-9">
  133.                             <select name="sex" class="form-control">
  134.                                 <option value="男">男</option>
  135.                                 <option value="女">女</option>
  136.                             </select>
  137.                         </div>
  138.                     </div>
  139.  
  140.                     <div class="form-group">
  141.                         <label class="control-label col-lg-4">图片：</label>
  142.                         <div class="col-lg-9">
  143.                             <input type="file" name="photo"  class="form-control">
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.  
  148.                 <div class="modal-footer">
  149.                     <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
  150.                     <a class="btn btn-success" type="button" id="register" >提交</a>
  151.                 </div>
  152.             </form>
  153.         </div>
  154.     </div>
  155. </div>
  156.  
  157.  
  158.  
  159.  
  160.  
  161. <script>
  162.  
  163.  
  164.     $("#register").click(function() {
  165.         $.ajax({
  166.             cache:true,
  167.             type : "post",
  168.             url : "UserServlet?action=addUser",
  169.             data : new FormData($('#registerForm')[0]),
  170.             processData: false,
  171.             contentType: false,
  172.             async:false,
  173.             success : function(e) {
  174.                 if (e == "yes") {
  175.                     alert("注册成功！");
  176.                     window.parent.location.href = "LoginServlet?action=loginOut";
  177.                 } else if (e == "isExist") {
  178.                     alert("注册失败，学号重复");
  179.                 }else{
  180.                     alert("注册失败");
  181.                 }
  182.             }
  183.         })
  184.     });
  185.  
  186.     $("#save").click(function(){
  187.         var username = $("#username").val();
  188.         var password = $("#password").val();
  189.         if(username == null || username == ""){
  190.             alert("请填写账号");
  191.             return false;
  192.         }if(password == null || password == ""){
  193.             alert("请填写密码");
  194.             return false;
  195.         }
  196.         //执行添加的操作ajax
  197.         $.ajax({
  198.             cache:true,
  199.             type:"post",
  200.             url:"LoginServlet?action=login",
  201.             data:$("#saveForm").serialize(),
  202.             async:false,
  203.             success:function(e){
  204.                 if(e == 'ok'){
  205.                     alert("登录成功");
  206.                     window.parent.location.href="LoginServlet?action=toMain";
  207.                 }else if(e == "user"){
  208.                     alert("登录成功");
  209.                     window.parent.location.href="IndexServlet?action=toIndex";
  210.                 }else{
  211.                     alert("登录失败，账号或密码错误");
  212.                 }
  213.             }
  214.         })
  215.     });
  216.  
  217. </script>
  218.  
  219. </body>
  220. </html>
  1.   /**
  2.      * 登录
  3.      * @param request
  4.      * @param response
  5.      * @throws ServletException
  6.      * @throws IOException
  7.      */
  8.     public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//处理登录
  9.         //清空登录记录
  10.         request.getSession().invalidate();
  11.         //进行登录操作
  12.         String username = request.getParameter("username");
  13.         String password = request.getParameter("password");
  14.         String type = request.getParameter("type");
  15.         Admin admin = new Admin();
  16.         if(type != null && type.equals("0")){
  17.             Admin admin1 = adminService.selectAdmin(username,password);
  18.             if(admin1 != null){
  19.                 response.getWriter().print("ok");
  20.                 request.getSession().setAttribute("admin",admin1);
  21.                 request.getSession().setAttribute("flag",type);
  22.             }else{
  23.                 response.getWriter().print("error");
  24.             }
  25.         }else if(type != null && !type.equals("0")){//doctorService
  26.             Employee employee = employeeService.selectEmployee(username,password,type);
  27.             if(employee != null){
  28.                 response.getWriter().print("ok");
  29.                 request.getSession().setAttribute("employee",employee);
  30.                 request.getSession().setAttribute("flag",type);
  31.             }else{
  32.                 response.getWriter().print("error");
  33.             }
  34.         }else{
  35.             response.getWriter().print("error");
  36.         }
  37.  
  38.     }

非开源！！！！！！
项目截图中的数据，很多是用来测试的，需求自行添加合适的数据图片
此项目适合初学者学习借鉴，项目整体比较简单！！！！！
喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/702455
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号