×
Java Web网站设计开发教程

包邮Java Web网站设计开发教程

¥42.8 (7.4折) ?
1星价 ¥42.8
2星价¥42.8 定价¥58.0
暂无评论
图文详情
  • ISBN:9787560671314
  • 装帧:一般胶版纸
  • 册数:暂无
  • 重量:暂无
  • 开本:26cm
  • 页数:352页
  • 出版时间:2024-04-01
  • 条形码:9787560671314 ; 978-7-5606-7131-4

本书特色

本书主要有如下特点: (1) 理论与实战并重,通过大量的实例代码,让学习者能够更好地掌握核心理论和实际开发经验。 (2) 整合了业界主流的技术和经验,为学习者构建平滑的学习路径和实用的知识结构。 (3) 通过模块化的章节安排,让学习者能够快速查找需要重点学习的内容。 (4) 基于*新的技术版本提供实用的解决方案,包括HTML?5、CSS?3、Tomcat?10、Java?17、Jakarta EE?10、MySQL?8、Servlet?6、JSP?3、EL?5、Spring?6、SpringMVC?6、MyBatis?3、Spring Boot?3.1、JUnit?5等。 (5) 通过大量的源代码、视频、课件等配套资料,让课堂教学或读者自学都能得心应手。 在本书所提供的基础理论与开发实践的学习路径基础上,读者可以尝试开发一些具有实际应用价值的Web应用,或者参与一些开源项目的维护,这些都有助于巩固所学知识,提高发现与解决问题的能力。

内容简介

本书系统地介绍了JavaWeb网站设计开发原理、技术、框架和流程,用简洁、清晰的语言讲解了网站开发的前端和后端的相关技术。本书共分13章,内容包括Web技术概述、超文本标记语言HTML5、层叠样式表CSS、脚本语言JavaScript等。

目录

