celeris web
1.0.0
Celeris Web est un framework de développement frontal gratuit et open source qui utilise les dernières technologies, notamment Vue 3, Vite et TypeScript. Son approche monorepo facilite la gestion des dépendances et la collaboration sur plusieurs projets, offrant ainsi aux développeurs une solution complète pour créer des applications Web modernes.
Que vous soyez un développeur chevronné ou débutant, Celeris Web propose un processus de développement frontal rationalisé qui exploite les derniers outils et techniques.
Commencez dès aujourd'hui avec celeris-web et découvrez un processus de développement frontal hautement rationalisé qui exploite la puissance des dernières technologies, y compris des capacités de pointe en matière de traitement du langage naturel.
graphique TD
administrateur{administrateur}
admin --> admin-api
administrateur --> actifs
admin -> composants ca
administrateur --> composants
admin --> constantes
administrateur --> directives
administrateur -> crochets
admin --> paramètres régionaux
administrateur --> demande
administrateur --> styles
administrateur --> types
administrateur --> utilitaires
actifs
composants
composants --> actifs
composants --> composants ca
composants --> constantes
composants --> styles
composants --> types
composants --> utilitaires
composants ca
composants ca --> constantes
composants ca -> utilitaires
directive
directives --> utilitaires
crochets
crochets --> types
lieu
paramètres régionaux --> constantes
paramètres régionaux --> types
paramètres régionaux --> utilitaires
demande
requête --> constantes
demande --> paramètres régionaux
demande --> types
requête -> utilitaires
genres
types --> constantes
utilitaires
utilitaires --> types
admin-api
admin-api --> constantes
admin-api --> types
Pour mettre à jour le diagramme ci-dessus, modifiez le fichier README et ouvrez un nouveau PR avec les modifications.
Dans la conception de Celeris Web, nous mettons l'accent sur la lisibilité et l'apprentissage du code. Pour y parvenir, chaque fonction est équipée de commentaires bilingues en chinois et en anglais, garantissant que les développeurs, quelle que soit leur langue maternelle, puissent facilement comprendre et apprendre du code.
Pourquoi choisir les commentaires bilingues ?
Collaboration mondiale : dans les équipes multiculturelles, les commentaires bilingues favorisent une meilleure communication et collaboration, garantissant que les membres de l'équipe peuvent comprendre avec précision la fonctionnalité et la mise en œuvre du code.
Apprentissage pratique : pour les débutants, les commentaires bilingues offrent un environnement d'apprentissage plus convivial, les aidant à comprendre rapidement la logique et la structure du code.
Adapté aux développeurs : nous nous engageons à créer un environnement convivial pour les développeurs, et les commentaires bilingues sont une mesure cruciale que nous avons prise pour atteindre cet objectif.
Exemple:
/**
* 打开一个新的浏览器窗口
* 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 ) ;
}Grâce à ces commentaires bilingues, nous visons à offrir aux développeurs une expérience de codage plus agréable et plus efficace, faisant de Celeris Web un modèle d'interface vraiment facile à prendre en main et à utiliser.
1. Gestion plus facile des dépendances : Monorepo centralise la gestion des dépendances pour tous les projets, évitant les conflits de versions entre différents projets et rendant la gestion globale des dépendances plus claire et plus simple.
2. Partage de code et réutilisabilité : différents projets peuvent facilement partager et réutiliser du code, réduisant ainsi la charge de travail de développement redondant. Ceci est très bénéfique pour maintenir la cohérence du code et améliorer l’efficacité du développement.
3. Construction et déploiement unifiés : Monorepo simplifie l'ensemble du processus de développement grâce à un flux de travail de construction et de déploiement unifié, réduisant la complexité de la configuration et de la gestion et améliorant l'efficacité de la collaboration au sein de l'équipe de développement.
4. Contrôle de version unifié : avec tous les projets dans le même référentiel de contrôle de version, la gestion des versions devient plus cohérente et contrôlable. Cela aide l'équipe à mieux suivre et gérer les problèmes liés à la version. La conception Monorepo positionne Celeris Web non seulement comme modèle de système d'administration, mais également comme modèle Web frontal pour le développement rapide de produits C-end. Avec Celeris Web, le parcours de développement frontend devient encore plus détendu et agréable !
Sur le marché, la plupart des modèles frontend répondent principalement aux besoins des utilisateurs B-end, en fournissant des fonctionnalités puissantes et des interfaces flexibles pour les systèmes de gestion d'entreprise (Admin). Cependant, peu de modèles prennent en compte les caractéristiques des produits C-end dans leur conception, et c'est là que Celeris Web innove.
Briser les limites de la gestion administrative :
Les systèmes de gestion d'administration traditionnels donnent la priorité à l'affichage des données et à la gestion commerciale, tandis que les produits C-end mettent l'accent sur l'expérience utilisateur et l'attrait visuel. Reconnaissant les exigences des utilisateurs C-end en matière d'interfaces esthétiques et d'interactions fluides, Celeris Web offre non seulement des fonctionnalités de gestion back-end robustes, mais se concentre également sur l'élévation de l'interface front-end à un niveau plus élevé de satisfaction des utilisateurs.
Se concentrer sur l'expérience utilisateur C-End :
Celeris Web n'est pas seulement un modèle pour les systèmes d'administration ; il s'agit d'un modèle Web frontal qui donne la priorité à l'expérience utilisateur pour les produits C-end. Notre objectif est de nous libérer des contraintes des systèmes d'administration traditionnels en introduisant des principes de conception innovants, garantissant que les produits C-end présentés sur le frontend offrent une expérience utilisateur exceptionnelle.
Caractéristiques mises en évidence :
Avec cette philosophie de conception unique, Celeris Web s'efforce d'explorer de nouvelles possibilités en matière de développement front-end, en injectant plus de vitalité et de créativité dans les produits C-end. Nous pensons qu'une telle innovation bénéficiera d'une large reconnaissance des utilisateurs et contribuera à une plus grande valeur du produit. Dans le monde de Celeris Web, le développement frontend transcende les limites des systèmes d'administration, incorporant des éléments plus intéressants liés à l'expérience utilisateur.
Créez un dépôt à partir de ce modèle sur GitHub.
npx degit kirklin/celeris-web my-vite-app
cd my-vite-app
pnpm iExécutez simplement et visitez http://localhost:8888
pnpm run devPour créer l'application, exécutez
pnpm run build Et vous verrez le fichier généré dans dist prêt à être servi.
Accédez à Netlify et sélectionnez votre clone, OK en cours de route, et votre application sera active dans une minute.
Tout d’abord, créez l’image celeris-web en ouvrant le terminal dans le répertoire racine du projet.
docker buildx build . -t celeris-web:latest Exécutez l'image et spécifiez le mappage de port avec l'indicateur -p .
docker run --rm -it -p 8080:80 celeris-web:latest
