综合项目 旅游网【2. 优化servlet】没有指定的js文件读不到文件 错误
创始人
2024-05-08 23:24:28

优化servlet

目的

减少Servlet的数量,现在是一个功能一个Servlet,将其优化为一个模块一个Servlet,相当于在数据库中一张表对应一个Servlet,在Servlet中提供不同的方法,完成用户的请求。

如何解决测试时控制台中文乱码:

设置→maven →Runner→VM Options→-Dfile.encoding=gb2312

UserServlet的编写

将之前的Servlet实现的功能,抽取到UserServlet中的不同方法中实现,并且将UserService创建抽取到成员变量位置

package cn.itcast.travel.web.servlet;import cn.itcast.travel.domain.ResultInfo;
import cn.itcast.travel.domain.User;
import cn.itcast.travel.service.UserService;
import cn.itcast.travel.service.impl.UserServiceImpl;
import com.fasterxml.jackson.databind.ObjectMapper;
import org.apache.commons.beanutils.BeanUtils;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.util.Map;/*** @author 乱码酱* @date :2023-01-04 08:39* @program: hello_maven* @create:*/@WebServlet("/user/*")// /user/registpublicclassUserServletextendsHttpServlet {//声明UserService业务对象privateUserServiceservice=newUserServiceImpl();/*** 注册功能* @param request* @param response* @throws ServletException* @throws IOException*/publicvoidregist(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {//验证校验Stringcheck= request.getParameter("check");//从sesion中获取验证码HttpSessionsession= request.getSession();Stringcheckcode_server= (String) session.getAttribute("CHECKCODE_SERVER");session.removeAttribute("CHECKCODE_SERVER");//为了保证验证码只能使用一次//比较if(checkcode_server == null || !checkcode_server.equalsIgnoreCase(check)){//验证码错误ResultInfoinfo=newResultInfo();//注册失败info.setFlag(false);info.setErrorMsg("验证码错误");//将info对象序列化为jsonObjectMappermapper=newObjectMapper();Stringjson= mapper.writeValueAsString(info);response.setContentType("application/json;charset=utf-8");response.getWriter().write(json);return;}//1.获取数据Map map = request.getParameterMap();//2.封装对象Useruser=newUser();try {BeanUtils.populate(user,map);} catch (IllegalAccessException e) {e.printStackTrace();} catch (InvocationTargetException e) {e.printStackTrace();}//3.调用service完成注册//UserService service = new UserServiceImpl();booleanflag= service.regist(user);ResultInfoinfo=newResultInfo();//4.响应结果if(flag){//注册成功info.setFlag(true);}else{//注册失败info.setFlag(false);info.setErrorMsg("注册失败!");}//将info对象序列化为jsonObjectMappermapper=newObjectMapper();Stringjson= mapper.writeValueAsString(info);//将json数据写回客户端//设置content-typeresponse.setContentType("application/json;charset=utf-8");response.getWriter().write(json);}/*** 登录功能* @param request* @param response* @throws ServletException* @throws IOException*/publicvoidlogin(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {//1.获取用户名和密码数据Map map = request.getParameterMap();//2.封装User对象Useruser=newUser();try {BeanUtils.populate(user,map);} catch (IllegalAccessException e) {e.printStackTrace();} catch (InvocationTargetException e) {e.printStackTrace();}//3.调用Service查询// UserService service = new UserServiceImpl();Useru= service.login(user);ResultInfoinfo=newResultInfo();//4.判断用户对象是否为nullif(u == null){//用户名密码或错误info.setFlag(false);info.setErrorMsg("用户名密码或错误");}//5.判断用户是否激活if(u != null && !"Y".equals(u.getStatus())){//用户尚未激活info.setFlag(false);info.setErrorMsg("您尚未激活,请激活");}//6.判断登录成功if(u != null && "Y".equals(u.getStatus())){request.getSession().setAttribute("user",u);//登录成功标记//登录成功info.setFlag(true);}//响应数据ObjectMappermapper=newObjectMapper();response.setContentType("application/json;charset=utf-8");mapper.writeValue(response.getOutputStream(),info);}/*** 查询单个对象* @param request* @param response* @throws ServletException* @throws IOException*/publicvoidfindOne(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
//        //从session中获取登录用户//        Object user = request.getSession().getAttribute("user");//        //将user写回客户端       /* ObjectMapper mapper = new ObjectMapper();//        response.setContentType("application/json;charset=utf-8");//        mapper.writeValue(response.getOutputStream(),user);*///        writeValue(user,response);//从session中获取登录用户Objectuser= request.getSession().getAttribute("user");
//        将user写回客户端ObjectMappermapper=newObjectMapper();response.setContentType("application/json;charset=utf-8");mapper.writeValue(response.getOutputStream(),user);}/*** 退出功能* @param request* @param response* @throws ServletException* @throws IOException*/publicvoidexit(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {//1.销毁sessionrequest.getSession().invalidate();//2.跳转登录页面response.sendRedirect(request.getContextPath()+"/login.html");}/*** 激活功能* @param request* @param response* @throws ServletException* @throws IOException*/publicvoidactive(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {//1.获取激活码Stringcode= request.getParameter("code");if(code != null){//2.调用service完成激活//UserService service = new UserServiceImpl();booleanflag= service.active(code);//3.判断标记Stringmsg=null;if(flag){//激活成功msg = "激活成功,请登录";}else{//激活失败msg = "激活失败,请联系管理员!";}response.setContentType("text/html;charset=utf-8");response.getWriter().write(msg);}}
}

