Web标准网页设计与PHP(大学计算机基础教育规划教材)

字数: 566
出版社: 清华大学
作者: 编者:唐四薪//谭晓兰//谢海波
商品条码: 9787302441441
版次: 1
开本: 16开
页数: 378
出版年份: 2016
印次: 1

定价：~~￥49.5~~ 销售价：登录后查看价格￥{{selectedSku?.salePrice}}

库存： {{selectedSku?.stock}} 库存充足

{{item.title}}：

立即购买加入书单收藏

精选

¥5.83

世界图书名著昆虫记绿野仙踪木偶奇遇记儿童书籍彩图注音版

¥5.39

正版世界名著文学小说名家名译中学生课外阅读书籍图书批发 70册

¥8.58

简笔画10000例加厚版2-6岁幼儿童涂色本涂鸦本绘画本填色书正版

¥5.83

世界文学名著全49册中小学生青少年课外书籍文学小说批发正版

¥4.95

全优冲刺100分测试卷一二三四五六年级上下册语文数学英语模拟卷

¥8.69

父与子彩图注音完整版小学生图书批发儿童课外阅读书籍正版1册

¥24.2

好玩的洞洞拉拉书0-3岁宝宝早教益智游戏书机关立体翻翻书4册

¥7.15

幼儿认字识字大王3000字幼儿园中班大班学前班宝宝早教启蒙书

¥11.55

用思维导图读懂儿童心理学培养情绪管理与性格培养故事指导书

¥19.8

少年读漫画鬼谷子全6册在漫画中学国学小学生课外阅读书籍正版

¥64

科学真好玩

¥12.7

一年级下4册·读读童谣和儿歌

¥38.4

原生态新生代(传统木版年画的当代传承国际研讨会论文集)

¥11.14

法国经典中篇小说

¥11.32

上海的狐步舞--穆时英(中国现代文学馆馆藏初版本经典)

¥21.56

猫的摇篮(精)

¥30.72

幼儿园特色课程实施方案/幼儿园生命成长启蒙教育课程丛书

旧时风物(精)

三希堂三帖/墨林珍赏

寒山子庞居士诗帖/墨林珍赏

苕溪帖/墨林珍赏

楷书王维诗卷/墨林珍赏

兰亭序/墨林珍赏

祭侄文稿/墨林珍赏

蜀素帖/墨林珍赏

真草千字文/墨林珍赏

进宴仪轨(精)/中国古代舞乐域外图书

舞蹈音乐的基础理论与应用

内容简介

唐四薪、谭晓兰、谢海波编著的《Web标准网页设计与PHP》全面介绍了Web标准网页设计与PHP动态网页技术，采用“原理+实例+综合案例”的编排方式，在叙述有关原理时安排了大量的相关实例，使读者能迅速理解有关原理的用途。本书分为10章，内容包括网页与网站的基础知识，HTML、CSS、JavaScript 等前端网页开发技术和PHP后台程序设计。全书遵循 Web标准，面向工程实际，强调原理性与实用性。本书可作为高等院校各专业“网页设计与制作” 课程的教材，也可作为网页设计、网站制作的培训类教材，还可供网页设计和开发人员参考使用。

第1章网页设计概述 1.1 初识网页设计 1.1.1 什么是网页 1.1.2 网页设计的两个基本问题 1.1.3 网页设计语言——HTML简介 1.1.4 网页制作软件 1.2 网站的创建和制作流程 1.2.1 网站的特征 1.2.2 网站的开发步骤 1.2.3 在Dreamweaver中建立站点 1.3 Web服务器与浏览器 1.3.1 Web服务器的作用 1.3.2 浏览器的种类和作用 1.4 URL与域名习题1 第2章 HTML 2.1 HTML概述 2.1.1 HTML文档的结构 2.1.2 Dreamweaver的开发界面 2.1.3 使用Dreamweaver新建HTML文件 2.1.4 HTML标记 2.1.5 常见的HTML标记及属性 2.2 在网页中添加文本和图像 2.2.1 创建文本和列表 2.2.2 插入图像 2.3 利用Dreamweaver代码视图提高效率 2.3.1 代码提示 2.3.2 Dreamweaver中的常用快捷键 2.4 创建超链接 2.4.1 超链接标记 2.4.2 绝对URL与相对 2.4.3 超链接的种类(href属性的取值) 2.4.4 超链接目标的打开方式 2.4.5 超链接制作的原则 2.4.6 Dreamweaver中超链接属性面板的使用 2.5 插入Flash及多媒体元素 2.5.1 插入Flash 2.5.2 插入视频或音频文件 2.5.3 HTML5 新增的多媒体标记 2.6 创建表格 2.6.1 表格标记() 2.6.2 行和单元格

、	标记 2.6.3 在Dreamweaver中操作表格的方法 2.6.4 制作固定宽度的表格 2.6.5 特殊效果表格的制作 2.6.6 用表格进行网页布局 2.6.7 表格布局实例——制作太阳能网站 2.7 创建表单 2.7.1 标记及其属性 2.7.2 标记 2.7.3 2.7.5 表单数据的传递过程 2.7.6 表单中的按钮 2.7.7 表单的辅助标记 2.7.8 HTML5 新增的表单标记和属性 2.8 框架标记 2.8.1 <frameset>标记 2.8.2 <frame/>标记 2.8.3 嵌入式框架标记<iframe> 2.9 头部标记习题2 第3章 XHTML与Web标准 3.1 XHTML与HTML的区别 3.1.1 文档类型的含义和选择 3.1.2 XHTML与HTML的重要区别 3.2 Web标准 3.2.1 传统HTML的缺点 3.2.2 Web标准的含义 3.2.3 Web标准的优势 3.3 HTML元素的概念 3.3.1 行内元素和块级元素 3.3.2 div和span标记 3.4 HTML5 简介 3.4.1 HTML5 新增的标记 3.4.2 HTML5 语法的改进习题3 第4章 CSS 4.1 CSS基础 4.1.1 CSS的语法 4.1.2 在HTML中引入CSS的方法 4.1.3 选择器的分类 4.1.4 CSS文本修饰 4.1.5 伪类选择器及其应用 4.2 CSS的特性 4.2.1 CSS的层叠性 4.2.2 CSS的继承性 4.2.3 选择器的组合 4.2.4 CSS2.1 新增选择器简介 4.3 CSS设计和书写技巧 4.3.1 CSS样式总体设计原则 4.3.2 Dreamweaver对CSS的可视化编辑支持 4.3.3 CSS属性的值和单位 4.4 盒子模型及标准流下的定位 4.4.1 盒子模型基础 4.4.2 盒子模型的应用 4.4.3 盒子在标准流下的定位原则 4.5 背景的控制 4.5.1 CSS的背景属性 4.5.2 背景的基本运用技术 4.5.3 滑动门技术 4.5.4 背景图像的翻转 4.5.5 CSS圆角设计 4.6 盒子的浮动 4.6.1 盒子浮动后的特点 4.6.2 浮动的清除 4.6.3 浮动的浏览器解释问题 4.6.4 浮动的应用举例 4.7 相对定位和绝对定位 4.7.1 定位属性和偏移属性 4.7.2 相对定位 4.7.3 相对定位的应用举例 4.7.4 绝对定位 4.7.5 绝对定位的应用举例 4.7.6 与定位属性有关的CSS属性 4.8 CSS+div布局 4.8.1 分栏布局的种类 4.8.2 固定宽度布局 4.8.3 CSS布局的案例——重构太阳能网站 4.8.4 可变宽度布局 4.8.5 HTML5 新增的文档结构标记 4.9 CSS浏览器的兼容问题习题4 第5章 JavaScript 5.1 JavaScript的代码结构 5.2 JavaScript的事件编程 5.2.1 常用JavaScript事件 5.2.2 事件监听程序 5.3 JavaScriptDOM编程 5.3.1 动态效果的实现 5.3.2 获取指定元素 5.3.3 访问元素的CSS属性 5.3.4 访问元素的内容 5.4 使用浏览器对象习题第6章 PHP动态网站开发概述 6.1 动态网站概述 6.1.1 动态网站的运行环境 6.1.2 动态网站开发语言 6.1.3 Web服务器软件 6.2 网页的类型和工作原理 6.2.1 静态网页和动态网页 6.2.2 PHP动态网页的工作原理 6.3 配置PHP的运行环境 6.3.1 AppServ的安装 6.3.2 运行第一个PHP程序 6.3.3 Apache的配置 6.4 使用Dreamweaver开发PHP程序 6.4.1 新建动态站点 6.4.2 编写并运行PHP程序习题6 第7章 PHP语言基础 7.1 PHP语法入门 7.1.1 PHP代码的基本格式 7.1.2 简单PHP程序示例 7.2 常量、变量和运算符 7.2.1 常量和变量 7.2.2 变量的作用域和生存期 7.2.3 可变变量和引用赋值 7.2.4 运算符和表达式 7.3 数据类型及类型转换 7.3.1 字符串数据类型 7.3.2 数据类型的转换 7.4 PHP的语句 7.4.1 条件控制语句 7.4.2 循环控制语句 7.4.3 文件包含语句 7.5 数组 7.5.1 数组的创建 7.5.2 访问数组元素或数组 7.5.3 多维数组 7.5.4 操作数组的内置函数习题7 第8章函数和面向对象编程 8.1 PHP的内置函数 8.1.1 字符串处理函数 8.1.2 日期和时间函数 8.1.3 检验函数 8.1.4 数学函数 8.2 自定义函数及调用 8.2.1 函数的定义 8.2.2 函数的调用 8.2.3 传值赋值和传地址赋值 8.3 面向对象编程 8.3.1 类和对象 8.3.2 类的继承和多态习题8 第9章 Web交互编程 9.1 接收浏览器数据 9.1.1 使用$.POST\[\]获取表单数据 9.1.2 使用$.GET\[\]获取表单数据 9.1.3 使用$.GET\[\]获取URL字符串信息 9.1.4 发送HTTP请求的基本方法 9.1.5 使用$.SERVER\[\]获取环境变量信息 9.2 发送数据给浏览器 9.2.1 使用echo方法输出信息 9.2.2 使用header()函数重定向网页 9.2.3 操作缓冲区 9.3 使用$.SESSION设置和读取Session 9.3.1 存储和读取Session信息 9.3.2 Session的创建过程和有效期 9.3.3 利用Session限制未登录用户访问 9.3.4 删除和销毁Session 9.4 使用$.COOKIE读取Cookie 9.4.1 创建和修改Cookie 9.4.2 读取Cookie 9.4.3 Cookie数组 9.4.4 删除Cookie 9.4.5 Cookie程序设计举例 9.5 使用$.FILES获取上传文件信息 9.5.1 添加上传文件的表单 9.5.2 使用$.FILES获取上传文件信息 9.5.3 保存上传文件到指定目录 9.5.4 同时上传多个文件习题9 第10章 PHP访问数据库 10.1 MySQL数据库的使用 10.1.1 数据库基础 10.1.2 使用phpMyAdmin管理数据库 10.1.3 使用phpMyAdmin导出导入数据 10.1.4 使用Navicat管理数据库 10.2 SQL语言 10.2.1 Select语句 10.2.2 添加、删除、更新记录的语句 10.2.3 SQL字符串中含有变量的书写方法 10.3 访问MySQL数据库 10.3.1 PHP访问数据库的步骤 10.3.2 连接MySQL数据库 10.3.3 创建结果集并输出记录 10.3.4 使用mysql.query()增、删、改记录 10.4 增、删、改记录的综合实例 10.4.1 管理记录主页面的设计 10.4.2 添加记录的实现 10.4.3 删除记录的实现 10.4.4 同时删除多条记录的实现 10.4.5 修改记录的实现 10.4.6 查询记录的实现 10.5 分页显示数据 10.5.1 分页程序的基本实现 10.5.2 对查询结果进行分页 10.5.3 可设置每页显示记录数的分页程序 10.6 mysqli扩展函数的使用 10.6.1 连接MySQL数据库 10.6.2 执行SQL语句创建结果集 10.6.3 从结果集中获取数据 10.7 用mysqli制作新闻网站 10.7.1 为网站引用后台程序和数据库 10.7.2 在首页显示数据表中的新闻 10.7.3 制作动态图片轮显效果 10.7.4 制作新闻内容页 10.7.5 制作栏目列表页 10.7.6 使用FCKeditor编辑器 10.8 数据库接口PDO 10.8.1 PDO的安装 10.8.2 创建PDO对象连接数据库 10.8.3 使用query()方法执行查询 10.8.4 使用fetchAll()方法返回所有行 10.8.5 使用exec()方法执行增、删、改命令 10.8.6 使用prepare()方法执行预处理语句 10.9 用PDO制作博客网站 10.9.1 数据库的设计 10.9.2 首页的制作 10.9.3 留言模块的制作 10.9.4 博客后台登录的实现 10.9.5 博客用户注册模块的实现 10.9.6 用户管理模块的实现 10.9.7 删除用户与修改用户密码习题10 </div></div> </div> </div> </div> </div> </div> <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { /** * 图片放大器 */ $("#img_zoom").blowup({ background : "#FCEBB6" }); }); </script> <!-- 添加到书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">添加到书单</h4> </div> <div class="modal-body"> <!-- 书单列表模板 --> <script id="tpl_my_list" type="text/template"> {@each records as i} <li class="list-group-item"> <label style="width:100%;cursor: pointer;"> <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}"> @{i.name} </label> </li> {@/each} </script> <!-- 书单列表模板结束 --> <ul class="list-group" id="tbl_my_list"> <li class="list-group-item"> <label for="list2" >加载中...</label> </li> </ul> <div class="pager"></div> <a href="javascript:void(0);" id="a_add_list">点此新建书单</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button> </div> </div> </div> </div> <!-- 添加到书单弹出框结束 --> <!-- 新建书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="form_create_list"> <button type="reset" style="display:none;"></button> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">新建书单</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="recipient-name" class="control-label">标题：</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="recipient-name" class="control-label">简介：</label> <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述..."> 蜀ICP备2024047804号 Copyright 版权所有 © jvwen.com 聚文网

