springboot整合jsp,实现公交车站路线图

 更新时间:2021年01月03日 12:27:12   作者:程序帮  
这篇文章主要介绍了springboot整合jsp,实现公交车站路线图的步骤,帮助大家更好的理解和使用springboot框架,感兴趣的朋友可以了解下

开发环境:

  1. jdk 8
  2. intellij idea
  3. tomcat 8
  4. mysql 5.7
  5. maven 3.6

所用技术:

  • springboot
  • jsp
  • 数据静态初始化

项目介绍

使用springboot整合jsp,在后端写入公交路线名称和详细站点,前端页面可条件查询具体的内容,如公交路线,公交名称,车俩信息等。

运行效果

前台用户端:

  • 路线选择

  • 路线详情

数据准备:

BusData.txt

准备工作:

pom.xml加入jsp模板引擎支持:

<dependency>
  <groupId>org.apache.tomcat.embed</groupId>
  <artifactId>tomcat-embed-jasper</artifactId>
  <scope>provided</scope>
</dependency>

springboot配置jsp

spring.mvc.view.prefix=/
spring.mvc.view.suffix=.jsp

重要代码:

bus数据初始化

@PostConstruct
private void initBusData(){
  try{
    File file = new File(BusMap.getClass().getResource("/").getPath());
    FileReader fileReader = new FileReader(file.getPath()+"/static/BusData.txt","GBK"); //初始化BusData.txt 数据
    List<String> readLines = fileReader.readLines();
    for(String str:readLines){
      if(!"".equals(str)){
        String[] data=str.split("#");
        String way=data[0];     //几路线
        String location=data[1];/  /地名
        String[] locations=location.split(",");
        List<Bus> list=new ArrayList<>();
        for(int i=0;i<locations.length;i++){
          int busnum=0;
          if(i%4==0){        //随机busnum
            busnum=1;
          }if(i%5==0){
            busnum=2;
          }
          Bus bus=new Bus(locations[i],busnum);
          list.add(bus);
        }
        WayList.add(way);      //添加路线
        BusMap.put(way,list);    //添加车站
      }
    }
  }catch (Exception e){
    e.printStackTrace();
  }
}

路线查询

@RequestMapping("/way")
public String search(HttpServletRequest request,String way) {
  try {
     if(null==way||"".equalsIgnoreCase(way)){
       request.setAttribute("list", BusMap.WayList); //没有搜索默认显示所有路线
       return "way";
     }else{
       List<String> wayList=new ArrayList<>();
       //模糊查询路线
       for(String str:BusMap.WayList){
         if(str.indexOf(way)>-1){
           wayList.add(str);
         }
       }
       if(wayList.size()>0){
         request.setAttribute("list", wayList); //模糊搜索出来的路线列表
         return "way";
       }else{
         return "noView"; //没有所选路线
       }
     }
  } catch (Exception e) {
    e.printStackTrace();
  }
  return "way";
}

公交车路线站展示

@RequestMapping("/view")
public String view(HttpServletRequest request,String way) {
  try {
    List<Bus> list= BusMap.getBusMap(way);
    if(list.size()>0){
      request.setAttribute("list",list ); //获取总路线
      request.setAttribute("firstBus", list.get(0).getLocation());       //第一站
      request.setAttribute("lastBus", list.get(list.size()-1).getLocation()); //最后一站
      int size = list.size();
      size =(size-1)*99;
      request.setAttribute("size",size);
      return "view";
    }
  } catch (Exception e) {
    e.printStackTrace();
  }
  return "noView";//没有对应公交车站
}
//前端页面数据渲染
<div class="pageContent" style="background: #eeeeee;">
  <div class="pageFormContent" layoutH="55">
    <div class="timeText">${firstBus}<----->${lastBus}
      <span>( 首/末班车时间:<span style="color: red">6:00 / 23:00</span>)</span>
    </div>
    <div class="timezone" style="margin-top: 20px">
      <c:forEach var="list" items="${list}" varStatus="s">
        <div class="time" <c:if test="${s.index!=0}"> style="top: ${s.index*100+25}px;" a="1" </c:if> ><a onclick="javascript:alert(1);">${s.index+1}</a>
          <h2>${list.location}</h2>
          <c:if test="${list.busNum>0}">
            <span class="timezone3"></span>
            <div>
              <p><span style="padding-left: 30px;">${list.busNum}辆公交</span></p>
            </div>
          </c:if>
        </div>
      </c:forEach>
    </div>
  </div>
  <div class="formBar"></div>
</div>

项目总结

  1. 项目存放路径最好不要带中文路径,否则可能存在静态busData资源初始化失败
  2. 页面时间车站路线所采用时间轴方式展示,长度动态计算,部分浏览器显示可能有点错位
  3. 其他后续迭代功能后续开发,敬请关注

以上就是springboot整合jsp,实现公交车站路线图的详细内容,更多关于springboot整合jsp的资料请关注脚本之家其它相关文章!

相关文章

  • SpringBoot服务器端解决跨域问题

    SpringBoot服务器端解决跨域问题

    这篇文章主要介绍了SpringBoot服务器端解决跨域问题,帮助大家更好的理解和使用springboot框架,感兴趣的朋友可以了解下
    2020-11-11
  • JDBC操作数据库的增加、删除、更新、查找实例分析

    JDBC操作数据库的增加、删除、更新、查找实例分析

    这篇文章主要介绍了JDBC操作数据库的增加、删除、更新、查找方法,以完整实例形式分析了Java基于JDBC连接数据库及进行数据的增删改查等技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • SpringBoot 签到奖励实现方案的示例代码

    SpringBoot 签到奖励实现方案的示例代码

    这篇文章主要介绍了SpringBoot 签到奖励实现方案的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • Java 8 开发的 Mybatis 注解代码生成工具

    Java 8 开发的 Mybatis 注解代码生成工具

    MybatisAnnotationTools 是基于 Java8 开发的一款可以用于自动化生成 MyBatis 注解类的工具,支持配置数据源、类路径,表名去前缀、指定类名前后缀等功能.这篇文章主要介绍了Java 8 开发的 Mybatis 注解代码生成工具 ,需要的朋友可以参考下
    2019-07-07
  • IDEA中Web项目控制台乱码的问题及解决方法

    IDEA中Web项目控制台乱码的问题及解决方法

    这篇文章主要介绍了IDEA中Web项目控制台乱码的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • java定时器timer的使用方法代码示例

    java定时器timer的使用方法代码示例

    这篇文章主要介绍了java定时器timer的使用方法代码示例,向大家分享了两部分代码,详细内容请参见正文,还是比较不错的,需要的朋友可以参考下。
    2017-11-11
  • 详解SpringBoot时间参数处理完整解决方案

    详解SpringBoot时间参数处理完整解决方案

    这篇文章主要介绍了详解SpringBoot时间参数处理完整解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • java编写猜数字游戏

    java编写猜数字游戏

    这篇文章主要为大家详细介绍了java编写猜数字游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 详解Spring Cloud Feign 熔断配置的一些小坑

    详解Spring Cloud Feign 熔断配置的一些小坑

    这篇文章主要介绍了详解Spring Cloud Feign 熔断配置的一些小坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Java编程Commons lang组件简介

    Java编程Commons lang组件简介

    这篇文章主要介绍了Java编程Commons lang组件的相关内容,十分具有参考意义,需要的朋友可以了解下。
    2017-09-09

最新评论