Celeris Web — это бесплатная среда разработки интерфейсов с открытым исходным кодом, в которой используются новейшие технологии, включая Vue 3, Vite и TypeScript. Его подход к монорепозиторию позволяет легко управлять зависимостями и сотрудничать в нескольких проектах, предоставляя разработчикам комплексное решение для создания современных веб-приложений.
Независимо от того, являетесь ли вы опытным разработчиком или только начинаете, Celeris Web предлагает оптимизированный процесс внешней разработки, в котором используются новейшие инструменты и методы.
Начните работу с celeris-web сегодня и испытайте оптимизированный процесс внешней разработки, в котором используются возможности новейших технологий, включая передовые возможности обработки естественного языка.
график ТД
администратор {админ}
администратор -> админ-API
админ --> активы
администратор -> ca-компоненты
администратор --> компоненты
администратор --> константы
администратор --> директивы
админ --> хуки
администратор -> локаль
админ --> запрос
админ -> стили
администратор --> типы
администратор -> утилиты
ресурсы
компоненты
компоненты -> активы
компоненты --> ca-компоненты
компоненты --> константы
компоненты -> стили
компоненты --> типы
компоненты -> утилиты
Са-компоненты
ca-компоненты --> константы
ca-компоненты -> утилиты
директивы
директивы --> утилиты
крючки
крючки --> типы
локаль
локаль -> константы
локаль -> типы
локаль -> утилиты
запрос
запрос --> константы
запрос --> локаль
запрос --> типы
запрос -> утилиты
типы
типы --> константы
утилиты
утилиты -> типы
админ-API
admin-api --> константы
admin-api --> типы
Чтобы обновить диаграмму выше, отредактируйте файл README и откройте новый PR с изменениями.
При разработке Celeris Web мы уделяем особое внимание читабельности и обучаемости кода. Для этого каждая функция снабжена двуязычными комментариями на китайском и английском языках, что позволяет разработчикам, независимо от их родного языка, легко понимать код и учиться на его основе.
Почему стоит выбирать двуязычные комментарии?
Глобальное сотрудничество. В мультикультурных командах двуязычные комментарии способствуют лучшему общению и сотрудничеству, гарантируя, что члены команды могут точно понять функциональность и реализацию кода.
Удобное обучение. Для новичков двуязычные комментарии обеспечивают более удобную среду обучения, помогая им быстро понять логику и структуру кода.
Удобство для разработчиков. Мы стремимся создать среду, удобную для разработчиков, и двуязычные комментарии являются важной мерой, которую мы приняли для достижения этой цели.
Пример:
/**
* 打开一个新的浏览器窗口
* Open a new browser window
*
* @param {string} url - 要在新窗口中打开的 URL
* The URL to open in the new window
*
* @param {object} options - 打开窗口的选项
* Options for opening the window
* @param {string} options.target - 新窗口的名称或特殊选项,默认为 "_blank"
* @param {string} options.features - 新窗口的特性(大小,位置等),默认为 "noopener=yes,noreferrer=yes"
*/
export function openWindow ( url : string , { target = "_blank" , features = "noopener=yes,noreferrer=yes" } : {
target ?: "_blank" | "_self" | "_parent" | "_top" ; // 新窗口的名称或特殊选项,默认为 "_blank"
features ?: string ; // 新窗口的特性(大小,位置等),默认为 "noopener=yes,noreferrer=yes"
} = { } ) {
window . open ( url , target , features ) ;
}
С помощью этих двуязычных комментариев мы стремимся предоставить разработчикам более приятный и эффективный опыт программирования, делая Celeris Web шаблоном внешнего интерфейса, который действительно легко подобрать и погрузиться в него.
1. Более простое управление зависимостями: Monorepo централизует управление зависимостями для всех проектов, избегая конфликтов версий между различными проектами и делая общее управление зависимостями более понятным и простым.
2. Совместное использование кода и возможность его повторного использования. Различные проекты могут легко совместно использовать и повторно использовать код, уменьшая рабочую нагрузку, связанную с избыточной разработкой. Это очень полезно для поддержания согласованности кода и повышения эффективности разработки.
3. Унифицированная сборка и развертывание. Monorepo упрощает весь процесс разработки за счет унифицированного рабочего процесса сборки и развертывания, уменьшая сложность настройки и управления и повышая эффективность совместной работы внутри группы разработчиков.
4. Унифицированный контроль версий. Поскольку все проекты находятся в одном репозитории контроля версий, управление версиями становится более последовательным и управляемым. Это помогает команде лучше отслеживать и решать проблемы, связанные с версиями. Дизайн Monorepo позиционирует Celeris Web не только как шаблон системы администрирования, но и как веб-шаблон внешнего интерфейса для быстрой разработки продуктов C-end. С Celeris Web процесс разработки интерфейса становится еще более простым и приятным!
На рынке большинство шаблонов внешнего интерфейса в первую очередь удовлетворяют потребности B-конечных пользователей, предоставляя мощные функции и гибкие интерфейсы для систем управления предприятием (администратора). Однако лишь немногие шаблоны учитывают в своей конструкции характеристики продуктов C-конца, и именно здесь Celeris Web является инновационным.
Нарушение границ административного управления:
Традиционные системы административного управления отдают приоритет отображению данных и управлению бизнесом, в то время как продукты C-end делают акцент на удобстве пользователя и визуальной привлекательности. Признавая потребности пользователей C-конца в эстетически привлекательных интерфейсах и плавном взаимодействии, Celeris Web не только предлагает надежные функции управления серверной частью, но также фокусируется на повышении уровня удовлетворенности пользователей интерфейсом клиентской части.
Сосредоточение внимания на опыте конечных пользователей C:
Celeris Web — это не просто шаблон для систем администрирования; это веб-шаблон внешнего интерфейса, в котором приоритет отдается пользовательскому интерфейсу продуктов C-end. Мы стремимся освободиться от ограничений традиционных систем администрирования, внедряя инновационные принципы проектирования, гарантируя, что продукты C-end, представленные во внешнем интерфейсе, обеспечивают выдающийся пользовательский опыт.
Выделенные особенности:
Благодаря этой уникальной философии дизайна Celeris Web стремится исследовать новые возможности в разработке внешнего интерфейса, привнося больше жизненной силы и креативности в продукты C-end. Мы считаем, что такие инновации получат широкое признание пользователей и будут способствовать повышению ценности продукта. В мире Celeris Web разработка внешнего интерфейса выходит за рамки систем администрирования, включая более интересные элементы, связанные с взаимодействием с пользователем.
Создайте репозиторий из этого шаблона на GitHub.
npx degit kirklin/celeris-web my-vite-app
cd my-vite-app
pnpm i
Просто запустите и посетите http://localhost:8888.
pnpm run dev
Чтобы создать приложение, запустите
pnpm run build
И вы увидите сгенерированный файл на dist
, готовый к использованию.
Перейдите в Netlify и выберите свой клон, OK
, и ваше приложение будет запущено через минуту.
Сначала создайте образ celeris-web, открыв терминал в корневом каталоге проекта.
docker buildx build . -t celeris-web:latest
Запустите образ и укажите сопоставление портов с флагом -p
.
docker run --rm -it -p 8080:80 celeris-web:latest