Заполнение списка html из файла

У меня есть несколько ul на главной странице моего приложения. Заключено в каждом li У меня есть 6 различных переменных (раздел #, id, start, end, img, title)Заполнение списка html из файла

Я собираюсь постоянно обновлять содержимое списков, так что было бы хорошо, если бы я был возможность динамического заполнения страницы из файла с помощью этих переменных, организованных в удобном для чтения/обновления образом.

Вот один список на мое приложение:

<li data-section="number" 
    id="uLAD-IrB8B0" 
    data-start="20" 
    data-end="40"> 
    <img src="sample.png"/> 
    <div class="title">Some title</div> 
</li>

Я понимаю, это может быть достигнуть с PHP. Однако я не уверен, что это лучшая альтернатива или как двигаться вперед в этом направлении.

источник

2013-10-07 irm

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

Я вижу, я все делаю все правильно. Я предполагаю, что мне понадобится php для подключения к базе данных, правильно? Кроме того, должен ли я составлять таблицу для каждого раздела? – irm

PHP, C#, Ruby, Python, C, C++ и т. Д. И т. Д. И т. Д. Любой базовый язык может подключаться к базе данных. PHP, вероятно, самый простой в использовании в сочетании с html. С другой стороны, дизайн базы данных - это тема сама по себе. Я бы рекомендовал хотя бы одну таблицу хранить информацию на линии. (ID, section ?, start, end, img_src, title) –

Это зависит от того, откуда ваши данные и как вы хотите обновлять эти данные.

Если вы хотите обновить его из файлов (или базы данных), вам, вероятно, понадобится архитектура типа AJAX. Способ, который будет работать на вашем клиенте, у вас будет некоторый javascript, который делает запрос к php-скрипту (возможно, посылку некоторых данных), и получает ответ с некоторыми новыми данными, тогда javascript будет записывать эти данные в атрибуты у вас есть выше.

Однако, если ваши новые данные поступают с пользовательского ввода, вы можете уйти с помощью только javascript. Таким образом, в этом случае у вас может быть текстовое поле (или другие поля ввода), в котором есть обработчик onChange, который будет обновлять атрибуты и контент, показанные выше.

Если вы дадите еще какой-нибудь контекст, я могу дать вам лучший ответ.

Редактировать: Я бы рекомендовал провести некоторое исследование по разработке AJAX. Эта страница выглядит как хорошая http://www.sitepoint.com/build-your-own-ajax-web-apps/

Как только вы узнаете, как работает AJAX, вы сможете лучше понять задействованные компоненты (javascript, php, базы данных и т. Д.). (т. е. вы узнаете, чего не знаете):

Надеюсь, что это поможет.

источник

2013-10-07 22:45:54 dkniffin

Ну как сейчас, я просто хочу иметь возможность обновлять содержимое html без необходимости вручную вставлять поля в html, но мне все равно, что делать правильно и учитывая будущую разработку приложения. Какое решение вы бы предложили? Я заинтересован в изучении новой техники, но мне также нужно держать ее простой, поэтому я все еще могу выполнить то, что мне удалось получить в PHP и базах данных. – irm

«Я действительно забочусь о том, чтобы делать все правильно» imho, если бы это был мой первый раз, я бы сосредоточился на том, чтобы сделать что-то функциональное, а не оптимальное. Как только вы поймете, как все работает, вы можете подумать о том, чтобы сделать правильный путь. Вы говорите, что вы новичок в этих вещах, так что это мой совет. – TKrugg

@Tkrugg Спасибо. Итак, каков был бы функциональный способ? – irm

Заполнение списка html из файла

ответ

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