旅游网

1、主要功能

实现旅游网

2、主要知识点

（1）目标

能正确理解分析旅游网功能需求；
能正确创建数据库和表；
能理解并熟练搭建SSM环境；
掌握基于SSM进行相关功能操作；
结合以前所学能灵活综合运用到项目中；
积累项目案例经验。

（2）任务

搭建SSM环境；完成数据库和表的创建并添加测试数据；完成旅游网相关功能。

（3）功能说明

主要功能概述

旅游网主要有以下八大功能需求：登录功能；注册功能；邮件处理；分类数据；线路分页；线路查询；线路详情；线路收藏。

（4）数据库表

（5）功能操作

1.环境搭建

导入数据库表及相关测试数据；导入基础的素材（前端后台）。

2.注册功能

去注册页面

a、页面---在header.jsp里面添加这个超链接 html <a href="toRegPage.do">注册</a> b、控制层---在UserController.java中 java @RequestMapping("/toRegPage.do") public String toRegPage() { return "register"; }

验证输入的合法性

a、验证规则

用户名： 不为空且由数字、字母、下划线组成的6-10个字符，不符合要求给出提示信息 密码： 不为空且由数字、字母、下划线组成的6-15个字符，不符合要求给出提示信息 姓名： 非空，不符合要求给出提示信息 出生日期： 非空，不符合要求给出提示信息 邮箱： 不为空且要合法，不符合要求给出提示信息 手机号： 不为空且由11位符合规则的数字组成，不符合要求给出提示信息

b、验证时机-register.jsp

提交表单时 js //点击时验证 $("#btn1").click(function(){ $("#registerForm").submit(function(){ return checkUname() && checkEmail() && checkPhone() &&checkPwd() && checkName() &&checkBirth(); }); }); 离开焦点时 js //离开时验证 $("#username").blur(checkUname); $("#email").blur(checkEmail); $("#telephone").blur(checkPhone); $("#password").blur(checkPwd); $("#name").blur(checkName); $("#birthday").blur(checkBirth); 验证代码 js //验证用户名 function checkUname(){ var uname=$("#username").val(); //正则表达式 var reg=/^\w{6,10}$/; if(!reg.test(uname)){ //加红色，实线边框 $("#username").css("border","1px solid red"); $("#msg").html("用户名不能为空且由不为空且由数字、字母、下划线组成的6-10个字符！"); return false; } //清空红色实线边框 $("#username").css("border",""); //清空消息 $("#msg").html(""); //发送ajax请求 $.post("checkUname.do",{"username":uname},function(res){ if(res=="false"){ //加红色，实线边框 $("#username").css("border","1px solid red"); $("#msg").html("用户名重复不可用！"); return false; }else{ //清空红色实线边框 $("#username").css("border",""); //清空消息 $("#msg").html(""); return true; } }) return true; } //验证邮箱 function checkEmail(){ var email=$("#email").val(); //邮箱正则表达式-xiefucai@qq.com var reg=/^[a-z0-9]{3,12}@[a-z0-9]{2,6}\.com$/; if(!reg.test(email)){ //加红色，实线边框 $("#email").css("border","1px solid red"); $("#msg").html("邮箱不为空且要合法！"); return false; } //清空红色实线边框 $("#email").css("border",""); //清空消息 $("#msg").html(""); return true; } //验证手机号 function checkPhone(){ var telephone=$("#telephone").val(); //手机号正则表达式 var reg=/^1[356789]\d{9}$/; if(!reg.test(telephone)){ //加红色，实线边框 $("#telephone").css("border","1px solid red"); $("#msg").html("手机号不为空且由11位符合规则的数字组成！"); return false; } //清空红色实线边框 $("#telephone").css("border",""); //清空消息 $("#msg").html(""); return true; } //验证密码 function checkPwd(){ var password=$("#password").val(); //密码正则表达式 var reg=/^\w{6,15}$/; if(!reg.test(password)){ //加红色，实线边框 $("#password").css("border","1px solid red"); $("#msg").html("手机号不为空且由11位符合规则的数字组成！"); return false; } //清空红色实线边框 $("#password").css("border",""); //清空消息 $("#msg").html(""); return true; } //验证姓名 function checkName(){ var name=$("#name").val(); if(name.length==0){ //加红色，实线边框 $("#name").css("border","1px solid red"); $("#msg").html("姓名为必填项！"); return false; } //清空红色实线边框 $("#name").css("border",""); //清空消息 $("#msg").html(""); return true; } //验证出生日期 function checkBirth(){ var birthday=$("#birthday").val(); if(birthday.length==0){ //加红色，实线边框 $("#birthday").css("border","1px solid red"); $("#msg").html("出生日期为必填项！"); return false; } //清空红色实线边框 $("#birthday").css("border",""); //清空消息 $("#msg").html(""); return true; }

