Как сохранить css файл

Где хранить изображения, CSS и javascript файлов на glassfish?

Я много оглядывался вокруг (поверьте мне :), прежде чем публиковать эти вопросы, и я все еще в замешательстве. Вот такой сценарий:

Размещение веб-приложения J2EE на glassfish v3 с помощью Restlet 2.0 файлы шаблонов freemarker находятся в папке /WEB-INF. Шаблоны ссылаются на файлы jQuery/javascript, некоторые статические изображения и таблицы стилей с использованием относительного URLs.

Поскольку хранить их в /WEB-INF не очень хорошая практика (как указано во многих местах в интернете) Я переместил файлы в папку WebContent

Я называю их в шаблоне freemarker / html как:

где $ -корневая ссылка сайта. Сайт развернут на /Winbook., так что URL на localhost для css выглядит следующим образом:

Для каждого из вышеперечисленных ресурсов я получаю 404 🙁 я не уверен, действительно ли это то, как следует хранить css, изображения или скрипты, и является ли папка WebContent хорошим местом для его хранения.

  1. Почему вышеперечисленное не работает? Я имею в виду, что должна быть ошибка, и я просто не знаю об этом 🙂
  2. Какое лучшее место для хранения вышеуказанных файлов в интернете server/glassfish?
  3. Как я могу ссылаться на эти ресурсы (в шаблоне HTML/freemarker), если они развернуты в файле. war? (Они будут развернуты в файле war, если они будут помещены в WebContent, верно? Это ‘legal’ или хорошая практика? Кажется, пахнет 🙂
  4. Должны ли мы создавать альтернативные корни doc в glassfish для всех таких ресурсов (или эквивалентный класс каталогов в Restlet?)
  5. Каков ‘best’ способ/место/для такого deployment для приложения на базе интрасети, чтобы легко найти ресурсы? Поиск, основанный JNDI? (Я не знаю, как это будет работать, другой вопрос, вероятно, на SO 😉

Я в полном замешательстве! Прошло уже некоторое время с тех пор, как мне приходилось писать полное сквозное веб-приложение, и об этом обычно заботился ‘others’ 🙂

2 ответа

В настоящее время я работаю с веб-сервисом, который работает на сервере Glassfish, но я использую свой localhost/phpmyadmin/ для хранения баз данных. Можно ли хранить базу данных на самом сервере Glassfish?

Я использую Glassfish 3.1 для веб-проекта, даже после обновления файла JavaScript и повторной публикации всего проекта на сервере glassfish сервер, похоже, выполняет более старую версию файла. Я попробовал, перезапустив сервер, но все пошло напрасно. Заранее спасибо.

Я, вероятно, опоздал с ответом на этот вопрос, но вот он. Как я уже упоминал, Restlet перехватывает URLs, а вы HAVE, чтобы использовать класс Каталога для возврата статического содержимого, инициализированного путем "war:///" или "war:///images/" и т. Д. Для каждой из папок.

Причина, по которой он не работал, была связана с проблемами маршрутизации Restlet — папка каталога была ‘last’ в порядке кода URLs. Каталоги создаются с Template.MODE_STARTS_WITH, а остальные (т. е. Рестлеты или другие ресурсы) — с Template.MODE_EQUALS

Вы должны либо изменить порядок маршрутизации вручную, либо поместить его в начало списка URIs при маршрутизации.

Надеюсь, это поможет любому, кто столкнется с той же проблемой.

Вот связанный с этим вопрос, на который ответил Джером: Кошмар маршрутизации Restlet

Похожие вопросы:

im через symfony объявление я читал, что лучшие практики для хранения изображения, JS и изображений /web <link rel=stylesheet href=<< asset(‘css/bootstrap.min.css’) >> /> если я хочу.

Нам интересно, как настроить GlassFish 3.1.2 real hot deployment, это не просто обычная настройка Как я могу выполнить горячее развертывание с помощью адаптера glassfish в Eclipse но как сделать.

У меня есть приложение, в котором я загружаю изображение из интернета в приложение iphone. Эта часть работает. Часть проблемы заключается в том, где ее хранить? Для определения местоположения.

В настоящее время я работаю с веб-сервисом, который работает на сервере Glassfish, но я использую свой localhost/phpmyadmin/ для хранения баз данных. Можно ли хранить базу данных на самом сервере.

Я использую Glassfish 3.1 для веб-проекта, даже после обновления файла JavaScript и повторной публикации всего проекта на сервере glassfish сервер, похоже, выполняет более старую версию файла. Я.

Как я могу кэшировать несколько конкретных файлов JavaScript & CSS. Я нашел совет с этого сайта поместить это в мой файл .htaccess AddOutputFilter DEFLATE css js ExpiresActive On ExpiresByType.

У меня есть проект maven, который я запускаю с помощью jetty: $ mvn run:jetty Где в моем проекте я должен хранить свои статические файлы, такие как HTML, CSS, Javascript, изображения? Мой макет.

Я создаю сайт WSS 3.0 и не знаю, где хранить изображения и файлы CSS. Я подумываю о создании библиотеки документов и добавлении 2 подпапок для изображений и файлов CSS. Будет ли это хорошей.

Я новичок в Struts 2, и я просто ищу способ обслуживания статических ресурсов (например, изображений, javascript файлов, css файлов и т. д.). E.g каждый запрос, начинающийся с /assets , должен.

как и где я могу хранить изображения с помощью laravel? контекст: Я хочу отобразить некоторые изображения в моем основном представлении (они предопределены мной). Я также хочу хранить изображения.

Как делать файл css пример, программы

Как можно сделать файл css!? В какое программе можно сделать файл css!? Создать файл css на компьютере. Примеры создания файл css. Есть множество программ, в которых можно сделать файл css и это совсем просто! Плюс к тому, у нас есть готовый вариант сделать файл css, вообще без программы.

Как сделать css файл документ

Как делать файл css без программы!?

Способ сделать файл css вообще без программы, будем делать фал css на компьютере!

Открываем папку, где должен находиться файл css

Как делать файл css без программы!?

Нажимаем ПКМ, по пустому месту в папке. Создать – текстовый документ.

Можно сразу выделить и удалить сразу все, и написать ваше название нового файла стилей css

Как делать файл css без программы!?

Если у вас нет точки, ищем — параметры папок — скрывать расширение для зарегистрированных файлов (для XP, vista, 7,8,10 — все одинаково). Вроде делал страницу на данную тему- не помню где. Зачем здесь, сейчас говорю об отсутствии разрешения файла!? Просто — когда столкнетесь, поймете зачем здесь показывать расширение!

Выходит предупреждение – игнорируем – нажимаем да.

Как делать файл css без программы!?

Всё! Наш файл css – готов!

Как делать файл css без программы!?

Для того, чтобы понять, что это файл css нам нужно что-то туда добавить, к примеру такую запись:

Загрузим на сервер Смотрим, что у нас получилось!

Следующим шагом у нас идёт прикрепление файла css к странице.

Как сделать файл css в простом блокноте

Можно сделать файл css в простом блокноте! Открываем блокнот, заносим какие-то стили в текст вашего нового файла css — далее идем в файл — сохранить как — печатаем название создаваемого файла css — тип файла — здесь нужно выбрать все файлы — далее кодировка файла css — выбираем utf-8, вы конечно можете оставить ANSI — потом расскажите!

Как сделать файл css в простом блокноте

Как делать файл css в программе Sublime!?

Открываем программу Sublime, в новом документе создаем какие-то нужные стили. Нажимаем файл — сохранить как, или сохранить все — выбираем название вашего будущего файла css — можно оставить тип фала — все файлы. либо выбрать расширение css в выпадающем окне:

Как делать файл css в программе Sublime!?

Как делать файл css в программе Notepad++!?

Создание файла css в программе Notepad абсолютно аналогично созданию файла css в предыдущей программе!

Создаем документ css — идем файл — сохранить как — выбираем местоположение вашего нового файла css — выбираем название файла css — выбираем тип, либо можно оставить все файлы, нажимаем сохранить файл css.

Как делать файл css в программе Notepad++!?

Как делать файл css на сервере в программе!?

На сервере можно создать файл через, любую программу filezilla, которая может связываться с с сервером с помощью ftp

Во вкладке сервер нажимаем ПКМ — в новом окне — выбираем новый файл — далее печатаем название создаваемого файла css — нажимаем ок — видим, что наш новый файл создался на сервере — естественно, что он сейчас пустой. Если вы хотите го редактировать, добавлять содержимое на компьютере его надо скачать.
Как делать файл css на сервере в программе!?

Как сохранить файл css

Чтобы создать файл html совсем не обязательно покупать или скачивать из интернета для этого какие-либо приложения или программы. В любом компьютере есть уже готовая бесплатная программа «Блокнот», которая идет в комплекте с операционной cистемой windows.

В принципе создать такой документ можно в любом текстовом редакторе, даже в ворде.

Как создать html документ в блокноте

Находим программу на своем компьютере:

идем в главное меню «Пуск»: Все программы ->Стандартные -> Блокнот.

Наполняем документ содержимым, после чего в главном меню выбираем «Файл»—> Сохранить как…

Чтобы сохранить файл с расширением html, надо поменять *.txt на *.html, как здесь:

Таким образом, наш файл html создан.

На самом деле, существуют программы, которые помогают ускорить процесс наполнения файла содержимым.

Среди таких: Notepad++ и Dreamweaver. Первая является бесплатной и можно ее скачать на официальном сайте. Вторая – платная.

Преимущества программы Dreamweaver

После запуска программы надо будет выбрать: Создать HTML.

Файл будет создан автоматически с уже готовым обязательным кодом.

Сохраняем файл через выпадающее меню в программе.

Аналогичным образом можно создавать документы в других программах.

Структура html документа

А теперь поговорим о том, как должен выглядеть html файл, чтобы его мог правильно интерпретировать браузер.

Вообще, что такое html?

Это язык гипертекстовой разметки и его основные структурные элементы – теги. Благодаря им браузер «понимает», что должно отображаться на веб странице.

Для начала создадим структуру документа, прописав основные теги:

Фото: создадим структуру документа

Но, чтобы наша страница в интернете выглядела более привлекательно, нам понадобится еще один файл CSS.

Этим документом мы создадим стили: цвета, отступы, т.е. приукрасим нашу веб страницу.

Подобным образом создаем документ с расширением .CSS.

Открываем блокнот, создаем таблицу стилей, сохраняем файл:

Теперь можем дополнить структуру созданного документа, прописав ссылку на документ с расширением .css.

Можно также добавить текст. Например: дать заголовок странице, прописав его между тегами: Страница обо мне и Приветствую Вас!

Решение проблемы

Представим, что у нас есть html-страница и подключены несколько css с помощью

и есть отдельный блок стилей

Каждый из блоков содержит плоский список из 2 значений: селекторов и собственно стилей.

При загрузке страницы браузер для каждого из подгружаемого блока стилей создает новый элемент в document.styleSheets.
Каждый styleSheet элемент содержит деток cssRules и ownerNode.

А дальше начинается самое интересное.

При изменении в web-консоли стилей именно на эти селекторы — соответственно изменяются массивы cssRules (ну и computed style в самом элементе и это позволяет нам видеть изменения сразу).

Мы создаем функцию срабатывающую по горячей клавише или нажатию на кнопку на странице (неважно). Допусти можно навесить обработчик keyup на ctrl+S. Далее мы пробегаемся по массиву document.styleSheets, для каждого ownerNode узнаем значение аттрибута href и посылаем на сервер сериализованный массив cssRules и Href. На сервере сохраняем в соответствующий файл — новые правила!

А как же быть с нефайловыми стилями? Тут нужен индивидуальный подход. Допустим можно дать каждому из них ID и перезаписывать их в файле, а впрочем это уже зависит от архитектуры приложения и вариантов действительно очень много.

Таким образом мы ускоряем изменение каждого стиля — как минимум на 2 шага: сохранить вместо скопировать, сохранить и обновить. Но мне лично просто нравится такая удобная фишка.

Данная статья не подлежит комментированию, поскольку её автор ещё не является полноправным участником сообщества. Вы сможете связаться с автором только после того, как он получит приглашение от кого-либо из участников сообщества. До этого момента его username будет скрыт псевдонимом.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *