datatables_servidor

  • i7_388268
    了解作者
  • 6.4MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-14 04:35
    上传日期
数据表_服务器 根据我在 MySQL Workbench 中提供的布局创建一个名为 datatables 的数据库模式。 使用附加到电子表格的数据填充数据库。 我们将在后续练习中使用这些数据。 还提供了数据库导出功能,以便能够直接导入数据。 使用 datatables 插件创建一个 html 表,该表显示来自上一个练习的数据库表中的 Name、Cif、City、Province 和 Clinical_id 字段。 要从服务器获取数据,您可以使用示例“DataTables 服务器端处理示例”中提供数据表的脚本。 修改前面的练习,让data或获取的json是对象而不是数组。 而不是得到: 0: ["1", "CENTRO IMPLANTOLOGICO BARCELONA", "XX", "B11111111", "BARCELONA", "BARCELONA", ...] 1: ["2"
datatables_servidor-master.zip
  • datatables_servidor-master
  • soluciones
  • solucion_ejercicio1.webm
    6.6MB
  • ejercicio1
    512B
  • Ejercicio2
    512B
  • .jshintrc
    353B
  • .gitattributes
    11B
  • bower.json
    105B
  • Gruntfile.js
    9.4KB
  • datatables-servidor.sublime-project
    326B
  • test
  • index.html
    668B
  • bower.json
    150B
  • spec
  • test.js
    256B
  • .bowerrc
    40B
  • README.md
    3.2KB
  • datatables-servidor.sublime-workspace
    16.6KB
  • .bowerrc
    38B
  • .yo-rc.json
    27B
  • .editorconfig
    415B
  • .gitignore
    40B
  • app
  • php
  • cargar_clinicas_mejor.php
    1.9KB
  • cargar_clinicas.php
    1.9KB
  • ssp.class.php
    14KB
  • listar_tarifas.php
    979B
  • cargar_vclinicas_mejor.php
    2.1KB
  • modificar_clinica.php
    1.7KB
  • borrar_clinica.php
    1.5KB
  • mysql.php
    124B
  • index.html
    3.6KB
  • robots.txt
    32B
  • styles
  • main4.css
    60B
  • dataTables.bootstrap.css
    7.4KB
  • main6.css
    87B
  • main.css
    0B
  • ejercicio7.html
    11.8KB
  • favicon.ico
    4.2KB
  • images
  • favicon.ico
    894B
  • back_enabled.png
    1.3KB
  • back_enabled_hover.png
    1.3KB
  • back_disabled.png
    1.3KB
  • forward_enabled_hover.png
    1.3KB
  • sort_desc.png
    1.1KB
  • forward_enabled.png
    1.3KB
  • sort_asc_disabled.png
    2.8KB
  • sort_both.png
    1.1KB
  • sort_desc_disabled.png
    1KB
  • Sorting icons.psd
    26.8KB
  • forward_disabled.png
    1.3KB
  • sort_asc.png
    1.1KB
  • scripts
  • ejercicio7.js
    8.3KB
  • main.js
    30B
  • ejercicio6.js
    4KB
  • jquery.dataTables.js
    424.8KB
  • ejercicio3.js
    1.9KB
  • ejercicio2.js
    1.4KB
  • datatables.spanish.lang
    0B
  • dataTables.bootstrap.js
    4.2KB
  • ejercicio5.js
    2.5KB
  • ejercicio4.js
    2.4KB
  • ejercicio6.html
    10.4KB
  • ejercicio5.html
    2.5KB
  • ejercicio2.html
    2.3KB
  • ejercicio3.html
    2.3KB
  • ejercicio4.html
    2.4KB
  • ayuda
  • ejercicio7
  • listar_tarifas.php
    979B
  • provincias.txt
    3.2KB
  • modificar_clinica.php
    1.7KB
  • borrar_clinica.php
    1.5KB
  • mysql.php
    129B
  • ejercicio1
  • datos_clase.ods
    16.1KB
  • Clinicas.sql
    15.3KB
  • Modelo_configuracion.mwb
    12.7KB
  • ejercicio6
  • provincias.txt
    3.2KB
  • ejercicio2
  • ayuda.txt
    216B
  • ejercicio5
  • ayuda.txt
    326B
  • package.json
    912B
内容介绍
# datatables_servidor 1. Crea un esquema de base de datos llamado datatables en base al diseño que proporciono en MySQL Workbench. Rellena la bbdd con los datos que se adjuntan en la hoja de cálculo. Utilizaremos estos datos para los ejercicios sucesivos. Se proporciona también una exportación de la bbdd para poder hacer la importación de datos directamente. 2. Usa el plugin datatables para crear una tabla html que muestre los campos Nombre, Cif, Localidad, Provincia y id_clinica de la tabla de bbdd del ejercicio anterior. Para obtener los datos del servidor puedes ayudarte del script que proporciona datatables en el ejemplo “DataTables server-side processing example”. 3. Modifica el ejercicio anterior para que el json de datos o obtenido sean objetos en vez de un array. En vez de obtener: ~~~ 0: ["1", "CENTRO IMPLANTOLOGICO BARCELONA", "XX", "B11111111", "BARCELONA", "BARCELONA",…] 1: ["2", "CENTRO DE IMPLANTOLOGÍA MADRID", "XX", "B11111112", "MADRID", "MADRID",…] 2: ["3", "CENTRO DE IMPLANTOLOGÍA VIGO", "XX", "B11111113", "VIGO", "PONTEVEDRA", "Calle de Vigo nº 17",…] 3: ["4", "CENTRO DE IMPLANTOLOGÍA ZARAGOZA", "XX", "B11111114", "ZARAGOZA", "ZARAGOZA",…] 4: ["5", "CENTRO DE IMPLANTOLOGÍA VALENCIA", "XX", "B11111115", "VALENCIA", "VALENCIA",…] 5: ["6", "CENTRO DE IMPLANTOLOGÍA SANTANDER", "XX", "B11111116", "SANTANDER", "SANTANDER",…] 6: ["15", "CENTRO DE IMPLANTOLOGÍA TARRAGONA", "XX", "B11111117", "MADRID", "TARRAGONA",…] ~~~ Deberíamos obtener: ~~~ 0: {id_clinica: "1", nombre: "CENTRO IMPLANTOLOGICO BARCELONA", razonsocial: "XX", cif: "B11111111",…} 1: {id_clinica: "2", nombre: "CENTRO DE IMPLANTOLOGÍA MADRID", razonsocial: "XX", cif: "B11111112",…} 2: {id_clinica: "3", nombre: "CENTRO DE IMPLANTOLOGÍA VIGO", razonsocial: "XX", cif: "B11111113",…} 3: {id_clinica: "4", nombre: "CENTRO DE IMPLANTOLOGÍA ZARAGOZA", razonsocial: "XX", cif: "B11111114",…} 4: {id_clinica: "5", nombre: "CENTRO DE IMPLANTOLOGÍA VALENCIA", razonsocial: "XX", cif: "B11111115",…} 5: {id_clinica: "6", nombre: "CENTRO DE IMPLANTOLOGÍA SANTANDER", razonsocial: "XX", cif: "B11111116",…} 6: {id_clinica: "15", nombre: "CENTRO DE IMPLANTOLOGÍA TARRAGONA", razonsocial: "XX", cif: "B11111117",…} ~~~ 4. Añade en cada registro de la tabla anterior un botón de editar y otro de borrar. Los botones deben enlazar a una url donde se pase un parámetro identificador del registro en cuestión. Puedes y debes utilizar la propiedad fnRender. Consulta la documentación del plugin de datatables para obtener más información. 5. Añade a la tabla anterior el tipo de tarifa de la clínica. Puedes echar un ojo al fichero de ayuda, si no se te ocurre como empezar. 6. Al pulsar el botón de editar debe desaparecer la tabla y aparecer mediante algún tipo de efecto jquery un formulario con los datos del registro de la clínica que se ha pulsado. 7. Utiliza ajax para borrar o modificar registros de datatables. Ya sea desde el mismo datatables (botón de borrar) o desde el formulario (botón de editar). Puedes ayudarte de los scripts que proporciono. 8. Implementa los avisos de ajax en el código anterior mediante algún plugin de jQuery de tipo growl.
评论
    相关推荐