前端页面index.ftl不显示书本图片
这些书本图片很多都是外网链接，用浏览器单独访问都是ok的，为什么启动tomcat后就无法显示呢？
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 | <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>慕课书评网</title> <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0,user-scalable=no"> <link rel="stylesheet" href="./resources/bootstrap/bootstrap.css"> <link rel="stylesheet" href="./resources/raty/lib/jquery.raty.css"> <script src="./resources/jquery.3.3.1.min.js"></script> <script src="./resources/bootstrap/bootstrap.min.js"></script> <script src="./resources/art-template.js"></script> <style> .highlight { color: red !important; } a:active{ text-decoration: none!important; } </style> <style> .container { padding: 0px; margin: 0px; } .row { padding: 0px; margin: 0px; } .col- * { padding: 0px; } </style></head><body><div class="container"> <nav class="navbar navbar-light bg-white shadow mr-auto"> <ul class="nav"> <li class="nav-item"> <a href="/"> <img src="https://m.imooc.com/static/wap/static/common/img/logo2.png" class="mt-1" style="width: 100px"> </a> </li> </ul> <a href="/login.html" class="btn btn-light btn-sm"> <img style="width: 2rem;margin-top: -5px" class="mr-1" src="./images/user_icon.png">登录 </a> </nav> <div class="row mt-2"> <div class="col-8 mt-2"> <h4>热评好书推荐</h4> </div> <div class="col-8 mt-2"> <span data-category="-1" style="cursor: pointer" class="highlight font-weight-bold category">全部</span> <#list categories as category> <a style="cursor: pointer" data-category="${category.categoryId}" class="text-black-50 font-weight-bold category">${category.categoryName}</a> <#if category_has_next>|</#if> </#list> </div> <div class="col-8 mt-2"> <span data-order="quantity" style="cursor: pointer" class="order highlight font-weight-bold mr-3">按热度</span> <span data-order="score" style="cursor: pointer" class="order text-black-50 mr-3 font-weight-bold">按评分</span> </div> </div> <div class="d-none"> <input type="hidden" id="nextPage" value="2"> <input type="hidden" id="categoryId" value="-1"> <input type="hidden" id="order" value="quantity"> </div> <div id="bookList"> <a href="/book/5" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5ce256ea00014bc903600480.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">从 0 开始学爬虫</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">梁睿坤 · 19年资深架构师</div> <div class="mb-2 w-100">零基础开始到大规模爬虫实战</div> <p> <span class="stars" data-score="4.9" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-on.png" title="gorgeous"><input name="score" type="hidden" value="4.9" readonly=""></span> <span class="mt-2 ml-2">4.9</span> <span class="mt-2 ml-2">15人已评</span> </p> </div> </div> </a> <hr> <a href="/book/25" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5da923d60001a92f05400720.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">网络协议那些事儿</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">Oscar · 一线大厂高级软件工程师</div> <div class="mb-2 w-100">前后端通用系列课</div> <p> <span class="stars" data-score="4.9" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-on.png" title="gorgeous"><input name="score" type="hidden" value="4.9" readonly=""></span> <span class="mt-2 ml-2">4.9</span> <span class="mt-2 ml-2">15人已评</span> </p> </div> </div> </a> <hr> <a href="/book/32" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5dff8f33000138fa05400720.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">给程序员的职场情商课</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">风落几番 · 蚂蚁金服测试专家</div> <div class="mb-2 w-100">懂技术，更要懂说话的艺术</div> <p> <span class="stars" data-score="4.7" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-half.png" title="gorgeous"><input name="score" type="hidden" value="4.7" readonly=""></span> <span class="mt-2 ml-2">4.7</span> <span class="mt-2 ml-2">15人已评</span> </p> </div> </div> </a> <hr> <a href="/book/1" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5c247b0b0001a0a903600480.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">教你用 Python 进阶量化交易</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">袁霄 · 全栈工程师</div> <div class="mb-2 w-100">你的量化交易开发第一课</div> <p> <span class="stars" data-score="4.9" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-on.png" title="gorgeous"><input name="score" type="hidden" value="4.9" readonly=""></span> <span class="mt-2 ml-2">4.9</span> <span class="mt-2 ml-2">14人已评</span> </p> </div> </div> </a> <hr> <a href="/book/7" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5cfdcd1e00015cf203600480.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">手把手带你打造自己的UI样式库</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">Rosen · 一线互联网架构设计师</div> <div class="mb-2 w-100">前端开发进阶必学</div> <p> <span class="stars" data-score="4.9" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-on.png" title="gorgeous"><input name="score" type="hidden" value="4.9" readonly=""></span> <span class="mt-2 ml-2">4.9</span> <span class="mt-2 ml-2">14人已评</span> </p> </div> </div> </a> <hr> <a href="/book/6" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5cf47cb800010dde03600480.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">零基础学透 TypeScript</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">Lison · 前端高级工程师</div> <div class="mb-2 w-100">关于TS的前世今生一篇打尽</div> <p> <span class="stars" data-score="4.6" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-half.png" title="gorgeous"><input name="score" type="hidden" value="4.6" readonly=""></span> <span class="mt-2 ml-2">4.6</span> <span class="mt-2 ml-2">13人已评</span> </p> </div> </div> </a> <hr> <a href="/book/31" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5df760170001512305400720.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">Python 数据分析通关攻略</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">Lemeng_study · 8年经验资深数据挖掘专家</div> <div class="mb-2 w-100">编程技术提升职场竞争力系列</div> <p> <span class="stars" data-score="4.8" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-on.png" title="gorgeous"><input name="score" type="hidden" value="4.8" readonly=""></span> <span class="mt-2 ml-2">4.8</span> <span class="mt-2 ml-2">13人已评</span> </p> </div> </div> </a> <hr> <a href="/book/34" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5e16e9730001d85605400720.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">智能时代：写给想学习大数据的你</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">RangeYan · 一线互联网公司数据研发专家</div> <div class="mb-2 w-100">驾驭未来工作的利器</div> <p> <span class="stars" data-score="4.7" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-half.png" title="gorgeous"><input name="score" type="hidden" value="4.7" readonly=""></span> <span class="mt-2 ml-2">4.7</span> <span class="mt-2 ml-2">13人已评</span> </p> </div> </div> </a> <hr> <a href="/book/33" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5e0deb5c0001282f05400720.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">分布式技术面试大厂真题30讲</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">王炸 · 8年经验一线大厂架构师</div> <div class="mb-2 w-100">让你在寒冬求职季脱颖而出</div> <p> <span class="stars" data-score="4.9" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-on.png" title="gorgeous"><input name="score" type="hidden" value="4.9" readonly=""></span> <span class="mt-2 ml-2">4.9</span> <span class="mt-2 ml-2">12人已评</span> </p> </div> </div> </a> <hr> <a href="/book/17" style="color: inherit"> <div class="row mt-2 book"> <div class="col-4 mb-2 pr-2"> <img class="img-fluid" src="https://img1.sycdn.imooc.com//5d5510fa00011fa605400720.jpg"> </div> <div class="col-8 mb-2 pl-0"> <h5 class="text-truncate">你的第一本Python基础入门书</h5> <div class="mb-2 bg-light small p-2 w-100 text-truncate">黄浮云 · 资深云计算工程师</div> <div class="mb-2 w-100">人人受益的Python开学第一课</div> <p> <span class="stars" data-score="4.7" title="gorgeous"><img alt="1" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="2" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="3" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="4" src="./resources/raty/lib/images/star-on.png" title="gorgeous"> <img alt="5" src="./resources/raty/lib/images/star-half.png" title="gorgeous"><input name="score" type="hidden" value="4.7" readonly=""></span> <span class="mt-2 ml-2">4.7</span> <span class="mt-2 ml-2">11人已评</span> </p> </div> </div> </a> <hr> </div> <button type="button" id="btnMore" data-next-page="1" class="mb-5 btn btn-outline-primary btn-lg btn-block"> 点击加载更多... </button> <div id="divNoMore" class="text-center text-black-50 mb-5" style="display: none;">没有其他数据了</div></div></body></html> |
20
收起
正在回答 回答被采纳积分+1
1回答
java工程师2020版
- 参与学习 人
- 提交作业 9403 份
- 解答问题 16556 个
综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