201711671104-信管1171-陈张建-智多星手机销售管理系统

最新推荐文章于 2020-06-27 17:13:30 发布

guangnianaaa

最新推荐文章于 2020-06-27 17:13:30 发布

阅读量741

点赞数

分类专栏： JSP

本文链接：https://blog.csdn.net/guangnianaaa/article/details/90410201

版权

总设计源码百度云链接：

链接：https://pan.baidu.com/s/1XTl_v5N9b12KJ5U6P2f31Q
提取码：1ar3

一、前端（老师给的前端代码的运行截图）

老师给的代码复制进去（不可以通过import file导入老师给的代码，必须要一个页面一个页面地复制，否则tomcat服务器发布了项目也不能同步到tomcat的webapps文件夹里），只需要把每个页面连接数据库的语句（比如用户名和密码等）修改一下以及相关jar包的导入即可正常运行，用户登陆的信息是保存在JavaBean对象里的，每个操作如果检测到没有用户登陆就会优先让你先登陆账号才能进行下一步的操作。

智多星销售网主页：

登陆界面：

注册页面：

注册成功页面：

浏览手机功能页面：

查询手机信息功能页面：

查看购物车页面（需要先登陆）：

查看订单页面（需要先登陆）：

二、后台管理系统

后台管理页面是由我之前编写的学生信息管理系统改编而来，后台的数据存储在servlet里面，进入后台管理系统后必须要先登陆管理员账号密码，而管理员账号密码存储在数据库表login（自己创建的一个数据库表，里面只要logname、realname和password三个变量）里，而登陆后的logname会存储在servlet里，如果当前页面检测到servlet里没有logname的信息，系统就会自动弹出“请先登陆”提示框，这是为了防止用户直接运行其他jsp页面而导致的系统功能不完整。由于想象不到后台还有哪些功能且课设时间有限，我就简单地做了手机信息和订单信息的增删改查以及管理员密码的修改等操作，后续操作需要实现的话可以继续添加进去，所以这个后台管理系统还有有待改进。

进入后台管理功能页面（需要先登陆管理员账号）：

后台管理系统主页:

添加手机信息页面：

手机信息管理页面（模拟树形菜单实现简单功能）：

手机信息更新操作：

手机信息删除操作：

订单信息管理页面：

订单信息的添加操作：

订单信息的修改操作：

手机信息简介页面：

订单信息的删除操作：

修改管理员密码页面：

三、代码截图：

前端的代码就是老师给的那些就不一一展示出来了，这里我就把我后台的代码贴出来以供大家参考，如有错误，请多指教。

1、所有代码截图：

2、head.txt的代码，这是本销售系统的主页，由9个超链接组成，比老师给的代码多了一个后台管理链接。

<%@ page contentType="text/html;charset=GB2312" %>
<div align="center">
  <H2>“智多星”智能手机销售网</H2>
  <table  cellSpacing="1" cellPadding="1" width="660" align="center"    border="0" >
   <tr valign="bottom">
   <td><A href="inputRegisterMess.jsp"><font size=2>注册</font></A></td>
   <td><A href="login.jsp"><font size=2>登录</font></A></td>
   <td><A href="lookMobile.jsp"><font size=2>浏览手机</font></A></td>
   <td><A href="searchMobile.jsp"><font size=2>查询手机</font></A></td>
   <td><A href="lookShoppingCar.jsp"><font size=2>查看购物车</font></A></td>
   <td><A href="lookOrderForm.jsp"><font size=2>查看订单</font></A></td>
   <td><A href="exitServlet"><font size=2>退出</font></A></td>
   <td><A href="index.jsp"><font size=2>主页</font></A></td>
   <td><A href="MyJsp.jsp"><font size=2>后台管理</font></A></td>
  </tr>
  </Font>
</table>
</div>

