基于javaweb的新闻博客管理系统(前端+后端)

一、系统简介

本项目采用eclipse工具开发,java语言编写,jsp+servlet技术实现,样式采用了layui前段框架,数据库采用的是mysql,navicat管理工具。

系统一共分为2个角色分别是:管理员,普通

获取地址:https://item.taobao.com/item.htm?spm=a21dvs.23580594.0.0.52de645eTh9Sdu&ft=t&id=751997041225

二、模块简介

管理员

1、登录

2、修改个人信息

3、用户管理

4、分类管理

5、轮播图管理

6、新闻管理

7、博客管理

8、友情链接管理

9、评论管理

普通用户

1、登录注册

2、浏览博客网站

3、查看新闻

4、查看博客

5、评论新闻

6、评论博客

7、友情链接到指定网站

8、分类查询新闻

9、发布博客

10、修改个人信息

11、修改自己的博客

三、项目截图

项目结构和数据库

1、管理员页面

登录页面

 注册页面

 用户管理

 分类管理

 轮播图管理

 新闻管理

博客管理

友情链接管理

 评论管理

 2、用户页面

网站首页

 博客详情

博客评论

 个人信息修改

 发布博客

 我的博客

 四、代码简介

1、登录代码,通过登录页面login.jsp的form表单,用户填写用户名和密码,然后使用form表单提交,执行form表单的里面的action方法,后端servlet接受前端传过来的数据的,进行数据校验!!!!!

  <form id="loginForm" action="LoginServlet?action=login"  method="post">
                    <div class="dataform" >
                        <div class="input-warp gap">
                            <span class="input-icon iconfont icon-yonghu1"></span>
                            <input id="userName" name="username" type="text" class="inputs" placeholder="手机号码或登录账号" maxlength="64">
                        </div>
                       
                            <span id="userNameErr" style="color:red" >${message}</span>
                       

                        <div class="input-warp gap">
                            <span class="input-icon iconfont icon-baomi"></span>
                            <input class="inputs" type="password" name="pwd" placeholder="密码" id="pwd" maxlength="20">
                        </div>
                        
                  
               
                                
                                  <div class=" gap">
				                        <span class="input-icon ">角色</span>
				                        <select name="type" class="select">
				                            <option value="1">管理员</option>
				                            <option value="2">用户</option>
				                        </select>
				                
				                    </div>
                          
                             
                      

                        <div class="btn-warp gap">
                            <div class="text-center">                               

                                <button type="submit" id="btnLogin" class="btn btn-block lgbtn blue">登录</button>
                            </div>
                        </div>
                        <div class="gap">
                            
                                <div class="pull-right" style="margin-top: 6px">
                            |<a href="LoginServlet?action=toRegister" class="link">新用户注册</a></div> 
                            
                            <div class="pretty-box">
                              
                            </div>
                        </div>

                        
                            <div class="biggap third-party-title">
                                <h5 class="text-center"><span>第三方账号登录</span></h5>
                            </div>
                            <div class="third-auth">                              
                                
                                <a title="用钉钉登录" class="dt" href="javascript:;"></a>                                
                                <a title="用微信账户登录" class="wx" href="javascript:;"></a>
                                <a title="用QQ账户登录" class="qq" href="javascript:;"></a>
                                
                            </div>
                        
                    </div>
                </form>
