基于javaweb的剪纸手工艺管理系统（前端+后端）

码盗_java_bishe

已于 2022-08-18 10:14:50 修改

阅读量710

点赞数 2

分类专栏： javaweb jsp 文章标签： servlet java mysql eclipse tomcat

于 2022-08-12 16:33:26 首次发布

本文链接：https://blog.csdn.net/qq_43485489/article/details/126306640

版权

javaweb 同时被 2 个专栏收录

65 篇文章 49 订阅

订阅专栏

jsp

50 篇文章 3 订阅

订阅专栏

一、系统简介

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

系统一共分为2个角色分别是：管理员，用户

二、模块简介

管理员

1、登录

2、用户信息管理

3、剪纸文化管理

4、商品信息管理

5、剪纸咨询管理

6、剪纸教程管理

7、订单管理

8、评论管理

9、个人信息管理

用户

1、登录注册

2、浏览网站

3、购买商品

4、个人信息管理

5、查看剪纸咨询

6、观看剪纸教程

7、评论商品信息

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

相关代码

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="icon" href="<%=path%>/resource/static/favicon.ico">
    <link rel="stylesheet" href="<%=path%>/resource/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="<%=path%>/resource/static/admin/css/login.css">
    <script src="<%=path%>/resource/static/js/vue.min.js"></script>
    <script src="<%=path%>/resource/static/js/jquery-3.3.1.min.js"></script>
    <script src="<%=path%>/resource/static/bootstrap/js/bootstrap.bundle.js"></script>
    <script src="<%=path%>/resource/layui/layui.js"></script>
    
</head>
<body>
<div class="login" style="height:430px;">
    <form id="saveForm">
        <h2>剪纸手工艺管理系统</h2>
        <div class="form-group">
            <label>用户名</label>
            <input type="text" v-model="username" name=userName id="userName" class="form-control form-control-lg">
        </div>
        <div class="form-group">
            <label>密码</label>
            <input type="password" v-model="password" name ="password" id="password" class="form-control form-control-lg" id="pwd">
        </div>
        <div class="form-group form-check">
           <input type="radio" class="form-check-input" name="type" value="1" id="exampleCheck2" checked>
            <label class="form-check-label" for="exampleCheck2">管理员</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" class="form-check-input" name="type" value="2" id="exampleCheck1" >
            <label class="form-check-label" for="exampleCheck1">用户</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            
        </div> 
        <button type="button" :disabled="loading" @click="login" id="login" class="btn btn-primary btn-lg  btn-block">
            <span v-show="loading" class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
            立即登录
        </button>
       
       <a type="button" id = "register">立即注册</a>
    </form>
</div>

<script>
	    $("#login").click(function(){
	    	var userName = $("#userName").val();
	    	var password = $("#password").val();
	    	if(userName == null || userName == ""){
	    		alert("请填写用户名");
	    		return false;
	    	}if(password == null || password == ""){
	    		alert("请填写密码");
	    		return false;
	    	}
			//执行添加的操作ajax
			$.ajax({
				cache:true,
				type:"post",
				url:"LoginServlet?action=login",
				data:$("#saveForm").serialize(),
				async:false,
				success:function(e){
					if(e == 'yes'){
						alert("登录成功");
						 window.parent.location.href="LoginServlet?action=toMain";
					}else if(e == 'toIndex'){
                        alert("登录成功");
						 window.parent.location.href="IndexServlet?action=toIndex";
                    }else{
						alert("登录失败，账号或密码错误");
					}
				}
			})
		});
		   
</script>


 <script>
	layui.use(['layer', 'form','jquery'], function(){
		var form = layui.form,
		 layer = layui.layer,
		 $= layui.jquery;
		 form.render();//这句一定要加，占坑
		 
		 $('#register').on("click",function(e){
		  	  layer.open({
		  	      //调整弹框的大小
		  		  area:['500px','800px'],
		  		  shadeClose:true,//点击旁边地方自动关闭
		  		  //动画
		  		  anim:2,
		  		  //弹出层的基本类型
		  		  type: 2, 
		  		  title: '注册用户',
		  		  //刚才定义的弹窗页面
		  		  content: 'UserServlet?action=toRegister', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
		  				
		  	  });
		    });

	});
</script>


</body>
</html>

protected void login(HttpServletRequest request, HttpServletResponse response) throws Exception {//跳转到添加用户界�?
	    String userName = request.getParameter("userName");
        String password = request.getParameter("password");
        String type = request.getParameter("type");
        String message = "no";
	  if(type != null && type.equals("1")){//admin
	    	Admin admin = service.selectAdmin(userName,password);
	    	 if (admin != null) {
	    		   message = "yes";
	    		   request.getSession().setAttribute("flag",1);
	               request.getSession().setAttribute("admin",admin);
             }
	    	 
	    }else  if(type != null && type.equals("2")){
	    	User user = service.selectUser(userName,password);
	    	 if (user != null) {
	    		   message = "toIndex";
	    		   request.getSession().setAttribute("flag",2);
	               request.getSession().setAttribute("user",user);
            }
	    	 
	    }
	  response.getWriter().print(message);
	}