第1章 Web技术概述 1 1.1 Web系统概况 1 1.2 B/S结构 2 1.3 Web技术的学习路径 4 1.4 开发环境的安装与配置 5 1.4.1 JDK的安装 5 1.4.2 Tomcat的安装 7 1.4.3 Eclipse的安装与配置 11 1.4.4 IntelliJ IDEA的安装与配置 16 1.4.5 基于Maven的 Web项目构建 20 思考题 22 第2章 超文本标记语言HTML 5 23 2.1 HTML 5概况 23 2.2 HTML文档结构 25 2.3 头部元素 26 2.3.1 头部元素概览 26 2.3.2 <base>元素 27 2.3.3 <link><style>元素 27 2.3.4 <meta>元素 28 2.3.5 <script><noscript>元素 28 2.4 文本元素 29 2.4.1 文本元素概览 29 2.4.2 <em><strong><small><s><sub> <sup>?<i><u><mark>元素 30 2.4.3 <ruby><rb><rt><rp><rtc>元素 31 2.4.4 字符实体 32 2.5 群组元素 33 2.5.1 群组元素概览 33 2.5.2 <p><hr><pre><blockquote>元素 33 2.5.3 <ol><ul><li><dl><dt><dd>元素 35 2.5.4 <span>元素 36 2.5.5 <div>元素 36 2.6 超链接元素 38 2.6.1 统一资源定位器(URL) 38 2.6.2 <a>元素 38 2.7 表格元素 40 2.8 内嵌元素 43 2.8.1 内嵌元素概览 43 2.8.2 <img>元素 44 2.8.3 <map><area>元素 45 2.8.4 <video><audio><source>元素 45 2.8.5 MathML系列元素 47 2.8.6 <progress><meter>元素 48 2.8.7 SVG系列元素 49 2.8.8 <canvas>元素 50 2.8.9 <iframe>元素 51 2.8.10 <object><param>元素 52 2.9 结构元素 55 2.9.1 结构元素概览 55 2.9.2 <h1><h2><h3><h4><h5><h6> 元素 55 2.9.3 <article><section><nav><aside> ??<header><footer>元素 56 2.10 编辑元素 57 2.11 表单元素 58 2.11.1 表单元素概览 58 2.11.2 <form>元素 59 2.11.3 <input>元素 59 2.11.4 <select><option>元素 62 2.11.5 <fieldset><legend>元素 64 2.12 HTML中的颜色设置 65 2.13 绝对路径与相对路径 66 思考题 67 第3章 层叠样式表CSS 68 3.1 CSS 3概况 68 3.2 选择器 69 3.3 CSS的层叠性与优先次序 73 3.4 常用属性及其应用实例 74 3.4.1 CSS文本属性 74 3.4.2 CSS表格属性 76 3.5 CSS盒子模型和网页布局方式 78 3.5.1 盒子模型概况 78 3.5.2 CSS的定位功能 79 3.5.3 CSS的定位方式 80 3.5.4 网页布局方式实例 82 3.6 前端UI框架——Bootstrap 85 3.6.1 Bootstrap概况 85 3.6.2 开始使用 Bootstrap 86 3.6.3 栅格系统 88 3.6.4 样式组件 90 3.6.5 表单 91 3.6.6 表格 93 3.6.7 导航条 94 思考题 96 第4章 脚本语言JavaScript 97 4.1 JavaScript概况 97 4.2 JavaScript的基本语法 98 4.2.1 常量和变量 99 4.2.2 数据类型 99 4.2.3 表达式和运算符 101 4.2.4 循环语句 104 4.2.5 条件语句 105 4.2.6 函数 107 4.3 JavaScript的面向对象特性 108 4.3.1 类和对象 108 4.3.2 JavaScript的内置对象 110 4.3.3 异常处理机制 112 4.4 JavaScript在浏览器中的应用 113 4.4.1 浏览器对象 113 4.4.2 JavaScript在DOM中的 应用方式 117 4.4.3 事件驱动与界面交互 122 4.5 JavaScript在HTML 5中的应用 124 4.5.1 HTML 5绘图的应用 124 4.5.2 cookie存储 127 4.6 常用的JavaScript框架 128 思考题 129 第5章 XML与JSON技术 130 5.1 XML语法基础 130 5.1.1 XML概况 130 5.1.2 XML处理指令 132 5.1.3 XML元素 132 5.1.4 XML元素属性 133 5.1.5 命名空间 134 5.2 文档类型定义与校验 134 5.2.1 文档类型定义 134 5.2.2 XML架构 135 5.3 XML DOM解析 136 5.4 JSON语法基础 138 5.4.1 JSON概况 138 5.4.2 JSON对象 139 5.4.3 JSON数组 139 5.5 JSON解析 140 5.5.1 解析内嵌的JSON数据 140 5.5.2 解析服务端的JSON数据 141 5.6 JSON与XML的异同 142 思考题 143 第6章 Web服务器工作机理及配置 145 6.1 相关网络协议 145 6.1.1 OSI网络协议模型 145 6.1.2 TCP/IP协议栈 146 6.1.3 HTTP协议 147 6.2 静态HTML与动态HTML 149 6.3 CGI程序 150 6.4 Tomcat服务器配置 152 6.4.1 Tomcat概况 152 6.4.2 server.xml文件配置 153 6.5 Web应用配置与部署 158 6.5.1 Web应用目录结构 158 6.5.2 Web应用配置——web.xml 159 6.5.3 部署Web应用 160 思考题 162 第7章 Servlet技术基础 163 7.1 Servlet的基本实现 163 7.2 Servlet的部署方式 166 7.3 Servlet生命周期 167 7.4 应用Servlet实现用户登录 168 7.5 应用Servlet实现图形验证码 170 思考题 174 第8章 JSP技术基础 175 8.1 JSP技术概况 175 8.2 JSP基本语法 177 8.2.1 Java脚本 177 8.2.2 表达式 178 8.2.3 声明 179 8.2.4 注释 182 8.3 JSP指令 182 8.3.1 page 指令 183 8.3.2 include指令 185 8.3.3 taglib指令 186 8.4 JSP动作 191 8.4.1 include动作 192 8.4.2 forward动作 194 8.4.3 param动作 196 8.5 JavaBean技术 196 8.5.1 JavaBean类的定义 196 8.5.2 useBean动作 197 思考题 200 第9章 JSP隐式对象 201 9.1 JSP隐式对象概述 201 9.2 JSP对象的作用域 202 9.3 out对象 203 9.4 request对象 205 9.5 response对象 207 9.6 session对象 212 9.7 application对象 214 9.8 page 对象 215 9.9 pageContext对象 217 9.10 config对象 218 9.11 exception对象 219 思考题 221 第10章 EL表达式与JSTL标签库 222 10.1 表达式语言概况 222 10.1.1 EL的基本语法 222 10.1.2 获取对象属性的值 226 10.1.3 获取集合的值 226 10.2 EL隐式对象 227 10.2.1 EL隐式对象简况 227 10.2.2 pageContext隐式对象 228 10.2.3 作用域隐式对象 230 10.2.4 环境信息隐式对象 230 10.3 JSTL标签库 232 10.3.1 JSTL概况 232 10.3.2 核心标签库——Core 233 10.3.3 格式化标签库——Formatting 235 10.3.4 函数标签库——Functions 237 10.4 EL与JSTL综合应用实例 239 10.4.1 需求描述 239 10.4.2 设计思路 239 10.4.3 类编码 240 10.4.4 单元测试 241 10.4.5 集成验证 244 思考题 246 第11章 Java Web数据库操作 247 11.1 MySQL数据库 247 11.1.1 MySQL概况 247 11.1.2 MySQL的可视化安装 248 11.1.3 MySQL的参数化配置 250 11.1.4 MySQL示例数据库 251 11.1.5 通过IDEA连接数据库 253 11.2 JDBC技术 255 11.2.1 JDBC的结构与功能 255 11.2.2 JDBC驱动分类 256 11.2.3 连接数据库 256 11.2.4 执行SQL语句 257 11.2.5 获得查询结果集 259 11.2.6 关闭数据连接 260 11.2.7 数据库连接池 260 11.3 基于Model 1的实例 262 11.3.1 Model 1体系结构 262 11.3.2 数据库工具类——DBUtil 262 11.3.3 POJO类——Film 263 11.3.4 JavaBean——FilmBean 264 11.3.5 JSP页面——ListFilmBean 265 11.4 三层架构与MVC设计模式 267 11.4.1 三层架构 267 11.4.2 MVC设计模式 268 11.4.3 Model 2体系结构 269 11.5 数据查询 270 11.5.1 DAO 270 11.5.2 Controller 271 11.5.3 View 272 11.6 数据添加 274 11.6.1 View 274 11.6.2 DAO 276 11.6.3 Controller 277 11.7 数据删除 278 11.7.1 DAO 278 11.7.2 Controller 279 11.8 数据更新 280 11.8.1 DAO 280 11.8.2 Controller 282 11.8.3 View 283 思考题 285 第12章 SSM框架 286 12.1 SSM框架概况 286 12.2 Spring基础 287 12.2.1 Spring技术概况 287 12.2.2 Spring IoC容器 288 12.2.3 应用场景实例 290 12.2.4 Bean的XML配置 293 12.2.5 容器初始化及Bean实例化 296 12.2.6 Spring自动装配 297 12.3 SpringMVC基础 299 12.3.1 SpringMVC概况 299 12.3.2 SpringMVC配置文件 301 12.3.3 基本的Controller组件 302 12.3.4 响应数据库操作的Controller组件 304 12.4 MyBatis基础 306 12.4.1 对象-关系映射ORM 306 12.4.2 MyBatis概况 308 12.4.3 MyBatis配置文件 310 12.4.4 MyBatis映射 311 12.4.5 MyBatis单元测试 314 12.5 SSM整合 316 12.5.1 Spring集成MyBatis 316 12.5.2 整合Mapper与Controller 320 12.5.3 整合前后端分页功能 321 思考题 326 第13章 前后端分离与Spring Boot基础 327 13.1 前后端分离 327 13.2 AJAX技术 328 13.3 Spring Boot框架 330 13.4 Spring Boot后端代码 331 13.4.1 创建Spring Boot项目 331 13.4.2 pom.xml与主程序代码 332 13.4.3 测试基本的Controller代码 335 13.4.4 定义Result泛型类 336 13.4.5 定义实体类与Mapper类 339 13.4.6 定义FilmController类 341 13.5 Vue.js前端代码 342 思考题 344 第14章 网站的持续稳定运行 345 14.1 网站的安全 345 14.2 网站的性能 347 14.3 网站的部署 348 14.4 网站的推广 349 思考题 351 参考文献 352 </div> </div> <div class="switch"><span id="openCatalog">展开全部<i class="icon"></i></span></div> </div> </div> <div class="relativeBook"> <!--本类五星书--> <div class="bookList"> <div class="fiveStartBook"> <div class="tit"> 本类五星书 </div> <div class="fiveStartList"> <ul> <li> <a href="/8474819.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="全国计算机等级考试最新真考题库模拟考场及详解·二级MSOffice高级应用" class="lazyImg" data-original="//image12.bookschina.com/2021/20210111/1/s8474819.jpg" /> </div> <p class="name">全国计算机等级考试最新真考题库模拟考场及详解·二级MSOffice高级应用</p> <p class="author">零壹快学计算机等级考试研究院</p> <div class="priceWrap"><span class="price">¥33.5</span><span class="original">¥45.0</span></div> </div> </a> </li> <li> <a href="/8472395.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="决战行测5000题(言语理解与表达)" class="lazyImg" data-original="//image12.bookschina.com/2021/20210108/1/s8472395.jpg" /> </div> <p class="name">决战行测5000题(言语理解与表达)</p> <p class="author">粉笔公考编著</p> <div class="priceWrap"><span class="price">¥38.8</span><span class="original">¥88.0</span></div> </div> </a> </li> <li> <a href="/8356746.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="软件性能测试.分析与调优实践之路" class="lazyImg" data-original="//image12.bookschina.com/2020/20200902/1/s8356746.jpg" /> </div> <p class="name">软件性能测试.分析与调优实践之路</p> <p class="author">张永清</p> <div class="priceWrap"><span class="price">¥49.3</span><span class="original">¥69.0</span></div> </div> </a> </li> <li> <a href="/8281690.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="第一行代码Android" class="lazyImg" data-original="//image12.bookschina.com/2020/20200604/1/s8281690.jpg" /> </div> <p class="name">第一行代码Android</p> <p class="author">郭霖</p> <div class="priceWrap"><span class="price">¥69.3</span><span class="original">¥99.0</span></div> </div> </a> </li> <li> <a href="/7555853.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="深度学习" class="lazyImg" data-original="//image12.bookschina.com/2017/20170822/s7555853.jpg" /> </div> <p class="name">深度学习</p> <p class="author">(美)伊恩·古德费洛等</p> <div class="priceWrap"><span class="price">¥92.4</span><span class="original">¥168.0</span></div> </div> </a> </li> <li> <a href="/7491830.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="Unreal Engine 4蓝图完全学习教程" class="lazyImg" data-original="//image12.bookschina.com/2017/20170904/s7491830.jpg" /> </div> <p class="name">Unreal Engine 4蓝图完全学习教程</p> <p class="author">掌田津耶乃</p> <div class="priceWrap"><span class="price">¥72.2</span><span class="original">¥168.0</span></div> </div> </a> </li> </ul> </div> <div class="fiveStartMoreLink "> <a href="/books/fivestar?flh=27">更多>></a> </div> </div> <div class="historyBook"> <div class="tit" style="margin-top:0"> 浏览历史 </div> <div class="historyList"> <ul> <li> <a href="/9330736.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="Java Web网站设计开发教程" class="lazyImg" data-original="//image12.bookschina.com/2024/20240608/3/s9330736.jpg" /> </div> <p class="name">Java Web网站设计开发教程</p> <p class="author">温浩宇编著</p> <div class="priceWrap"><span class="price">¥42.8</span><span class="original">¥58.0</span></div> </div> </a> </li> </ul> </div> </div> <div class="hotSaleBook"> <div class="tit" data-flh="27170000" data-size="20"> 本类畅销 </div> <div class="fiveStartList"> <ul> <li> <a href="/2627361.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="影视动画场景设计与表现" class="lazyImg" data-original="//image31.bookschina.com/small/61/36/2627361.jpg" /> </div> <p class="name">影视动画场景设计与表现</p> <div class="priceWrap"><span class="price">¥15.3</span><span class="original">¥39.0</span></div> </div> </a> </li> <li> <a href="/6454049.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="Excel 实战应用大全" class="lazyImg" data-original="//image12.bookschina.com/2020/20201001/1/s6454049.jpg" /> </div> <p class="name">Excel 实战应用大全</p> <div class="priceWrap"><span class="price">¥17.9</span><span class="original">¥49.8</span></div> </div> </a> </li> <li> <a href="/7910667.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="Photoshop图像处理标准培训教程" class="lazyImg" data-original="//image12.bookschina.com/2018/20181014/2/s7910667.jpg" /> </div> <p class="name">Photoshop图像处理标准培训教程</p> <div class="priceWrap"><span class="price">¥21.4</span><span class="original">¥68.0</span></div> </div> </a> </li> <li> <a href="/8937894.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="人工智能中的机器学习研究及应用" class="lazyImg" data-original="//image12.bookschina.com/2023/20230209/53/s8937894.jpg" /> </div> <p class="name">人工智能中的机器学习研究及应用</p> <div class="priceWrap"><span class="price">¥17.6</span><span class="original">¥52.0</span></div> </div> </a> </li> <li> <a href="/8666571.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="”互联网+“时代计算机算法的应用及其实践研究" class="lazyImg" data-original="//image12.bookschina.com/2023/20230213/26/s8666571.jpg" /> </div> <p class="name">”互联网+“时代计算机算法的应用及其实践研究</p> <div class="priceWrap"><span class="price">¥19.9</span><span class="original">¥59.0</span></div> </div> </a> </li> <li> <a href="/8505404.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="机器学习人工智能及应用研究" class="lazyImg" data-original="//image12.bookschina.com/2021/20210902/1/s8505404.jpg" /> </div> <p class="name">机器学习人工智能及应用研究</p> <div class="priceWrap"><span class="price">¥17.0</span><span class="original">¥50.0</span></div> </div> </a> </li> <li> <a href="/9315543.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="十二字节" class="lazyImg" data-original="//image12.bookschina.com/2024/20240514/1/s9315543.jpg" /> </div> <p class="name">十二字节</p> <div class="priceWrap"><span class="price">¥42.4</span><span class="original">¥69.0</span></div> </div> </a> </li> <li> <a href="/8702109.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="数字影音后期制作案例教程:Premiere ProCC+AFter Effects CC" class="lazyImg" data-original="//image12.bookschina.com/2023/20230218/1/s8702109.jpg" /> </div> <p class="name">数字影音后期制作案例教程:Premiere ProCC+AFter Effects CC</p> <div class="priceWrap"><span class="price">¥18.3</span><span class="original">¥54.0</span></div> </div> </a> </li> <li> <a href="/8453202.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="Python编程 从入门到实践 第2版" class="lazyImg" data-original="//image12.bookschina.com/2021/20210112/2/s8453202.jpg" /> </div> <p class="name">Python编程 从入门到实践 第2版</p> <div class="priceWrap"><span class="price">¥50.0</span><span class="original">¥89.0</span></div> </div> </a> </li> <li> <a href="/7473107.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="人工智能" class="lazyImg" data-original="//image31.bookschina.com/2017/zuo/s7473107.jpg" /> </div> <p class="name">人工智能</p> <div class="priceWrap"><span class="price">¥18.6</span><span class="original">¥55.0</span></div> </div> </a> </li> <li> <a href="/7244128.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="123D Design玩转3D打印" class="lazyImg" data-original="//image12.bookschina.com/2023/20230209/58/s7244128.jpg" /> </div> <p class="name">123D Design玩转3D打印</p> <div class="priceWrap"><span class="price">¥24.4</span><span class="original">¥58.0</span></div> </div> </a> </li> <li> <a href="/7108611.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="机器学习" class="lazyImg" data-original="//image12.bookschina.com/2015/20150803/s7108611.jpg" /> </div> <p class="name">机器学习</p> <div class="priceWrap"><span class="price">¥44.1</span><span class="original">¥88.0</span></div> </div> </a> </li> <li> <a href="/6272435.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="Photoshop CS图像处理技术" class="lazyImg" data-original="//image12.bookschina.com/2014/20140308/s6272435.jpg" /> </div> <p class="name">Photoshop CS图像处理技术</p> <div class="priceWrap"><span class="price">¥27.2</span><span class="original">¥36.0</span></div> </div> </a> </li> <li> <a href="/5898912.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="安全的神话-计算机安全行业不想让你知道的事" class="lazyImg" data-original="//image12.bookschina.com/2014/20140305/s5898912.jpg" /> </div> <p class="name">安全的神话-计算机安全行业不想让你知道的事</p> <div class="priceWrap"><span class="price">¥15.4</span><span class="original">¥42.0</span></div> </div> </a> </li> <li> <a href="/9345209.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="卷积神经网络与图像分类" class="lazyImg" data-original="" /> </div> <p class="name">卷积神经网络与图像分类</p> <div class="priceWrap"><span class="price">¥45.5</span><span class="original">¥65.0</span></div> </div> </a> </li> <li> <a href="/9343981.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="高校计算机专业应用型人才培养研究" class="lazyImg" data-original="//image31.bookschina.com/2024/zuo/7/s9343981.jpg" /> </div> <p class="name">高校计算机专业应用型人才培养研究</p> <div class="priceWrap"><span class="price">¥38.4</span><span class="original">¥68.0</span></div> </div> </a> </li> <li> <a href="/9340722.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="图像拟态融合理论、模型和应用" class="lazyImg" data-original="//image12.bookschina.com/2024/20240610/1/s9340722.jpg" /> </div> <p class="name">图像拟态融合理论、模型和应用</p> <div class="priceWrap"><span class="price">¥116.9</span><span class="original">¥148.0</span></div> </div> </a> </li> <li> <a href="/9339015.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="生成式AI入门与AWS实战" class="lazyImg" data-original="//image12.bookschina.com/2024/20240608/7/s9339015.jpg" /> </div> <p class="name">生成式AI入门与AWS实战</p> <div class="priceWrap"><span class="price">¥69.9</span><span class="original">¥99.8</span></div> </div> </a> </li> <li> <a href="/9338357.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="多模态数据下的推荐算法及在线评论行为研究" class="lazyImg" data-original="//image31.bookschina.com/2024/zuo/6/s9338357.jpg" /> </div> <p class="name">多模态数据下的推荐算法及在线评论行为研究</p> <div class="priceWrap"><span class="price">¥55.4</span><span class="original">¥68.0</span></div> </div> </a> </li> <li> <a href="/9337871.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="时间标度复杂网络同步控制研究" class="lazyImg" data-original="" /> </div> <p class="name">时间标度复杂网络同步控制研究</p> <div class="priceWrap"><span class="price">¥38.4</span><span class="original">¥68.0</span></div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <!--预估到手价提示--> <div class="popMask"></div> <div class="EstimateTip"> <h4 class="clearfix"><span>预估到手价</span> <strong>×</strong></h4> <p>预估到手价是按参与促销活动、以最优惠的购买方案计算出的价格(不含优惠券部分),仅供参考,未必等同于实际到手价。</p> <a href="javascript:void(0);">确定</a> </div> <!--预估到手价提示 END--> <div class="footer" style=""> <div class="footerInner"> <div class="btn_bar"> <div class="iconBtn" id="customerService"> <div class="iconBtnInner"> <i class="icon"></i> <span class="txt">客服</span> </div> </div> <div class="iconBtn" id="collection" data-bookid="9330736"> <div class="iconBtnInner"> <i class="icon"></i> <span class="txt">收藏</span> </div> </div> <div class="iconBtn" id="gotoCart" onclick="window.location = '/shopcar'"> <div class="iconBtnInner" style="border:none"> <span class="add_num" id="popone" style="display:none;"></span> <i class="icon"></i> <span class="txt">购物车</span> </div> </div> </div> <div class="btn_group"> <div class="de_row"> <div class="btn btn_red" id="addCart" data-bookid="9330736"> <span class="txt">加入购物车</span> </div> </div> </div> </div> </div> </div> <input type="hidden" id="hidShareShuXinKaParam" value="" /> <input type="hidden" id="hidShareShuXinKaWxParam" value="" /> <input type="hidden" id="hidShareLink" value="http://m.bookschina.com/9330736.htm" /> <div class="backTop"><a href="javascript:scrollTo(0,0)"></a></div> <div class="sidebarNav"> <dl> <dt><span>快速<br />导航</span></dt> <dd> <ul> <li><a href="/"><span class="sideIcon"><img src="/Content/images/sidebarnav1.png" alt="首页" /></span><b>首页</b></a></li> <li><a href="//t.bookschina.com/"><span class="sideIcon"><img src="/Content/images/sidebarnav2.png" alt="淘书团" /></span><b>淘书团</b></a></li> <li><a href="/books/kindlist"><span class="sideIcon"><img src="/Content/images/sidebarnav3.png" alt="分类搜索" /></span><b>分类搜索</b></a></li> <li><a href="/shopcar"><span class="sideIcon"><img src="/Content/images/sidebarnav5.png" alt="购物车" /></span><b>购物车</b></a></li> <li><a href="/usercenter/myhome"><span class="sideIcon"><img src="/Content/images/sidebarnav6.png" alt="我的账户" /></span><b>我的账户</b></a></li> </ul> </dd> </dl> </div> <script src="/Content/js/common/layer.js?v=7459" type="text/javascript"></script> <script src="/Content/js/common/jquery.scrollLoading.js?v=7419" type="text/javascript"></script> <script src="/Content/js/common/iscroll.js?v=7319" type="text/javascript"></script> <script src="/Content/js/common/share.js?v=5865" t type="text/javascript"></script> <script src="/Content/js/common/nav.js?v=7489" type="text/javascript"></script> <script src="/Content/js/common/jquery.fly.min.js?v=7399" type="text/javascript"></script> <script src="/Content/js/common/swiper.min.js" type="text/javascript"></script> <script src="/Content/js/bookdetail.js?v=5055" type="text/javascript" defer></script> <script src="/Content/js/HeavenRed.js?v=6990" type="text/javascript"></script> <script type="text/javascript" defer> //轮播特效 $(".swiper-ads").each(function () { var $this = $(this); if ($this.find(".swiper-slide").length > 1) { var mySwiper = new Swiper($this, { autoplay: true, autoplay: { delay: 5000, }, loop: true, // 循环模式选项 // 如果需要分页器 pagination: { el: '.swiper-pagination' }, }) } }) var newImg; var clientH = $(window).height(); var clientW = $(window).width(); var w, h; $(document).ready(function () { $("#imgBook").bind("click", function () { $(".bg").show(); if ($(this)[0].naturalWidth > clientW) { h = "100%"; w = clientW * .98; $('.bgImg').css({ 'width': w + "px", 'height': "auto", 'top': "0px", 'left': "0px", 'bottom': "0px", 'right': "0px", 'z-index': 1101, 'margin': 'auto' }); } else { h = $(this)[0].naturalHeight; w = $(this)[0].naturalWidth; $('.bgImg').css({ 'width': w + "px", 'height': h + "px", 'top': (clientH - h) / 2 + "px", 'left': (clientW - w) / 2 + "px", 'z-index': 1101 }); } newImg = $(this)[0].src; $("body").append('<div class="fillbg"></div>'); $(".fillbg").addClass("fillbg-active"); $('.bgImg').attr("src", newImg); }); $(".bgImg,.bg h5").bind("click", function (event) { event.stopPropagation(); $(".bg").hide(); $(".fill-input").removeClass("fill-input-active"); setTimeout(function () { $(".fillbg-active").removeClass("fillbg-active"); $(".fillbg").remove(); }, 300); $('.bgImg').css({ 'width': '0px', 'height': '0px' }); $('.bgImg').attr("src", ''); }); }); </script> </body> </html>