、

标记 2.6.3 在Dreamweaver中操作表格的方法 2.6.4 制作固定宽度的表格 2.6.5 特殊效果表格的制作 2.6.6 用表格进行网页布局 2.6.7 表格布局实例——制作太阳能网站 2.7 创建表单 2.7.1

标记及其属性 2.7.2 标记 2.7.3

2.7.5 表单数据的传递过程
    2.7.6 表单中的按钮
    2.7.7 表单的辅助标记
    2.7.8 HTML5 新增的表单标记和属性
  2.8 框架标记
    2.8.1 <frameset>标记
    2.8.2 <frame/>标记
    2.8.3 嵌入式框架标记<iframe>
  2.9 头部标记
  习题2
第3章  XHTML与Web标准
  3.1 XHTML与HTML的区别
    3.1.1 文档类型的含义和选择
    3.1.2 XHTML与HTML的重要区别
  3.2 Web标准
    3.2.1 传统HTML的缺点
    3.2.2 Web标准的含义
    3.2.3 Web标准的优势
  3.3 HTML元素的概念
    3.3.1 行内元素和块级元素
    3.3.2 div和span标记
  3.4 HTML5 简介
    3.4.1 HTML5 新增的标记
    3.4.2 HTML5 语法的改进
  习题3
第4章  CSS
  4.1 CSS基础
    4.1.1 CSS的语法
    4.1.2 在HTML中引入CSS的方法
    4.1.3 选择器的分类
    4.1.4 CSS文本修饰
    4.1.5 伪类选择器及其应用
  4.2 CSS的特性
    4.2.1 CSS的层叠性
    4.2.2 CSS的继承性
    4.2.3 选择器的组合
    4.2.4 CSS2.1 新增选择器简介
  4.3 CSS设计和书写技巧
    4.3.1 CSS样式总体设计原则
    4.3.2 Dreamweaver对CSS的可视化编辑支持
    4.3.3 CSS属性的值和单位
  4.4 盒子模型及标准流下的定位
    4.4.1 盒子模型基础
    4.4.2 盒子模型的应用
    4.4.3 盒子在标准流下的定位原则
  4.5 背景的控制
    4.5.1 CSS的背景属性
    4.5.2 背景的基本运用技术
    4.5.3 滑动门技术
    4.5.4 背景图像的翻转
    4.5.5 CSS圆角设计
  4.6 盒子的浮动
    4.6.1 盒子浮动后的特点
    4.6.2 浮动的清除
    4.6.3 浮动的浏览器解释问题
    4.6.4 浮动的应用举例
  4.7 相对定位和绝对定位
    4.7.1 定位属性和偏移属性
    4.7.2 相对定位
    4.7.3 相对定位的应用举例
    4.7.4 绝对定位
    4.7.5 绝对定位的应用举例
    4.7.6 与定位属性有关的CSS属性
  4.8 CSS+div布局
    4.8.1 分栏布局的种类
    4.8.2 固定宽度布局
    4.8.3 CSS布局的案例——重构太阳能网站
    4.8.4 可变宽度布局
    4.8.5 HTML5 新增的文档结构标记
    4.9 CSS浏览器的兼容问题
  习题4
