springboot集成jsp搭建文化旅遊地圖

點贊再看，養成習慣

開發環境

1. jdk 8
2. intellij idea
3. maven 3.6

所用技術

1. springboot
2. jsp

項目介紹

北京旅遊地圖，快捷導航！

項目適用人羣

---

正在作畢設的學生，或者須要項目實戰練習的Java學習者

程序訪問

http://localhost:8090/index

準備工做

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

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

2. springboot配置jsp

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

   運行效果

技術實現

1.總體佈局

<frameset rows="10%,90%">
    <frame src="search">
    <frameset cols="10%,90%" id="frame1">
        <frame src="menu">
        <frameset rows="60%,40%" id="frame2">
            <frame src="https://www.amap.com/search" id="mainHtml" name="showframe">
            <frameset cols="50%,50%" id="frame3">
                <frame src="https://www.baidu.com" id="mfwFrame" name="mfwFrame">
                <frame src="https://weixin.sogou.com/weixin" id="sgwxFrame" name="sgwxFrame">
            </frameset>
        </frameset>
    </frameset>
</frameset>

• 左側菜單代碼實現

  <div class="container" style="padding-left: 80px;padding-top: 50px">
  <div class="row">
      <div class="span6">
          <ul class="nav nav-list">
              <li class="nav-header"><span class="glyphicon glyphicon glyphicon-map-marker"></span> 總覽</li>
              <li class="active "><a href="https://www.amap.com/search?query=%E5%8C%97%E4%BA%AC%E5%B8%82&city=110101&geoobj=106.165942%7C29.343435%7C107.154712%7C29.801484&zoom=11" target="showframe">默認地圖</a></li>
              <li><a href="https://www.amap.com/search?query=%E5%8C%97%E4%BA%AC%E6%99%AF%E7%82%B9&city=110000&geoobj=116.022898%7C39.709792%7C117.011668%7C40.113754&zoom=11" target="showframe">熱門景點</a></li>
              <li class="nav-header"><span class="glyphicon glyphicon-globe"></span> 攻略</li>
              <li><a href="https://you.ctrip.com/place/beijing1.html#ctm_ref=www_hp_bs_lst" target="_blank">攜程</a></li>
              <li><a href="https://dujia.qunar.com/pdqk/list_%E8%B5%A3%E5%B7%9E_%E5%8C%97%E4%BA%AC%E6%99%AF%E7%82%B9_all?ti=3&tf=pc_big_search&tm=l01_all_search_origin" target="_blank">去哪兒</a></li>
              <li><a href="https://www.xiaohongshu.com/explore" target="_blank">小紅書</a></li>
              <li class="nav-header"><span class="glyphicon glyphicon-user"></span>  友情連接</li>
              <li><a href="http://whlyj.beijing.gov.cn/" target="_blank">北京文化局</a></li>
          </ul>
      </div>
  </div>
  </div>

  項目總結

  1. frame 目前已經不太友好，可用其餘技術實現頁面分割
  2. 其餘有更好的簡潔操做，但願留言交流
  3. 有問題聯繫程序幫