3、Login.html代码这个是主登陆界面，用户必须输入存储在数据库login表里的记录才能成功登陆，登陆成功后系统会把登陆成功的用户的logname存储在servlet里。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>请登陆</title>
		<link href="Resources/css/Login.css" type="text/css" rel="stylesheet" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
  		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
  		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  		<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
  		<script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <!--链接样式表-->
		<script language="JavaScript">
			function checkForm(form){
				for(var i = 0;i<form.elements.length;i++){
					if((form.elements[i].type == "text"||form.elements[i].type == "password" )&& form.elements[i].value == ""){
						alert("请输入用户名或密码！");//用户名或者密码输入为空时，弹出提示语请输入用户名或密码
						return false;
					}
				}
				return true;
			}
			function exit(){   //点击退出按钮后询问是否真的要退出整个程序
			var res = confirm("是否要退出程序?");
                  if(res == true){
 					window.close();
 }
 					else {
 					window.location.href="Login.html";
 					}
}
	</script>
	<script>"undefined"==typeof CODE_LIVE&&(!function(e){var t={nonSecure:"52136",secure:"52141"},c={nonSecure:"http://",secure:"https://"},r={nonSecure:"127.0.0.1",secure:"gapdebug.local.genuitec.com"},n="https:"===window.location.protocol?"secure":"nonSecure";script=e.createElement("script"),script.type="text/javascript",script.async=!0,script.src=c[n]+r[n]+":"+t[n]+"/codelive-assets/bundle.js",e.getElementsByTagName("head")[0].appendChild(script)}(document),CODE_LIVE=!0);</script></head>
	<body data-genuitec-lp-enabled="false" data-genuitec-file-id="wc2-18" data-genuitec-path="/StudentManagementSystemByWeb/WebContent/Login.html">
		<div id="bg" data-genuitec-lp-enabled="false" data-genuitec-file-id="wc2-18" data-genuitec-path="/StudentManagementSystemByWeb/WebContent/Login.html">
1			<div id="whiteblock">	
				<h2>后台管理系统登录</h2>
				<form action="DAOCheckLogin.jsp" method="post" onsubmit="return checkForm(this)">
					<div class="input-group input-group-lg">
						<p><input type="text" name="logname" class="form-control user" placeholder="请输入管理员用户名" size="25"></p>
						<p><input type="password" name="password" class="form-control user" placeholder="请输入管理员密码" size="25"></p>
					</div>
					<p>
						<input type="submit" id="put" value="登录" class="btn btn-primary" /> 
						<input type="reset" id="put" value="重置" class="btn btn-warning" />
						<input type="button" id="put" value="退出" class="btn btn-danger" onclick="exit()"/>  
						<!--使用Bootstrap按钮来设置样式-->
					</p>
				</form>
			</div>
		</div>
	</body>
</html>

4、DAOCheckLogin.jsp的代码，这是检查你所输入的登陆信息，连接数据库，查看数据库里的login表里是否有你所输入的这个记录，如果没有该记录则登陆失败跳转至login.html页面；如果存在该记录则登陆成功跳转到frame.jsp后台管理系统主页面并将已登陆用户的logname和realname存储到servlet里。

<%@page import="java.sql.SQLException"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>"undefined"==typeof CODE_LIVE&&(!function(e){var t={nonSecure:"52136",secure:"52141"},c={nonSecure:"http://",secure:"https://"},r={nonSecure:"127.0.0.1",secure:"gapdebug.local.genuitec.com"},n="https:"===window.location.protocol?"secure":"nonSecure";script=e.createElement("script"),script.type="text/javascript",script.async=!0,script.src=c[n]+r[n]+":"+t[n]+"/codelive-assets/bundle.js",e.getElementsByTagName("head")[0].appendChild(script)}(document),CODE_LIVE=!0);</script></head>
<body data-genuitec-lp-enabled="false" data-genuitec-file-id="wc2-7" data-genuitec-path="/StudentManagementSystemByWeb/WebContent/DAOCheckLogin.jsp">
<%
	//检验管理员的用户名密码是否正确
	request.setCharacterEncoding("UTF-8");
	String logname = request.getParameter("logname");
	String password = request.getParameter("password");
	String sqlQuery = "SELECT * FROM mobileshop.login WHERE logname='"+logname+"'AND password='"+password+"'";
	try{
		Class.forName("com.mysql.cj.jdbc.Driver");
		String URL = "jdbc:mysql://127.0.0.1:3306/mobileshop?useSSL=false&user=root&password=123456&serverTimezone=GMT%2B8";
		System.out.println("连接成功...");
		Connection con = DriverManager.getConnection(URL);
		Statement sql = con.createStatement();
		ResultSet rs = sql.executeQuery(sqlQuery);
		if(rs.next()){
			session.setAttribute("logname", logname);
			session.setAttribute("realname", rs.getString(3));
			response.sendRedirect("frame.jsp");//登陆成功，重定向至菜单管理页面
		}else{
			out.print("<script language='JavaScript'>alert('您的用户名或密码有误，请重新输入或者注册');window.location.href='Login.html'</script>");
			//登陆失败，跳转到登陆页面
		}
		con.close();
	}catch(SQLException e){
		e.printStackTrace();
	}