第5章  JavaScript
  5.1 JavaScript的代码结构
  5.2 JavaScript的事件编程
    5.2.1 常用JavaScript事件
    5.2.2 事件监听程序
  5.3 JavaScriptDOM编程
    5.3.1 动态效果的实现
    5.3.2 获取指定元素
    5.3.3 访问元素的CSS属性
    5.3.4 访问元素的内容
  5.4 使用浏览器对象
  习题
第6章  PHP动态网站开发概述
  6.1 动态网站概述
    6.1.1 动态网站的运行环境
    6.1.2 动态网站开发语言
    6.1.3 Web服务器软件
  6.2 网页的类型和工作原理
    6.2.1 静态网页和动态网页
    6.2.2 PHP动态网页的工作原理
  6.3 配置PHP的运行环境
    6.3.1 AppServ的安装
    6.3.2 运行第一个PHP程序
    6.3.3 Apache的配置
  6.4 使用Dreamweaver开发PHP程序
    6.4.1 新建动态站点
    6.4.2 编写并运行PHP程序
  习题6
第7章  PHP语言基础
  7.1 PHP语法入门
    7.1.1 PHP代码的基本格式
    7.1.2 简单PHP程序示例
  7.2 常量、变量和运算符
    7.2.1 常量和变量
    7.2.2 变量的作用域和生存期
    7.2.3 可变变量和引用赋值
    7.2.4 运算符和表达式
  7.3 数据类型及类型转换
    7.3.1 字符串数据类型
    7.3.2 数据类型的转换
  7.4 PHP的语句
    7.4.1 条件控制语句
    7.4.2 循环控制语句
    7.4.3 文件包含语句
  7.5 数组
    7.5.1 数组的创建
    7.5.2 访问数组元素或数组
    7.5.3 多维数组
    7.5.4 操作数组的内置函数
  习题7