/**
	 * 登录
	 * @param request
	 * @param response
	 */
	private void login(HttpServletRequest request, HttpServletResponse response) {
		// TODO Auto-generated method stub
		removeAll(request,response);
		String userName = request.getParameter("username");
		String password = request.getParameter("pwd");
		String type = request.getParameter("type");
		if(type.equals("1")){
			Admin admin = new Admin();
			admin.setUsername(userName);
			admin.setPwd(password);
			Admin admin1 = service.selectAdmin(admin);
			  try {
					 if (admin1 == null){
			        	  request.setAttribute("message", "管理员用户不存在或密码错误");
						  request.getRequestDispatcher("/WEB-INF/views/login.jsp").forward(request, response);
			         }else {
			        	  request.getSession().setAttribute("admin",admin1);
			        	  request.getSession().setAttribute("flag",1);
			              request.getRequestDispatcher("/WEB-INF/views/main.jsp").forward(request, response);
			         }				
				 } catch (Exception e) {
				 	e.printStackTrace();
				 }
		 }else if(type.equals("2")){
			 User ee = new User();
			 ee.setPhone(userName);
			 ee.setPwd(password);
			 User ee1 = service.selectUser(ee);
			  try {
					 if (ee1 == null){
			        	  request.setAttribute("message", "用户不存在或者密码错误");
						  request.getRequestDispatcher("/WEB-INF/views/login.jsp").forward(request, response);
			         }else {
			        	  request.getSession().setAttribute("user",ee1);
			        	  request.getSession().setAttribute("flag",2);
				 		  response.sendRedirect(request.getContextPath()+"/IndexServlet?action=toIndex");
			         }				
				 } catch (Exception e) {
				 	e.printStackTrace();
				 }
		 }else{
			    request.setAttribute("message", "账号不存在或者密码错误");
			    try {
				request.getRequestDispatcher("/WEB-INF/views/login.jsp").forward(request, response);
				} catch (Exception e) {
					e.printStackTrace();
				} 
		 }
	}

2注册代码

通过register.jsp中的form表单,用户填写注册信息,提交后请求servlet里面的方法,如果成功,就返回登录页面

  <form id="loginForm" action="UserServlet?action=register"  method="post" class="layui-form" enctype="multipart/form-data">
                    <div class="dataform" >
                        <div class="input-warp gap">
                            <span class="input-icon iconfont icon-yonghu1"></span>
                            <input id="username" name="username" type="text" class="inputs" placeholder="用户名" maxlength="64">
                        </div>
                       
                            <span id="userNameErr" style="color:red" >${message}</span>
                       

                        <div class="input-warp gap">
                            <span class="input-icon iconfont icon-baomi"></span>
                            <input class="inputs" type="text" name="pwd" placeholder="密码" id="pwd" maxlength="20">
                        </div>
                        
                        <div class="input-warp gap">
                            <span class="input-icon iconfont icon-yonghu1"></span>
                            <input class="inputs" type="text" name="realname" placeholder="真实姓名" id="realname" maxlength="20">
                        </div>
                        
                        
                        <div class="input-warp gap">
                            <span class="input-icon iconfont icon-yonghu1"></span>
                            <input class="inputs" type="text" name="city" placeholder="所在城市" id="city" maxlength="20">
                        </div>
                        
                        
                        <div class="input-warp gap">
                            <span class="input-icon iconfont icon-yonghu1"></span>
                            <input class="inputs" type="text" name="phone" placeholder="手机号" id="phone" maxlength="20">
                        </div>
                        
                            
                        <div class="input-warp gap">
                            <!-- <span class="input-icon iconfont icon-baomi"></span> -->
                            男<input  type="radio" name="sex" value="男"  checked >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                  女          <input type="radio" name="sex" value="女"   >
                        </div>
                      
                       
                             
                     <!--  <div class="input-warp gap"> -->
                           <!--  <span class="input-icon iconfont icon-baomi">上传头像</span> -->
                                <input type="file" name="imgUrl" id="imgUrl" class="layui-input"  /> 

				   <!--     </div>    -->
				       
				      
				        <div class="input-warp gap">
                              <img src="" id="preview_img" width="100px" height="100px" alt="">

				       </div>    
                       
                       