页面路径的更改

register.html中将"registUserServlet"改成"user/regist"

UserServlet中将所有方法写在一起,方便调用,对应的.html中的路径也要发生改变,login.html中"loginServlet"改成"user/login"

header.html中"findUserServlet"改成"user/findOne"

激活邮件,发送邮件正文则是在USerServiceImpl,需要将路径

"

退出则是header.html中的"exitServlet"改成"user/exit"

BaseServlet编写

package cn.itcast.travel.web.servlet;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;/*** @author 乱码酱* @date :2023-01-03 17:58* @program: hello_maven* @create:BaseServlet*/@WebServlet("/baseServlet")publicclassBaseServletextendsHttpServlet {@Overrideprotectedvoidservice(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {//System.out.println("baseServlet的service方法被执行了...");//完成方法分发//1.获取请求路径Stringuri= req.getRequestURI(); //   /travel/user/addSystem.out.println("请求uri:"+uri);//  /travel/user/add//2.获取方法名称                         从后往前数,所以要+1StringmethodName= uri.substring(uri.lastIndexOf('/') + 1);System.out.println("方法名称:"+methodName);//3.获取方法对象Method//谁调用我?我代表谁System.out.println(this);//UserServlet的对象cn.itcast.travel.web.servlet.UserServlet@4903d97etry {//获取方法Methodmethod=this.getClass().getMethod(methodName, HttpServletRequest.class, HttpServletResponse.class);//4.执行方法//暴力反射 可用于私密方法//method.setAccessible(true);method.invoke(this,req,resp);//invoke就是调用类中的方法,最简单的用法是可以把方法参数化invoke(class, method)} catch (NoSuchMethodException e) {e.printStackTrace();} catch (IllegalAccessException e) {e.printStackTrace();} catch (InvocationTargetException e) {e.printStackTrace();}}}

【错误】

在查看代码时发现两个错误,一个是没有指定的js文件,一个是读不到文件

问题一:GET http://localhost/travel/js/angular.min.js net::ERR_ABORTED 404 (Not Found)

问题二:Uncaught TypeError: Cannot read properties of null (reading 'name')

at Object.eval [as success] (eval at (jquery-1.11.0.min.js:2:2616), :5:36)

at j (jquery-1.11.0.min.js:2:27136)

at Object.fireWith [as resolveWith] (jquery-1.11.0.min.js:2:27949)

at x (jquery-1.11.0.min.js:4:22244)

at XMLHttpRequest.b (jquery-1.11.0.min.js:4:26298)

【问题一解决】没有指定的js文件:

去官网https://code.angularjs.org找了一个

下载过来

【问题二解决】没获取到值

出现原因:这是由于还没登录,data.name 还没获取到值,所以为null

方法1:可以不管,它不会影响其他功能,当你登录后,就不会报这个错了

方法2:给它一个if判断是否为null

分类数据展示

效果

分析

代码实现

后台代码

在BaseServlet中添加序列化方法

/*** 直接将传入的对象序列化为json,并且写回客户端* @param obj*/publicvoidwriteValue(Object obj,HttpServletResponse response)throws IOException {ObjectMappermapper=newObjectMapper();response.setContentType("application/json;charset=utf-8");mapper.writeValue(response.getOutputStream(),obj);}/*** 将传入的对象序列化为json,返回调用者* @param obj* @return*/public String writeValueAsString(Object obj)throws JsonProcessingException {ObjectMappermapper=newObjectMapper();return mapper.writeValueAsString(obj);}

我们在读取数据时是从数据库读取而不是前台给定,所以将之前的前台代码注释

查询分类数据代码

heder.html

//    查询分类数据$.get("category/findAll", {}, function (data) {//data(一个数组): [{cid:1,came:国内游},{},{}]varlis='
  • 首页
  • ';//遍历数组,拼接字符串
  • for (vari=0; i < data.length; i++) {varli='
  • ' + data[i].cname + '
  • ';lis += li;}//拼接收藏排行榜的li,
  • 收藏排行榜
  • lis += '
  • 收藏排行榜
  • ';//将lis字符串,设置到ul的html内容中$("#category").html(lis);});

    对分类数据进行缓存优化

    分析发现,分类的数据在每一次页面加载后都会重新请求数据库来加载,对数据库的压力比较大,而且分类的数据不会经常产生变化,所以可以使用redis来缓存这个数据。

    分析:

    优化代码实现

    【出错】获取种类有异常数据

    测试时发现获取种类有异常数据,回到数据库一看发现是数据库出错,于是修改数据库,但是修改后重启还是原来的异常数据,怀疑是浏览器自带的缓存问题,清空浏览器缓存还是无效,初步怀疑是redis缓存的问题

    但是页面刷新还是原来的错误数据

    【解决方法】

    光清除浏览器缓存可不够,还要清除redis缓存

    flushdb ——> 清空当前数据库中的所有 key

    flushall ——> 清空整个 Redis 服务器的数据(删除所有数据库的所有 key )

    到这里就清除完毕,不需要重启,不过大家要注意,你们服务器的缓存数据是否重要,是否可以清除,一定要确定清楚,否则不要轻易清除。

    重新刷新记录正确,redis也查询得到数据

    而且第一次显示是从数据库查询得到

    删除控制台数据刷新网页,数据将从缓存中读取

    CategoryServiceImpl 代码

    package cn.itcast.travel.service.impl;import cn.itcast.travel.dao.CategoryDao;
    import cn.itcast.travel.dao.impl.CategoryDaoImpl;
    import cn.itcast.travel.domain.Category;
    import cn.itcast.travel.service.CategoryService;
    import cn.itcast.travel.util.JedisUtil;
    import redis.clients.jedis.Jedis;import java.util.ArrayList;
    import java.util.List;
    import java.util.Set;/*** @author 乱码酱* @date :2023-01-04 10:58* @program: hello_maven* @create:*/publicclassCategoryServiceImplimplementsCategoryService {privateCategoryDaocategoryDao=newCategoryDaoImpl();@Override//查询所有方法public List findAll() {//1.从redis中查询//1.1获取jedis客户端Jedisjedis= JedisUtil.getJedis();//1.2可使用sortedset排序查询(有序且唯一)Set categorys = jedis.zrange("category", 0, -1);List cs = null;//2.判断查询的集合是否为空if (categorys == null || categorys.size() == 0) {System.out.println("从数据库查询....");//3.如果为空,需要从数据库查询,在将数据存入redis//3.1 从数据库查询cs = categoryDao.findAll();//3.2 将集合数据存储到redis中名为category的keyfor (inti=0; i < cs.size(); i++) {jedis.zadd("category", cs.get(i).getCid(), cs.get(i).getCname());}} else {System.out.println("从redis中查询.....");//4.如果不为空,将set的数据存入listcs = newArrayList();for (String name : categorys) {Categorycategory=newCategory();category.setCname(name);cs.add(category);}}return cs;}
    }

    相关内容

    热门资讯

    猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
    脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
    demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
    北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...