用户名合法性

用户名通过验证要发送异步Ajax请求-从后台验证用户名是否重复

数据层-UserMapper.java

java /** * 根据用户名查询该用户 */ @Select("select * from tab_user where username=#{username}") User selectByUname(String username);

业务层接口-UserService.java

java boolean checkUname(String username);

业务层实现-在UserServiceImpl.java中重写以下方法

java @Override public boolean checkUname(String username) { User user = uMapper.selectByUname(username); if (user != null) { return false; } else { return true; } }

控制层-UserController.java

java /** * 验证用户名是否重复 */ @RequestMapping("/checkUname.do") public String checkUserName(String username) { boolean flag = uService.checkUname(username); if (!flag) { // 用户名重复，返回false return "false"; } else { return "true"; } }

表示层-在register.jsp的验证用户名中发送ajax请求部分

js //发送ajax请求 $.post("checkUname.do",{"usernane":uname},function(res){ if(res=="false"){ //加红色，实线边框 $("#username").css("border","1px solid red"); $("#msg").html("用户名重复不可用！"); return false; }else{ //清空红色实线边框 $("#username").css("border",""); //清空消息 $("#msg").html(""); return true; } })

保存数据

页面情况-register.jsp

```html

``` ###### 数据层-UserMapper.java ```java /** * 增加用户-点击注册，增加数据到数据库中 * * @param user * @return */ int addUser(User user); ``` ###### 映射文件-/TravelProject/src/com/zk/dao/UserMapper.xml ```xml insert into tab_user(username,password,name,birthday,sex,telephone,email,status,code) values(#{username},#{password},#{name},#{birthday},#{sex},#{telephone},#{email},#{status},#{code}) ``` ###### 业务层接口-/TravelProject/src/com/zk/service/UserService.java ```java /** * 只是关心是否增加成功，不关心是如何增加的 * * @return */ boolean registerUser(User user); ``` ###### 业务层实现-/TravelProject/src/com/zk/service/impl/UserServiceImpl.java ```java @Transactional public boolean registerUser(User user) { // 生成随机的激活码 user.setCode(UuidUtil.getUuid()); // 设置用户激活状态为N-未激活 user.setStatus("N"); int num = uMapper.addUser(user); if (num > 0) { return true; } return false; } ``` ###### 控制层-/TravelProject/src/com/zk/controller/UserController.java ```java /** * 注册功能 * * @param user * @return */ @RequestMapping("/doReg.do") public ModelAndView doReg(User user) { ModelAndView mv = new ModelAndView(); boolean flag = uService.registerUser(user); if (flag) { // 注册成功-去注册成功页面 mv.setViewName("register_ok"); } else { // 注册失败-重新回到注册页面 mv.setViewName("register"); mv.addObject("msg", "注册失败"); } return mv; } ``` ##### 注册失败页面-在/TravelProject/WebContent/WEB-INF/jsp/register.jsp页面注册按钮下 ```html ${msg==null?'':msg} ``` #### 3.邮件处理 ##### 邮箱设置-/TravelProject/src/com/zk/utils/MailUtils.java 例如：登录自己申请的QQ邮箱，在”设置-账户-POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务中开启POP3/SMTP服务“；然后在MailUtils中设置自己的邮箱账号和密码(授权码)。 ```java // 发件人邮箱地址-一般为企业邮箱 private static final String USER = "xxx@qq.com"; // 如果是qq邮箱使用客户端授权码，163邮箱的话就是开启客户端授权码 private static final String PASSWORD = "xxx"; ``` ##### 发送邮件-在/TravelProject/src/com/zk/service/impl/UserServiceImpl.java中添加邮件发送代码 ```java @Transactional public boolean registerUser(User user) { // 生成随机的激活码 user.setCode(UuidUtil.getUuid()); // 设置用户激活状态为N-未激活 user.setStatus("N"); int num = uMapper.addUser(user); if (num > 0) { // 用户的信息已经保存到数据库中 String context = " 点击激活旅游网 "; // 发件人邮箱-发送的内容-发送的标题 MailUtils.sendMail(user.getEmail(), context, "旅游网激活邮件"); return true; } return false; } ``` #### 4.邮件激活 ##### 数据层-/TravelProject/src/com/zk/dao/UserMapper.java ```java /** * 根据激活码查询用户 * * @param code * @return */ @Select("select * from tab_user where code=#{code}") User selectByCode(String code); /** * 更新用户信息 * * @param user * @return */ int updateUser(User user); ``` ##### 映射文件-/TravelProject/src/com/zk/dao/UserMapper.xml ```xml update tab_user username=#{username}, password=#{password}, name=#{name}, birthday=#{birthday}, sex=#{sex}, telephone=#{telephone}, email=#{email}, status=#{status}, code=#{code} where uid=#{uid} ``` ##### 业务接口-/TravelProject/src/com/zk/service/UserService.java ```java /** * 激活用户 * * @param user * @return */ boolean activeUser(String code); ``` ##### 业务实现-/TravelProject/src/com/zk/service/impl/UserServiceImpl.java ```java @Transactional public boolean activeUser(String code) { User user = uMapper.selectByCode(code); // 注册了也就是有这个用户存在-去激活-返回true if (user != null) { // 设置激活状态为Y user.setStatus("Y"); // 更新激活状态为Y if (uMapper.updateUser(user) > 0) { return true; } else { return false; } } return false; } ``` ##### 控制层 ```java /** * 用户激活；激活成功-去登陆URL；激活成功-给其提示信息（激活失败，请联系管理员） * * @param code * @param res * @throws IOException */ @RequestMapping("/activeMail.do") private void activeUser(String code, HttpServletResponse res) throws IOException { boolean flag = uService.activeUser(code); // 提示信息 String msg = null; if (flag) { msg = "

激活成功，点击登录。

"; } else { msg = "

激活失败，请联系管理员！

"; } res.setContentType("text/html;charset=utf-8"); res.getWriter().write(msg); } ``` ##### 激活成功去登录页面 ```java /** * 去登录页面 * * @return */ @RequestMapping("/toLogin.do") public String toLoginPage() { return "login"; } ``` #### 5.用户登录 ##### 页面验证 ###### 验证规则用户名：由6到15个字母、数字、下划线组成，不符合规则-边框变为红实线并给其提示，否则清空边框及提示信息密码：由6到15个字母、数字、下划线组成，不符合规则-边框变为红实线并给其提示，否则清空边框及提示信息 ###### 验证时机用户点击提交时验证离开焦点时验证 ###### 验证实现 ```js ``` ##### 登录实现 ###### 数据接口-/TravelProject/src/com/zk/dao/UserMapper.java ```java /** * 登录方法 * * @param username * @param password * @return */ @Select("select * from tab_user where username=#{username} and password=#{password}") User login(@Param("username") String username, @Param("password") String password); ``` ###### 业务接口-/TravelProject/src/com/zk/service/UserService.java ```java User login(String username, String password); ``` ###### 业务实现-/TravelProject/src/com/zk/service/impl/UserServiceImpl.java ```java @Override public User login(String username, String password) { return uMapper.login(username, password); } ``` ###### 控制层-/TravelProject/src/com/zk/controller/UserController.java ```java /** * 用户登录 * * @param username * @param password * @return */ @RequestMapping("/doLogin.do") public ModelAndView login(String username, String password, HttpServletRequest req) { ModelAndView mv = new ModelAndView(); // 1、用户和密码不正确-用户不存在-去登录页面并给其提示-用户名或密码不正确 User user = uService.login(username, password); if (user == null) { mv.addObject("msg", "用户名或密码不正确！"); mv.setViewName("forward:toLogin.do"); } // 2、用户和密码正确-用户存在-用户的状态不为Y-请去邮箱激活用户 if (user != null && !"Y".equals(user.getStatus())) { mv.addObject("msg", "登录失败，请在邮箱激活！"); mv.setViewName("forward:toLogin.do"); } // 3、用户和密码正确-用户存在-用户的状态为Y if (user != null && "Y".equals(user.getStatus())) { // 登录成功后将用户信息保存到session对象当中 req.getSession().setAttribute("user", user); mv.setViewName("forward:indexPage.do"); } return mv; } ``` ##### 登录页面信息错误提示-/TravelProject/WebContent/WEB-INF/jsp/login.jsp ```jsp

${msg==null?'':msg }

``` ##### 首页用户信息显示-/TravelProject/WebContent/WEB-INF/jsp/header.jsp ```jsp 欢迎，${sessionScope.user.name==null?"游客":sessionScope.user.name} ``` #### 6.用户退出退出本质-清空Session ##### 页面连接-/TravelProject/WebContent/WEB-INF/jsp/header.jsp ```jsp 退出 ``` ##### 控制层代码-/TravelProject/src/com/zk/controller/UserController.java ```java /** * 用户退出 * * @param req * @return */ @RequestMapping("/toLogout.do") public ModelAndView logout(HttpServletRequest req) { // 清空session req.getSession().invalidate(); return new ModelAndView("forward:indexPage.do"); } ``` #### 7.导航条分类 ##### 数据接口-src/com/zk/dao/CategoryMapper.java ```java @Select("select cid,cname from tab_category") List selectAllCategory(); ``` ##### 映射文件-src/com/zk/dao/CategoryMapper.xml ```xml ``` ##### 业务接口-src/com/zk/service/CategoryService.java ```java List selectAllCategory(); ``` ##### 业务实现 ```java @Autowired private CategoryMapper cMapper; @Override public List selectAllCategory() { return cMapper.selectAllCategory(); } ``` ##### 控制层-src/com/zk/controller/CategoryController.java ```java @Autowired private CategoryService categoryService; /** * List可以返回普通的String，可以返回对象，也可以返回list集合包括map * * @return */ @RequestMapping("/cgList.do") @ResponseBody public List getCategoryList() { List categoryList = categoryService.selectAllCategory(); if (categoryList != null) { return categoryList; } return null; } ``` ##### 页面改造-WebContent/WEB-INF/jsp/header.jsp ```jsp

``` ##### Ajax请求 ```js ``` #### 8.分类数据模糊查 ##### 页面改造-WebContent/WEB-INF/jsp/header.jsp ```jsp ``` ###### 分类超链接改造 ```jsp for (var i = 0; i < res.length; i++) { html += " " + res[i].cname + " " } ``` ##### 数据接口-src/com/zk/dao/RouteMapper.java ```java /** * 查询 * @param cid * @param rid * @return */ List selectRouteByCidOrRname(@Param("cid") Integer cid, @Param("rname") String rname); ``` ##### 映射文件-src/com/zk/dao/RouteMapper.xml ```xml ``` ##### 业务接口-src/com/zk/service/RouteService.java ```java List selectRouteByCidOrRname(Integer cid, String rname); ``` ##### 业务实现-src/com/zk/service/impl/RouteServiceImpl.java ```java @Autowired private RouteMapper routeMapper; @Override public List selectRouteByCidOrRname(Integer cid, String rname) { return routeMapper.selectRouteByCidOrRname(cid, rname); } ``` ##### 控制层-src/com/zk/controller/RouteController.java ```java @Autowired private RouteService routeService; @RequestMapping("/routeList.do") public ModelAndView getRouteList(@RequestParam(name = "pno", required = true, defaultValue = "1") Integer pno, @RequestParam(name = "cid", required = true, defaultValue = "5") Integer cid, @RequestParam(name = "rname", required = true, defaultValue = "") String rname) { ModelAndView modelAndView = new ModelAndView(); //开始分页 PageHelper.startPage(pno, 10); List routeList = routeService.selectRouteByCidOrRname(cid, rname); //分好页的数据 PageInfo pageInfo = new PageInfo (routeList); if (routeList != null) { modelAndView.addObject("rlist", routeList); modelAndView.addObject("rname", rname); //当前页码 modelAndView.addObject("pno", pno); modelAndView.addObject("page", pageInfo); modelAndView.addObject("cid", cid); //逻辑视图名 modelAndView.setViewName("route_list"); return modelAndView; } return null; } ``` ##### 页面展示-WebContent/WEB-INF/jsp/route_list.jsp ```jsp

${r.rname}

${r.routeIntroduce}

¥ ${r.price} 起

查看详情

``` ##### 百度分页效果分析 ``` 1、判断上页和下页的形成条件上一页：当前页面大于1；下一页：当前页码大于1且当前页码小于总页数。 2、上一页和下一页中间遍历部分总页数小于等于10；总页数大于10时；当前页面小于等于6和大于6是的情况。 ``` ###### 分页效果展示-WebContent/WEB-INF/jsp/route_list.jsp ```jsp

共 ${page.pages} 页 ${page.total} 条

<上一页

${i}

下一页>

``` #### 9.线路详情查询 ##### 功能分析 ``` 详情页的数据主要来自3张表：tab_route(线路表)、tab_route_img(线路图片表)、tab_seller(商家表)；线路表和商家表是一对一关系通过外键sid关联、线路表和线路图片表示一对多关系通过外键rid进行关联；以线路表为主，在映射文件当中配置一对一和一对多关系。 ``` ##### 数据接口-src/com/zk/dao/RouteMapper.java ```java /** * 根据线路id查询线路 * @param rid * @return */ Route selectByRid(Integer rid); ``` ##### 映射文件-src/com/zk/dao/RouteMapper.xml ```xml ``` ##### 业务接口-src/com/zk/service/RouteService.java ```java Route selectByRid(Integer rid); ``` ##### 业务实现-src/com/zk/service/impl/RouteServiceImpl.java ```java @Override public Route selectByRid(Integer rid) { return routeMapper.selectByRid(rid); } ``` ##### 控制层-src/com/zk/controller/RouteController.java ```java /** * 根据线路id查询线路详情 * @param rid * @return */ @RequestMapping("/routeDetail.do") public ModelAndView routeDetail(@RequestParam(name = "rid", required = true, defaultValue = "") Integer rid) { ModelAndView modelAndView = new ModelAndView(); Route route = routeService.selectByRid(rid); if (route != null) { List imgList = route.getRouteImgList(); Seller seller = route.getSeller(); //线路对象 modelAndView.addObject("rt", route); //图片集合 modelAndView.addObject("imgList", imgList); //商家 modelAndView.addObject("sl", seller); //去线路详情页面 modelAndView.setViewName("route_detail"); return modelAndView; } return null; } ``` ##### 页面展示-WebContent/WEB-INF/jsp/route_detail.jsp ```jsp

${rt.rname}

${rt.routeIntroduce}

经营商家：${sl.sname}

咨询电话 : ${sl.consphone}

地址：${sl.address}

${rt.price} 起

点击收藏点击收藏已收藏${rt.count}次

``` #### 10.收藏功能 ###### 思路分析 ``` 首先用户点击收藏时需要判断用户是否登录，如果没有登录给其提示并且跳转到登录页面; 如果已经登录，需要查询该用户是否已经收藏过该线路，如果有收藏，则提示您已收藏过; 如果已经登录，但是之前没有收藏过此线路，则将收藏的信息保存到数据库并更新线路的收藏次数。 ``` ###### 底层方法 ``` 1、根据用户id和线路id查询是否有收藏 2、添加收藏的方法 3、更新线路收藏次数的方法 ``` ##### 数据接口1-src/com/zk/dao/FavoriteMapper.java 在FavoriteMapper中 ```java /** * 根据线路id和用户id查询是否有收藏信息 * * @param rid * @param uid * @return */ @Select("select * from tab_favorite where rid=#{rid} and uid=#{uid}") Favorite selectFtByRidAndUid(@Param("rid") Integer rid, @Param("uid") Integer uid); /** * @param ft * @return */ @Insert("insert into tab_favorite(rid, date, uid) values (#{rid},now(),#{uid})") int addCollect(Favorite ft); ``` ##### 数据接口2-src/com/zk/dao/RouteMapper.java 在RouteMapper接口中 ```java /** * 更新某个线路的收藏次数 * @param rid * @return */ @Update("update tab_route set count=#{count} where rid=#{rid}") int updateCount(Route rt); ``` ##### 业务接口-src/com/zk/service/FavoriteService.java ```java /** * 收藏功能 * @param favorite * @return */ boolean doCollect(Favorite favorite); ``` ##### 业务实现-src/com/zk/service/impl/FavoriteServiceImpl.java ```java @Autowired private FavoriteMapper favoriteMapper; @Autowired private RouteMapper routeMapper; @Transactional public boolean doCollect(Favorite favorite) { Favorite favorite1 = favoriteMapper.selectFtByRidAndUid(favorite.getRid(), favorite.getUid()); if (favorite1 == null) { if (favoriteMapper.addCollect(favorite) > 0) { Route route = routeMapper.selectByRid(favorite.getRid()); route.setCount(route.getCount() + 1); routeMapper.updateCount(route); return true; } return false; } return false; } ``` ##### 控制层-src/com/zk/controller/FavoriteController.java ```java @Autowired private FavoriteService favoriteService; /** * 收藏 * * @param favorite * @return */ @RequestMapping("/doCollect.do") @ResponseBody public String doCollect(Favorite favorite) { boolean flag = favoriteService.doCollect(favorite); if (flag) { return "true"; } return "false"; } ``` ##### 页面请求- ```js ``` ### （6）项目总结 ## 3、说明 ### 项目中注意事项 ```xml 转自：https://my.oschina.net/kkrgwbj/blog/734530 通常我们的项目有时候是以jar包的形式发布出去，但是此时如果你直接使用lo4j2的api的话，相当于别人依赖你的jar的项目也必须加入log4j2的jar包。这样是高度耦合的。我们不建议这样使用，log4j2官方给出了适配slf4j，我们只需要在项目中加入以下依赖： org.apache.logging.log4j log4j-slf4j-impl 2.13.3 test org.slf4j slf4j-api 1.7.30 ``` ## 4、出错 ### 运行项目出错，控制台无错误输出 ```xml 注意：namespace="com.zk.dao.UserMapper"要和包名对应，出错为namespace="com.SSM.dao.UserMapper"，而包名为"com.zk.dao.UserMapper" ``` ### 解决idea出现Error:(8, 26) java: 程序包javax.servlet.http不存在 ```xml javax.servlet servlet-api 2.5 ``` ### 出现错误“Uncaught SyntaxError: Invalid left-hand side in assignment”，少些了一个等号； ```js if (uname == null || uname == "") { alert("请登录在收藏！"); window.location.href = 'toLogin.do'; return; } ``` ## 5、附加 ### sql教程 https://www.runoob.com/sql/sql-tutorial.html https://www.1keydata.com/cn/sql/ ### 临时邮箱 ```html 发 https://www.guerrillamail.com/zh/compose http://tool.chacuo.net/mailsend https://trashmail.com/ 收 http://www.yopmail.com http://www.linshiyouxiang.net/ 转自：https://weibo.com/ttarticle/p/show?id=2309404475875004383440 http://www.bccto.me/ https://temp-mail.org/zh/ https://10minutemail.net/?lang=zh-cn http://10minutemail.com/10MinuteMail/index.html https://www.guerrillamail.com/zh/ https://www.moakt.com/zh/mail http://www.nowmymail.com http://www.incognitomail.com/ http://24mail.chacuo.net/ http://www.yopmail.com/zh/ http://www.jetable.org/zh/index http://www.mailinator.com ``` ### 临时手机号 ```html 转自：https://mp.weixin.qq.com/s?src=11&timestamp=1590563602&ver=2363&signature=2Pvmomd4d5SKLNZwUNPrpTbD9iQ0gz*bUPmjDVXiQWXzvZ--XxM*-taCEF*tS3u8MB9exNCM4pCCfbXZMzyU-RT2d0SnLpqkPWWjzYziAtlrhhgAXCbx6u8O9-nxK7Ln&new=1 国内免费临时手机号： 1、http://www.z-sms.com 2、https://www.becmd.com 3、https://www.pdflibr.com 4、https://www.becmd.com 5、http://www.smszk.com 国外免费临时手机号： 1、https://zh.mytrashmobile.com（中文） 2、https://ch.freephonenum.com（中文） 3、SMSReceiveFree：https://smsreceivefree.com 4、Receive SMS Online for FREE：https://www.receive-sms-online.info 5、Receive a SMS Online：https://receive-a-sms.com 6、Free SMS Numbers Online：https://smsnumbersonline.com 7、Receive SMS online for Free：https://sms-online.co/receive-free-sms 8、Receive-SMS：https://receive-sms.com 9、Receive FREE SMS online：http://receivefreesms.com 10、RECEIVE SMS ONLINE：https://www.receivesmsonline.net 11、Free Online Phone：https://www.freeonlinephone.org 12、Receive SMS Online：http://receive-sms-online.com 13、TextNow：https://www.textnow.com 14、Textfree：https://www.pinger.com/text-free/ 15、SELLAITE：http://sms.sellaite.com/ 16、Twilio：https://www.twilio.com/ 17、https://receive-sms.com/ 18、http://receive-sms-online.com/ 19、http://sms.sel ``` ### 正则表达式(Regular Expression)，常简称为regex、regexp #### 软件 **regexBuilder：**https://github.com/ScottLouvau/RegexBuilder **Regex Match Tracer：**http://www.regexlab.com/ #### 教程 **菜鸟教程：**https://www.runoob.com/regexp/regexp-tutorial.html **简单教程：**https://www.twle.cn/l/yufei/regexp/regexp-basic-index.html **regular：**http://www.regular-expressions.info/ **MDN：**https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions **微软：**https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/regular-expressions **w3cschool：**https://www.w3cschool.cn/zhengzebiaodashi/regexp-tutorial.html #### 在线生成 **在线工具：**https://tool.lu/regex/ **regex101：**https://regex101.com/ **Regulex：**https://jex.im/regulex/ **菜鸟教程：**http://c.runoob.com/front-end/854 **JSON在线：**https://www.sojson.com/regex/generate **脚本之家：**http://tools.jb51.net/regex **Jsons**http://www.jsons.cn/regcode/ **站长之家：**http://tool.chinaz.com/regex/ **开源中国社区：**https://tool.oschina.net/regex/ **debuggex：**https://www.debuggex.com/ **w3cschool：**https://www.w3cschool.cn/zhengzebiaodashi/regexp-tutorial.html ### web.xml ```xml

TravelProject

index.html

index.htm

index.jsp

default.html

default.htm

default.jsp

contextConfigLocation

classpath:spring-config.xml

org.springframework.web.context.ContextLoaderListener

ssm

org.springframework.web.servlet.DispatcherServlet

contextConfigLocation

classpath:springmvc-config.xml

ssm

*.do

encoding

org.springframework.web.filter.CharacterEncodingFilter

encoding

utf-8

encoding

``` ### MyBatis #### 官网：https://mybatis.org/mybatis-3/ #### 中文官网：https://mybatis.org/mybatis-3/zh/index.html #### mybatis.xml头文件：https://mybatis.org/mybatis-3/getting-started.html ```xml ``` #### mybatis-config.xml头文件：https://mybatis.org/mybatis-3/getting-started.html ```xml 官网版 ``` ### Spring #### 官网：https://spring.io/ #### Spring-Framework：https://spring.io/projects/spring-framework #### spring-config.xml头文件 https://docs.spring.io/spring/docs/5.3.0-SNAPSHOT/spring-framework-reference/core.html#xsd-schemas-aop ```xml

``` #### springmvc-config.xml头文件：https://docs.spring.io/spring/docs/5.3.0-SNAPSHOT/spring-framework-reference/web.html#mvc-config ```xml

``` ### 用到的依赖 #### 依赖官网： ```xml mysql mysql-connector-java 5.1.48 org.mybatis mybatis 3.5.4 org.mybatis mybatis-spring 2.0.4 com.github.pagehelper pagehelper 5.1.11 org.springframework spring-webmvc 5.2.4.RELEASE org.springframework spring-jdbc 5.2.4.RELEASE com.jolbox bonecp 0.8.0.RELEASE javax.servlet jstl 1.2 org.apache.logging.log4j log4j-api 2.13.3 org.apache.logging.log4j log4j-core 2.13.3 org.apache.logging.log4j log4j-slf4j-impl 2.13.3 test org.slf4j slf4j-api 1.7.30 com.fasterxml.jackson.core jackson-databind 2.10.0 javax.mail javax.mail-api 1.6.2 com.sun.mail javax.mail 1.6.2 javax.servlet servlet-api 2.5 ```