点赞再看，养成习惯

开发环境：

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

所用技术：

  1. springboot
  2. jsp
  3. 数据动态初始化

我的项目介绍

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

运行成果

前台用户端：

  • 路线抉择

  • 路线详情

数据筹备:

  • BusData.txt

筹备工作:

  1. pom.xml退出jsp模板引擎反对：
<dependency>    <groupId>org.apache.tomcat.embed</groupId>    <artifactId>tomcat-embed-jasper</artifactId>    <scope>provided</scope></dependency>
  1. springboot配置jsp
spring.mvc.view.prefix=/spring.mvc.view.suffix=.jsp

重要代码:

  1. bus数据初始化
@PostConstructprivate 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();    }}
  1. 路线查问
@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";}
  1. 公交车路线站展现
@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. 其余后续迭代性能后续开发，敬请关注