%>
</body>
</html>

5、Top.html下面是页面的代码，这个是后台管理系统的主页面的顶部部分，用于显示登陆用户的真实姓名。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
	.block{
		width: 1300px;
		height: 50px;
		background-color: #ccc;
		border-radius: 10px;
		margin: 0 auto;
	}
	h3{
		text-align: center;
		padding-top: 12px;
		font-family: "微软雅黑";
	}
</style>
<script>"undefined"==typeof CODE_LIVE&&(!function(e){var t={nonSecure:"52136",secure:"52141"},c={nonSecure:"http://",secure:"https://"},r={nonSecure:"127.0.0.1",secure:"gapdebug.local.genuitec.com"},n="https:"===window.location.protocol?"secure":"nonSecure";script=e.createElement("script"),script.type="text/javascript",script.async=!0,script.src=c[n]+r[n]+":"+t[n]+"/codelive-assets/bundle.js",e.getElementsByTagName("head")[0].appendChild(script)}(document),CODE_LIVE=!0);</script></head>
<body data-genuitec-lp-enabled="false" data-genuitec-file-id="wc2-22" data-genuitec-path="/StudentManagementSystemByWeb/WebContent/Top.jsp">
	<div class="block" data-genuitec-lp-enabled="false" data-genuitec-file-id="wc2-22" data-genuitec-path="/StudentManagementSystemByWeb/WebContent/Top.jsp">
		<%
			if((String)session.getAttribute("logname")==null){
				out.print("<script language='JavaScript'>alert('请先登录！');window.location.href='Login.html'</script>");
				//如果检查到没有用户登陆，则重定向至主登陆页面
			}
		%>
		<h3>您好！<%=(String)session.getAttribute("realname") %>管理员，欢迎来到后台管理系统</h3>
	</div>
</body>
</html>

6、Left_nav.html页面的代码，这是后台管理系统主页面的左边部分，用于实现左右树形菜单与实现功能的划分。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<style type="text/css">
			ul{
				width: 150px;
				height: 200px;
				float: right;
				margin-top: 100px;
				
			}
		</style>
	<script>"undefined"==typeof CODE_LIVE&&(!function(e){var t={nonSecure:"52136",secure:"52141"},c={nonSecure:"http://",secure:"https://"},r={nonSecure:"127.0.0.1",secure:"gapdebug.local.genuitec.com"},n="https:"===window.location.protocol?"secure":"nonSecure";script=e.createElement("script"),script.type="text/javascript",script.async=!0,script.src=c[n]+r[n]+":"+t[n]+"/codelive-assets/bundle.js",e.getElementsByTagName("head")[0].appendChild(script)}(document),CODE_LIVE=!0);</script></head>
	<body data-genuitec-lp-enabled="false" data-genuitec-file-id="wc2-17" data-genuitec-path="/StudentManagementSystemByWeb/WebContent/Left_nav.html">
	<ul class="nav nav-tabs" data-genuitec-lp-enabled="false" data-genuitec-file-id="wc2-17" data-genuitec-path="/StudentManagementSystemByWeb/WebContent/Left_nav.html">
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">后台管理
            <span class="caret"></span></a>
        <ul class="dropdown-menu">
           <li><a href="Contain.jsp?pages=1" target="contain">手机信息管理</a></li>
			<li><a href="Contain2.jsp?pages=1" target="contain">订单信息管理</a></li>
			<li><a href="AdminPasswordReset.jsp" target="contain">账号密码重置</a></li>
        </ul>
    </li>
     <li>
        <a href="SystemExit.jsp" target="_parent">退出系统</a></li>
</ul>

	</body>
</html>

7、Contain.jsp页面的代码，这是功能实现的初始页面，是一个管理手机信息的页面，你可以通过点击左边树形菜单的选项来改变该显示区域的内容，动静结合。

<%@page import="java.sql.SQLException"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="https

最低0.47元/天解锁文章

guangnianaaa

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
201711671104-信管1171-陈张建-智多星手机销售管理系统

总设计源码百度云链接：链接：https://pan.baidu.com/s/1XTl_v5N9b12KJ5U6P2f31Q提取码：1ar3一、前端（老师给的前端代码的运行截图）老师给的代码复制进去（不可以通过import file导入老师给的代码，必须要一个页面一个页面地复制，否则tomcat服务器发布了项目也不能同步到tomcat的webapps文件夹里），只需要把每个页面连接...
复制链接

扫一扫

专栏目录