<!--     <div class="input-warp gap"> -->
                            <span class="input-icon iconfont icon-yonghu1">个性签名</span>
			                	<textarea style="width:400px;height:100px" name="note" id="note" ></textarea> 
                     <!--    </div> -->
                      

                        <div class="btn-warp gap">
                            <div class="text-center">                               

                                <button type="submit" id="btnLogin" class="btn btn-block lgbtn blue">注册</button>
                            </div>
                        </div>
                        <div class="gap">
                            
                                <div class="pull-right" style="margin-top: 6px">
                            |<a href="LoginServlet?action=LoginOutAct" class="link">返回登录</a></div> 
                            
                            <div class="pretty-box">
                              
                            </div>
                        </div>

                        
                        
                    </div>
                </form>
	/**
	 * 添加用户
	 * @param request
	 * @param response
	 */
	private void register(HttpServletRequest request,
			HttpServletResponse response) {
		
		User ss = fileUpload(request);
		ss.setTimes(WebUtils.getNowTime());
		try {
			User s1 = service.selectStudentByNo(ss.getPhone());
			if(s1 != null){
				request.setAttribute("message", "手机号重复!");
				request.getRequestDispatcher("/WEB-INF/views/register.jsp").forward(request,response);
			}else{
				request.removeAttribute("message");
				service.adduser(ss);
				request.getRequestDispatcher("/WEB-INF/views/login.jsp").forward(request,response);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

3、用户列表

在userservlet里面分页查询所有的数据,然后把数据返回给前端,前端遍历后端传过来的数据


	/**
	 * 分页查询用户
	 * @param request
	 * @param response
	 */
	private void userList(HttpServletRequest request,
			HttpServletResponse response) {
		String p=request.getParameter("p");//接收页码
        int pageSize=10;//每页显示5条
        int pageNum=1; //默认第一页
        if(p!=null){
            pageNum= Integer.parseInt(p);
        }
		String names=request.getParameter("names");
        Map map = new HashMap();
        map.put("names", names);
        //调用分页查询
        List<User> list=service.getuserListPage(pageNum,pageSize,map);
        //携带参数到页面
        int nums=service.queryuserCount(map); //查询总数
        //计算总页数
        int totalPage=(nums%pageSize==0)? (nums/pageSize):(nums/pageSize+1);
        request.setAttribute("cp",pageNum); //当前页
        request.setAttribute("tp",totalPage); //总页数
		try {
         request.removeAttribute("msg");
         request.setAttribute("list" ,list);
           request.getRequestDispatcher("/WEB-INF/views/user/userList.jsp").forward(request, response);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
<%@ 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 + "/";
%>
<jsp:include page="/WEB-INF/common/form_header.jsp"/>

<body>

	<div class="layui-col-md12">
		<div class="layui-card">
			<div class="layui-card-header">用户列表</div>
			<div class="layui-card-body">
			     <form action="UserServlet?action=userList" method="post">
						    
						         <div class="layui-form-item">
									    <div class="layui-inline">
									      <div class="layui-input-inline">
									       		<input type="text" placeholder="根据真实姓名" name="names" id ="names" class="layui-input"  />
									      </div>
									    </div>
									    <div class="layui-inline">
									      <button type="submit" class="layui-btn layui-btn-sm layui-btn-normal">查询</button>
									  </div>
							     </div>
						    
		           </form>   
				<table class="layui-table">
					<thead>
						<tr>
						   <th>用户名</th>
						    <th>真实姓名</th>
						    <th>头像</th>
						    <th>手机号</th>
						    <th>性别</th>
							<th>所属城市</th>
							<th>个性签名</th>
								  <c:if test="${flag == 1}">
				                 <th>操作</th>
				                       </c:if>
							
							
							
						</tr>
					</thead>
					<tbody>
					
						<c:forEach items="${list}" var="u">
							<tr>
												
							    <td>${u.username }</td>
							    <td>${u.realname }</td>
								<td><img src="<%=path %>${u.tx}" width="50px" height="50px" alt=""></td>
							    <td>${u.phone }</td>
							    <td>${u.sex }</td>
							    <td>${u.city }</td>
								<td>${u.note }</td>
													
							  <c:if test="${flag == 1}">
				                         <td>
							    <input id ="${u.id}" value="${u.id}" type="hidden" class="weui-input"/>
								<a href="UserServlet?action=toUpdateuser&id=${u.id}" 
									class="layui-btn layui-btn-sm layui-btn-normal"><i
										class="layui-icon">修改</i></a>
										 <a  href='javascript:void(0)' class="layui-btn layui-btn-sm layui-btn-danger"><i
										class="layui-icon">删除</i></a>
										</td>
				                       </c:if>
								
								
								
							</tr>
						</c:forEach>
					</tbody>
				</table>
				<div style="text-align: center">
					<div class="layui-btn-group">
						<a class="layui-btn layui-btn-primary"
							href="UserServlet?action=userList&p=1">首页</a>
						<%--        判断是否有上一页--%>
						<c:if test="${cp>1}">
							<a class="layui-btn layui-btn-primary"
								href="UserServlet?action=userList&p=${cp-1}">上一页</a>
						</c:if>
						<%--        循环显示页码--%>
						<c:forEach begin="${cp-2>1 ? (cp-2) :1}"
							end="${cp+2>tp?tp:(cp+2)}" var="e">
							<%--            判断是否是当前页--%>
							<c:if test="${cp==e}">
								<a class="layui-btn layui-btn-danger"
									href="UserServlet?action=userList&p=${e}">${e}</a>
							</c:if>
							<c:if test="${cp!=e}">
								<a class="layui-btn layui-btn-primary"
									href="UserServlet?action=userList&p=${e}">${e}</a>
							</c:if>

						</c:forEach>

						<%--        判断是否有下一页--%>
						<c:if test="${cp<tp}">
							<a class="layui-btn  layui-btn-primary"
								href="UserServlet?action=userList&p=${cp+1}">下一页</a>
						</c:if>
						<a class="layui-btn  layui-btn-primary"
							href="UserServlet?action=userList&p=${tp}">尾页</a> 
					</div>
				</div>
				
			</div>
		</div>
	</div>

	<script src="layui/layui.js"></script>
<script src="layui/jquery-1.9.1.min.js"></script>
	<script type="application/javascript">
$(function () {
	$("#delete").click(function () {
		return confirm("你确定删除这条记录吗");
	})
})

layui.use([ 'form','jquery','layer','laydate' ], function() {
	var form = layui.form,
	 layer = layui.layer,
	 laydate=layui.laydate,
	 $= layui.jquery;
	 form.render();//这句一定要加,占坑
	 
	 laydate.render({
		    elem: '#time'
		    ,type: 'year'
	});
	 
	 
	 $('a.layui-btn-danger').click(function(e){
	   		            var id = $(e.currentTarget).parent().find('.weui-input').attr('id');
				   		if(confirm("确定要删除吗?")){
				   		  $.post("UserServlet?action=deleteuser&id="+id, function(data) {
				   			   layer.msg('删除成功!',{icon:6,offset:"auto",time:2000},function(){
							    	document.location.reload();//当前页面
							    });
				   		   }); 
				   	}
	   		})

});

</script>

</body>
</html>

4、新增用户

在addUser.jsp中,管理员填写form表单内的数据,提交到后台,后台执行插入操作


<%@ 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 + "/";
%>
<jsp:include page="/WEB-INF/common/form_header.jsp"/>
<body>

  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-header">新增用户</div>
          <div class="layui-card-body">
             <form action="UserServlet?action=adduser" method="post" id="registerForm" name="registerForm" class="layui-form" enctype="multipart/form-data" >
               <div class="layui-form-item">
                <label class="layui-form-label">用户名:</label>
                <div class="layui-input-inline">
				<input name="username" id="username" class="layui-input" /> 
								  <span id="msg3" style="color:red">${message}</span>
				
                </div>
              </div>
              
                 <div class="layui-form-item">
                <label class="layui-form-label">登录密码:</label>
                <div class="layui-input-inline">
				<input name="pwd" id="pwd" class="layui-input" /> 
                </div>
              </div>
              
               <div class="layui-form-item">
                <label class="layui-form-label">真实姓名:</label>
                <div class="layui-input-inline">
				<input name="realname" id="realname" class="layui-input" /> 
                </div>
              </div>
              
               <div class="layui-form-item">
                <label class="layui-form-label">所属城市:</label>
                <div class="layui-input-inline">
				<input name="city" id="city" class="layui-input" /> 
                </div>
              </div>
              
               <div class="layui-form-item">
                <label class="layui-form-label">手机号:</label>
                <div class="layui-input-inline">
				<input name="phone" id="phone" class="layui-input" /> 
                </div>
              </div>
              
              
                         
              
                  <div class="layui-form-item">
	               <label class="layui-form-label">性别:</label>
	                <div class="layui-input-inline">
	                    <select name="sex" id ="sex" >
	                       <option value="">请选择性别</option>
	                       <option value="男" >男</option>
	                       <option value="女" >女</option>
				      </select>
				    </div>
              </div>
              
                    <div class="layui-form-item">
                <label class="layui-form-label">上传头像:</label>
                <div class="layui-input-inline">
                    <input type="file" name="imgUrl" id="imgUrl" class="layui-input"  /> 
                </div>
               </div>
               
                   <div class="layui-form-item">
                     <label class="layui-form-label">照片展示:</label>
                        <div class="layui-input-inline">
                            <img src="" id="preview_img" width="350px" height="200px" alt="">
                        </div>
               </div> 
   
              
            
              
                <div class="layui-form-item">
                <label class="layui-form-label">个人签名:</label>
                <div class="layui-input-inline">
				<textarea style="width:300px;height:100px" name="note" id="note" ></textarea> 
                </div>
              </div>
              
              <br>
                <div class="layui-form-item">
                <div class="layui-input-block">
                  <button class="layui-btn" type="submit" id="sub_btn">提交</button>
                  <a href="UserServlet?action=toAdduser" class="layui-btn layui-btn-primary" >重置</a>
                </div>
              </div>  
              </form>
            </div>
            
          </div>
        </div>
      </div>
    </div>
		

<script src="layui/layui.js"></script>
<script src="layui/jquery-1.9.1.min.js"></script>
<script>

layui.use([ 'form','jquery','layer','laydate' ], function() {
	var form = layui.form,
	 layer = layui.layer,
	 laydate=layui.laydate,
	 $= layui.jquery;
	 form.render();//这句一定要加,占坑
	 
	 laydate.render({
		    elem: '#cgrq'
		  });
	 
	 $(function () {
		    // 给注册绑定单击事件i
		    $("#sub_btn").click(function () {
		    	    var studentId = $("#studentId").val();
			        var bookId = $("#bookId").val();
			       
			       /*  if(studentId == null || studentId== ""){
			        	layer.msg('学生不能为空!');
			        	return false;
			        }
			        if(bookId == null || bookId== ""){
			        	layer.msg('图书不能为空!');
			        	return false;
			        } */
		    });
		    setTimeout(function(){ $("#errorMsg").html("")},3000);
	});
	 setTimeout(function(){ $("#msg3").html("")},3000);
	 
	 $("#imgUrl").change(function () {
		    //创建blob对象,浏览器将文件放入内存中,并生成标识
		    var img_src = URL.createObjectURL($(this)[0].files[0]);
		    //给img标检的src赋值
		    document.getElementById("preview_img").src=img_src;
		    //URL.revokeObjectURL(img_src);// 手动 回收,
		});

});
</script>
</body>
</html>

	/**
	 * 添加用户
	 * @param request
	 * @param response
	 */
	private void adduser(HttpServletRequest request,
			HttpServletResponse response) {
		
		User ss = fileUpload(request);
		ss.setTimes(WebUtils.getNowTime());
		try {
			User s1 = service.selectStudentByNo(ss.getPhone());
			if(s1 != null){
				request.setAttribute("message", "手机号重复!");
				request.getRequestDispatcher("/WEB-INF/views/user/addUser.jsp").forward(request,response);
			}else{
				request.removeAttribute("message");
				service.adduser(ss);
	 			response.sendRedirect(request.getContextPath()+"/UserServlet?action=userList");
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	
	private User fileUpload(HttpServletRequest request) {
		User ss=new User();
		try {
		DiskFileItemFactory factory = new DiskFileItemFactory();
		ServletFileUpload upload = new ServletFileUpload(factory);
		List<FileItem> list = upload.parseRequest(request);
		for(FileItem item : list){
			if(item.isFormField()){
				String name = item.getFieldName();
				String value = item.getString("UTF-8");
				BeanUtils.setProperty(ss, name, value);
			}else{
				String filename = item.getName();
				String savefilename = makeFileName(filename);
				String savepath="F:\\workspace\\blog\\WebContent\\img\\";
				InputStream in = item.getInputStream();
				FileOutputStream out = new FileOutputStream(savepath + "\\" + savefilename);
				int len = 0;
				byte buffer[] = new byte[1024];
				while((len = in.read(buffer)) > 0){
					out.write(buffer, 0, len);
				}
				in.close();
				out.close();
				item.delete();
				ss.setTx("/img/"+savefilename);
				System.out.println(ss.getTx());
			}
				}
		        return ss;
			} catch (Exception e) {
				e.printStackTrace();
				throw new RuntimeException(e);
			}
	}

	private String makeFileName(String filename) {
		String ext = filename.substring(filename.lastIndexOf(".") + 1);
		return UUID.randomUUID().toString() + "." + ext;
	}

5、修改用户

点击修改按钮,查询单个数据返回给updateUser.jsp中,管理员修改数据后提交到userServlet中


<%@ 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 + "/";
%>
<jsp:include page="/WEB-INF/common/form_header.jsp"/>
<body>

 
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-header">修改用户</div>
          <div class="layui-card-body">
             <form action="UserServlet?action=updateuser" method="post" id="registerForm" name="registerForm" class="layui-form">
             	<input name="uid" id="uid" value="${user.id }"  type = "hidden" /> 
             	
             	    <div class="layui-form-item">
                <label class="layui-form-label">用户名:</label>
                <div class="layui-input-inline">
				<input name="username" id="username" value="${ user.username}"  class="layui-input" /> 
                </div>
              </div>
              
                 <div class="layui-form-item">
                <label class="layui-form-label">登录密码:</label>
                <div class="layui-input-inline">
				<input name="pwd" id="pwd" value="${ user.pwd}"  class="layui-input" /> 
                </div>
              </div>
              
               <div class="layui-form-item">
                <label class="layui-form-label">真实姓名:</label>
                <div class="layui-input-inline">
				<input name="realname" id="realname" value="${ user.realname}"  class="layui-input" /> 
                </div>
              </div>
              
               <div class="layui-form-item">
                <label class="layui-form-label">所属城市:</label>
                <div class="layui-input-inline">
				<input name="city" id="city" value="${ user.city}"  class="layui-input" /> 
                </div>
              </div>
              
               <div class="layui-form-item">
                <label class="layui-form-label">手机号:</label>
                <div class="layui-input-inline">
				<input name="phone" id="phone" value="${ user.phone}"  class="layui-input" /> 
                </div>
              </div>
              
              
              
                  <div class="layui-form-item">
	               <label class="layui-form-label">性别:</label>
	                <div class="layui-input-inline">
	                    <select name="sex" id ="sex" >
	                       <c:if test="${'男' == user.sex }">
	                            <option value="男" selected>男</option>
	                       <option value="女" >女</option>
	                        </c:if>
	                        
	                            <c:if test="${'女' == user.sex }">
	                            <option value="男" >男</option>
	                             <option value="女" selected>女</option>
	                        </c:if>
				      </select>
				    </div>
              </div>
              
            
              
                <div class="layui-form-item">
                <label class="layui-form-label">个人签名:</label>
                <div class="layui-input-inline">
				<textarea style="width:300px;height:100px" name="note" id="note" >${user.note}</textarea> 
                </div>
              </div>
             	
              <br>
                <div class="layui-form-item">
                <div class="layui-input-block">
                  <button class="layui-btn" type="submit" id="sub_btn">修改</button>
                   <c:if test="${flag == 1}">
                           <a href="UserServlet?action=userList" class="layui-btn layui-btn-primary" >返回</a>
                   </c:if>
                      <c:if test="${flag == 2}">
                           <a href="UserServlet?action=toUpdateuser&id=${user.id }" class="layui-btn layui-btn-primary" >重置</a>
                      
                   </c:if>
                </div>
              </div>  
              </form>
            </div>
            
          </div>
        </div>
      </div>
    </div>
		

<script src="layui/layui.js"></script>
<script src="layui/jquery-1.9.1.min.js"></script>
<script>

layui.use([ 'form','jquery','layer','laydate' ], function() {
	var form = layui.form,
	 layer = layui.layer,
	 laydate=layui.laydate,
	 $= layui.jquery;
	 form.render();//这句一定要加,占坑
	 
	 laydate.render({
		    elem: '#time'
		  });
	 
	 $(function () {
		    // 给注册绑定单击事件i
		    $("#sub_btn").click(function () {
		    	 var bookNo = $("#bookNo").val();
			        var bookName = $("#bookName").val();
			        var bookZz = $("#bookZz").val();
			        var bookCbs = $("#bookCbs").val();
			        var type = $("#type").val();
			        var price = $("#price").val();
			        var content = $("#content").val();
			       
			     /*    if(bookNo == null || bookNo== ""){
			        	layer.msg('图书编号不能为空!');
			        	return false;
			        }
			        if(bookName == null || bookName== ""){
			        	layer.msg('书名不能为空!');
			        	return false;
			        }
			        if(bookZz == null || bookZz== ""){
			        	layer.msg('作者不能为空!');
			        	return false;
			        }
			        if(bookCbs == null || bookCbs== ""){
			        	layer.msg('出版社不能为空!');
			        	return false;
			        }
			        if(type == null || type== ""){
			        	layer.msg('类型不能为空!');
			        	return false;
			        }
			        if(price == null || price== ""){
			        	layer.msg('价格不能为空!');
			        	return false;
			        }
			        if(content == null || content== ""){
			        	layer.msg('简介不能为空!');
			        	return false;
			        } */
		    });
		    setTimeout(function(){ $("#errorMsg").html("")},3000);
	});
	 setTimeout(function(){ $("#msg3").html("")},3000);

});
</script>
</body>
</html>
	/**
	 * 修改用户
	 * @param request
	 * @param response
	 */
	private void updateuser(HttpServletRequest request,
			HttpServletResponse response) {
		Object flag = request.getSession().getAttribute("flag");
		String username = request.getParameter("username");
		String realname = request.getParameter("realname");
		String phone = request.getParameter("phone");
		String note = request.getParameter("note");
		String sex = request.getParameter("sex");
		String pwd = request.getParameter("pwd");
		String city = request.getParameter("city");
		String id = request.getParameter("uid");


		User user = new User();
		user.setPwd(pwd);
		user.setRealname(realname);
		user.setNote(note);
		user.setPhone(phone);
		user.setSex(sex);
		user.setId(Integer.parseInt(id));
		user.setCity(city);
		user.setUsername(username);
		service.updateuser(user);
		try {
			if(flag != null && flag.toString().equals("1")){
	 			response.sendRedirect(request.getContextPath()+"/UserServlet?action=userList");
			}else{
	 			response.sendRedirect(request.getContextPath()+"/IndexServlet?action=toSet&id="+id);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

6、删除用户

管理员点击删除按钮,执行下面的代码

 $('a.layui-btn-danger').click(function(e){
	   		            var id = $(e.currentTarget).parent().find('.weui-input').attr('id');
				   		if(confirm("确定要删除吗?")){
				   		  $.post("UserServlet?action=deleteuser&id="+id, function(data) {
				   			   layer.msg('删除成功!',{icon:6,offset:"auto",time:2000},function(){
							    	document.location.reload();//当前页面
							    });
				   		   }); 
				   	}
	   		})

确定后执行后台userserlvet里面的deleteUser方法,删除成功


	/**
	 * 删除用户
	 * @param request
	 * @param response
	 */
	private void deleteuser(HttpServletRequest request,
			HttpServletResponse response) {
		String id = request.getParameter("id");
		try {
			service.deleteuser(id);
 			response.sendRedirect(request.getContextPath()+"/UserServlet?action=userList");
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

其他模块代码都是类似的,此项目适合初学者学习借鉴,项目整体比较简单,可用作于毕设等方面的作业!!!!!

喜欢的朋友的点赞加关注,感兴趣的同学可以研究!!!!!

感谢  = v =

  • 5
    点赞
  • 54
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码盗_java_bishe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值