第8章  函数和面向对象编程
  8.1 PHP的内置函数
    8.1.1 字符串处理函数
    8.1.2 日期和时间函数
    8.1.3 检验函数
    8.1.4 数学函数
  8.2 自定义函数及调用
    8.2.1 函数的定义
    8.2.2 函数的调用
    8.2.3 传值赋值和传地址赋值
  8.3 面向对象编程
    8.3.1 类和对象
    8.3.2 类的继承和多态
  习题8
第9章  Web交互编程
  9.1 接收浏览器数据
    9.1.1 使用$.POST\[\]获取表单数据
    9.1.2 使用$.GET\[\]获取表单数据
    9.1.3 使用$.GET\[\]获取URL字符串信息
    9.1.4 发送HTTP请求的基本方法
    9.1.5 使用$.SERVER\[\]获取环境变量信息
  9.2 发送数据给浏览器
    9.2.1 使用echo方法输出信息
    9.2.2 使用header()函数重定向网页
    9.2.3 操作缓冲区
  9.3 使用$.SESSION设置和读取Session
    9.3.1 存储和读取Session信息
    9.3.2 Session的创建过程和有效期
    9.3.3 利用Session限制未登录用户访问
    9.3.4 删除和销毁Session
  9.4 使用$.COOKIE读取Cookie
    9.4.1 创建和修改Cookie
    9.4.2 读取Cookie
    9.4.3 Cookie数组
    9.4.4 删除Cookie
    9.4.5 Cookie程序设计举例
    9.5 使用$.FILES获取上传文件信息
    9.5.1 添加上传文件的表单
    9.5.2 使用$.FILES获取上传文件信息
    9.5.3 保存上传文件到指定目录
    9.5.4 同时上传多个文件
  习题9
