2012-11-16 4 views
0

Я использую web.py framework для разработки небольшой веб-страницы, которая отображает все записи из базы данных.Как проверить/снять флажки с помощью jquery в python web.py

Ниже мой код

list_page.html

$def with (select_query) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>List Page</title> 
</head> 
<body> 
<form method="POST" action="/retrieve"> 
<table border="1"> 
    <tr> 
    <td>Select</td><td>Column_two</td><td>Column_three</td><td>Column_four</td><td>Column_five</td> 
    </tr> 
    $for r in select_query: 
    <tr> 
    <td><p align = "center"><input type="checkbox" id="$r.id" value="" name="$r.id"/></p></td> 
    <td>$r.Listing_Name</td><td>$r.Address</td><td>$r.Pincode</td><td>$r.Phone</td> 
    </tr> 
</table> 
    <br/> 
    <p><button id="submit" name="select_unselect">Select All/Unselect All</button></p> 
    <p><button id="submit" name="submit">Retrieve</button></p> 
</form> 

Так из приведенного выше HTML страницы результатов из базы данных будут отображаться в виде таблицы.

На самом деле, я пытаюсь реализовать проверку/снятие флажков с jquery в python.

Ниже мой index.py код

import web 
render = web.template.render('templates/') 
db = web.database(dbn='mysql', db='Browser_Date', user='root', pw='redhat') 
urls = ('/', 'Listpage',) 
app = web.application(urls, globals()) 

class Listpage: 

    def GET(self): 
     select_query = db.select('File_upload') 
     return render.list_page(select_query) 

    def POST(self): 
     i = web.input(groups = {}) 
     ids = i.keys() 
     ........ 
     ........ 
     web.header('Content-Type','text/csv') 
     web.header('Content-disposition', 'attachment; filename=csv_file.csv') 
     return csv_file.getvalue() 

if __name__ == "__main__": 
    web.internalerror = web.debugerror 
    app.run() 

Концепция веб-страницы (HTML отображается выше) будет отображать записи из базы данных, и на основе выбора записей по проверке/отключив и после нажатия кнопки retrieve, csv-файл будет сгенерирован с выбранными записями на странице

Итак, теперь я пытаюсь проверить/снять отметку со всех флажков за раз, используя jquery, но не знаю, как начать и где написать код jquery в приведенном выше html-коде, i goog привело к jQuery, но это действительно запутывало, поэтому я подошел к SO.

В основном я новичок в разработке веб-сайтов и не знаю, как реализовать/использовать jquery, может кто-нибудь, пожалуйста, сообщите мне, как реализовать проверку/снятие флажков в вышеупомянутом коде/html-файле? так что я могу еще больше расширить код

ответ

0

Python, web.py, html, javascript и jQuery Являются недоумением.

Это мощный, но также довольно запутанный, когда вы сначала пытаетесь обвести вокруг себя голову. Вы должны думать о гибридном многоплатформенном приложении, поскольку вы действительно объединяете по меньшей мере три различных технологии в один пользовательский интерфейс.

Сервер и шаблоны web.py не более, чем доставляют контент STATIC в веб-браузер. Это то, что делает веб-сервер. Код шаблона позволяет принимать решения в python на стороне сервера, основываясь на аргументах запроса и т. Д., Но в конечном итоге все, что вы действительно делаете, это доставка кода (html + javscript) другому интерпретатору (браузеру). PHP, Ruby, ASP ... они все равно в этом отношении - создание страницы для браузера.

Как только запрос будет доставлен, браузер берет верх. Если пользователь нажимает что-то, это будет интерпретатор javascript, который обрабатывает этот клик. Javascript (или jquery) может либо a) перенаправлять пользователя на другую страницу, b) манипулировать вещами локально, либо c) отправлять/получать информацию через ajax.

(JQuery IS Javascript ... это просто удивительный способ упростить некоторые чудачества чистого JavaScript.)

Таким образом, типичный рабочий процесс:

  • пользователь запрашивает http://localhost/index
  • Интернет ,ру обеспечивает домашнюю страницу через визуализацию()
  • браузера рисует домашнюю страницу HTML, и обрабатывает любой OnLoad() Javascript (страница сейчас простаивает, ожидая взаимодействия с пользователем)
  • пользователя щелкает что-то, функция Javascript оценивает то, что было кликали и решает запросить больше данных
  • Javascript создает и выпускает XmlHttpRequest (или в JQuery ... $ .ajax())
  • web.py обрабатывает запрос, скажем, это было/home_tab_2
  • Javascript обновляет страницу (с помощью element.innerHTML() или в jquery $(element).append() или что-то еще)

Надеюсь, это поможет, поскольку запись этого документа действительно помогла мне с моим первым приложением ajax.

 Смежные вопросы

  • Нет связанных вопросов^_^