springboot整合jsp,完成公交车站路线图

亲爱的编程学习爱好者，如果你点开了这篇文章，说明你对《springboot整合jsp,完成公交车站路线图》很感兴趣。本篇文章就来给大家详细解析一下，主要介绍一下MySQL、springboot、jsp，希望所有认真读完的童鞋们，都有实质性的提高。

点赞再看，养成习惯

开发环境：

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数据初始化

@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 int busnum="0;" if bus list.add waylist.add busmap.put e e.printstacktrace></locations.length></bus></string>

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";
}
</string>

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">
            <foreach var="list" items="${list}" varstatus="s"><div class="time" test="${s.index!=0}"> style="top: ${s.index*100+25}px;" a="1"  ><a onclick="javascript:alert(1);">${s.index+1}</a>
                    <h2>${list.location}</h2>
                    <if test="${list.busNum>0}"><span class="timezone3"></span>
                        <div>
                            <p><span style="padding-left: 30px;">${list.busNum}辆公交</span></p>
                        </div>
                    </if></div>
            </foreach></div>
    </div>
    <div class="formBar"></div>
</div></bus>

项目总结

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

终于介绍完啦！小伙伴们，这篇关于《springboot整合jsp,完成公交车站路线图》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布数据库相关知识，快来关注吧！