• 基于javaweb的公交线路查询系统

    一、系统简介


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

    系统一共分为3个角色分别是：管理员，司机，乘客

    二、模块简介

    管理员

    1、登录

    2、个人信息管理

    3、统计管理

    4、查看建议

    5、乘客管理

    6、司机管理

    7、公告管理

    8、站点管理

    9、线路管理

    司机

    1、登录

    2、个人信息管理

    3、公告管理

    4、站点管理

    5、线路管理

    乘客

    1、登录，注册

    2、个人信息管理

    3、提建议

    4、查看公告

    5、查看站点

    6、查看线路

    7、查看司机

    难度等级：✩✩✩
    用户类型：3角色（管理员，司机，乘客）
    设计模式：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环境:否
    是否采用框架：是
    数据库表数量：7张表
    JSP页面数量：20多张
    是否有分页：有分页

    项目截图

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    相关代码

    登录

    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. <%
    6. 	String path = request.getContextPath();
    7. 	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    8. %>
    9. html>
    10. <html>
    11. <head>    
    12. 	<meta charset="utf-8">
    13. 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    14. 	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    15. 	<title>公交线路查询系统title>
    16.     <link href="resource/css/bootstrap.min.css" rel="stylesheet">
    17.     <link href="resource/css/a3common.css" rel="stylesheet">
    18.     <link rel="stylesheet" href="resource/css/login.css">
    19.     <link rel="stylesheet" href="resource/css/font_43459_lbtux0zjkr6yldi.css">
    20. head>
    21.  
    22.  
    23.  
    24.     <div id="main" class="main-warp" style="height: 100%;">
    25.         <div class="main-content">
    26.             <div class="formDiv">
    27.                 
    28.                     <h2 class="text-center">登录h2>
    29.                 
    30.                 
    31.                 <form id="loginForm"   method="post">
    32.                     <div class="dataform" >
    33.                         <div class="input-warp gap">
    34.                             <span class="input-icon iconfont icon-yonghu1">span>
    35.                             <input id="userName" name="userName" type="text" class="inputs" placeholder="手机号码或登录账号" maxlength="64">
    36.                         div>
    37.                        
    38.                             <span id="userNameErr" style="color:red" >${msg}span>
    39.                        
    40.  
    41.                         <div class="input-warp gap">
    42.                             <span class="input-icon iconfont icon-baomi">span>
    43.                             <input class="inputs" type="password" name="password" placeholder="密码" id="password" maxlength="20">
    44.                         div>
    45.                         
    46.                                   <div class=" gap">
    47. 				                        <span class="input-icon ">角色span>
    48. 				                        <select name="type" class="select">
    49. 				                            <option value="1">管理员option>
    50. 				                            <option value="2">司机option>
    51. 				                            <option value="3">乘客option>
    52. 				                        select>
    53. 				                
    54. 				                    div>
    55. 				                    
    56. 				                    
    57.                           
    58.                         <div class="btn-warp gap" > 
    59.                             <div class="text-center" >                               
    60.  
    61.                                 <button type="button" id="btnLogin" class="btn btn-block lgbtn blue">登录button>
    62.                             div>
    63.                         div>
    64.                         
    65.                           <div class="gap">
    66.                                 <div class="pull-right" style="margin-top: -7px">
    67.                               |<a type="button" id ="addUser" class="link">新乘客注册a>div>
    68.                             <div class="pretty-box">
    69.                             div>
    70.                         div>
    71.                         
    72.  
    73.  
    74.                     div>
    75.                 form>
    76.  
    77.             div>
    78.         div>
    79.     div>
    80.  
    81. <style>
    82. .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
    83. style>
    84. <div class="copyrights" id="links20210126">
    85. 	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家a>
    86. 	<a href="https://www.chazidian.com/"  title="查字典">查字典a>
    87. div>
    88. <script src="layui/jquery-1.9.1.min.js">script>
    89.  
    90.  
    91. <script src="resource/component/layui/layui.js">script>
    92. 		<script src="resource/component/pear/pear.js">script>
    93. 		<script>
    94. 		layui.use(['layer', 'form','jquery'], function(){
    95. 			var form = layui.form,
    96. 			 layer = layui.layer,
    97. 			 $= layui.jquery;
    98. 			 form.render();//这句一定要加，占坑
    99. 			 
    100. 			 
    101. 			 $('#addUser').on("click",function(e){
    102. 			  	  layer.open({
    103. 			  	      //调整弹框的大小
    104. 			  		  area:['500px','800px'],
    105. 			  		  shadeClose:true,//点击旁边地方自动关闭
    106. 			  		  //动画
    107. 			  		  anim:2,
    108. 			  		  //弹出层的基本类型
    109. 			  		  type: 2, 
    110. 			  		  title: '注册乘客',
    111. 			  		  //刚才定义的弹窗页面
    112. 			  		  content: 'UserServlet?action=toRegister', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
    113. 			  				
    114. 			  	  });
    115. 			    });
    116. 			 
    117. 			 
    118. 		   
    119. 		$("#btnLogin").on("click", function() {
    120. 		    var userName = $("#userName").val().trim(); // trim()去除空格
    121. 		    var password = $("#password").val().trim();
    122. 		    var type = $("#type").val();
    123. 		    
    124. 		    
    125. 		    if(userName == ""){
    126. 		    	layer.msg('用户名或者手机号不能为空！');
    127. 		    	return false;
    128. 		    }
    129. 		    if(password == ""){
    130. 		    	layer.msg('密码不能为空！');
    131. 		    	return false;
    132. 		    }
    133. 		    if(type == ""){
    134. 		    	layer.msg('请选择角色！');
    135. 		    	return false;
    136. 		    }
    137. 		    
    138. 		    $.ajax({
    139. 				cache : true,
    140. 				type : "post",
    141. 				url : "LoginServlet?action=login",
    142. 				data : $("#loginForm").serialize(),
    143. 				async : false,
    144. 				success : function(e) {
    145. 					if (e == 'yes') {
    146. 						alert("登录成功！");
    147. 						window.parent.location.href = "LoginServlet?action=toMain";
    148. 					} else {
    149. 						alert("登录失败，账号或者密码错误！");
    150. 					}
    151. 				}
    152. 			})
    153.  
    154. 		});
    155.  
    156. 		setTimeout(function(){ $("#userNameErr").html("")},3000);
    157. 		});
    158. script>
    159. body>
    160. html>

     

    1. protected void login(HttpServletRequest request, HttpServletResponse response) throws Exception {//跳转到添加用户界�?
    2. 	    String userName = request.getParameter("userName");
    3.         String password = request.getParameter("password");
    4.         String type = request.getParameter("type");
    5.         String message = "no";
    6. 	  if(type != null && type.equals("1")){//admin
    7. 	    	Admin admin = service.selectAdmin(userName,password);
    8. 	    	 if (admin != null) {
    9. 	    		   message = "yes";
    10. 	    		   request.getSession().setAttribute("flag",1);
    11. 	               request.getSession().setAttribute("admin",admin);
    12.              }
    13. 	    	 
    14. 	    }else if(type != null && type.equals("2")){//司机
    15. 	    	Driver driver = driverService.selectDriver(userName,password);
    16. 	    	 if (driver != null) {
    17. 	    		   message = "yes";
    18. 	    		   request.getSession().setAttribute("flag",2);
    19. 	               request.getSession().setAttribute("driver",driver);
    20.             }
    21. 	    }else if(type != null && type.equals("3")){//乘客
    22. 	    	User user = userService.selectUser(userName,password);
    23. 	    	 if (user != null) {
    24. 	    		   message = "yes";
    25. 	    		   request.getSession().setAttribute("flag",3);
    26. 	               request.getSession().setAttribute("user",user);
    27.            }
    28. 	    }
    29. 	  response.getWriter().print(message);
    30. 	}

     其他相关代码都是类似的，主要是前端jsp和后端servlet交互比较重要！！！非开源！！！！！！
    其他模块代码都是类似的，此项目适合初学者学习借鉴，项目整体比较简单，可用作于期末考核，课设，毕设等方面的作业！！！！！
    喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！
    感谢  = v =

  • 相关阅读:
    Kafka 厉害的几点！
    项目（day02网站流量指标统计）
    html+css+javascript打造网页内容浮动导航菜单
    C++中的bind与function
    深入解析Nacos：服务发现、配置管理与更多特性解析
    Hadoop生态圈中的Hive数据仓库技术
    SpringBoot面试题（五十道）
    ubuntu 22.04 图文安装
    【国产MCU】-CH32V307-独立看门狗（IWDG）
    2022年还在做手动测试？是该好好反思了
  • 原文地址：https://blog.csdn.net/qq_43485489/article/details/126263093