第10章  PHP访问数据库
  10.1 MySQL数据库的使用
    10.1.1 数据库基础
    10.1.2 使用phpMyAdmin管理数据库
    10.1.3 使用phpMyAdmin导出导入数据
    10.1.4 使用Navicat管理数据库
  10.2 SQL语言
    10.2.1 Select语句
    10.2.2 添加、删除、更新记录的语句
    10.2.3 SQL字符串中含有变量的书写方法
  10.3 访问MySQL数据库
    10.3.1 PHP访问数据库的步骤
    10.3.2 连接MySQL数据库
    10.3.3 创建结果集并输出记录
    10.3.4 使用mysql.query()增、删、改记录
  10.4 增、删、改记录的综合实例
    10.4.1 管理记录主页面的设计
    10.4.2 添加记录的实现
    10.4.3 删除记录的实现
    10.4.4 同时删除多条记录的实现
    10.4.5 修改记录的实现
    10.4.6 查询记录的实现
  10.5 分页显示数据
    10.5.1 分页程序的基本实现
    10.5.2 对查询结果进行分页
    10.5.3 可设置每页显示记录数的分页程序
  10.6 mysqli扩展函数的使用
    10.6.1 连接MySQL数据库
    10.6.2 执行SQL语句创建结果集
    10.6.3 从结果集中获取数据
  10.7 用mysqli制作新闻网站
    10.7.1 为网站引用后台程序和数据库
    10.7.2 在首页显示数据表中的新闻
    10.7.3 制作动态图片轮显效果
    10.7.4 制作新闻内容页
    10.7.5 制作栏目列表页
    10.7.6 使用FCKeditor编辑器
  10.8 数据库接口PDO
    10.8.1 PDO的安装
    10.8.2 创建PDO对象连接数据库
    10.8.3 使用query()方法执行查询
    10.8.4 使用fetchAll()方法返回所有行
    10.8.5 使用exec()方法执行增、删、改命令
    10.8.6 使用prepare()方法执行预处理语句
  10.9 用PDO制作博客网站
    10.9.1 数据库的设计
    10.9.2 首页的制作
    10.9.3 留言模块的制作
    10.9.4 博客后台登录的实现
    10.9.5 博客用户注册模块的实现
    10.9.6 用户管理模块的实现
    10.9.7 删除用户与修改用户密码
  习题10
</div></div>
                    </div>

</div>
            </div>
        </div>

</div>
    <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script>
    <script type="application/javascript">
        $(document).ready(function () {

/**
             * 图片放大器
             */
            $("#img_zoom").blowup({
                background : "#FCEBB6"
            });

});
    </script>

<div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加到书单</h4>
                </div>
                <div class="modal-body">

<script id="tpl_my_list" type="text/template">
                        {@each records as i}
                        <li class="list-group-item">
                            <label style="width:100%;cursor: pointer;">
                                <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}">
                                @{i.name}
                            </label>
                        </li>
                        {@/each}
                    </script>

<ul class="list-group" id="tbl_my_list">
                        <li class="list-group-item">
                            <label for="list2" >加载中...</label>
                        </li>
                    </ul>
                    <div class="pager"></div>
                    <a href="javascript:void(0);" id="a_add_list">点此新建书单</a>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form id="form_create_list">
                    <button type="reset" style="display:none;"></button>
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="myModalLabel">新建书单</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">标题：</label>
                            <input type="text" class="form-control" name="name">
                        </div>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">简介：</label>
                            <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述...">