celeris web
1.0.0
Celeris Web es un marco de desarrollo front-end gratuito y de código abierto que utiliza las últimas tecnologías, incluidas Vue 3, Vite y TypeScript. Su enfoque monorepo facilita la gestión de dependencias y la colaboración en múltiples proyectos, proporcionando a los desarrolladores una solución integral para crear aplicaciones web modernas.
Ya sea que sea un desarrollador experimentado o esté comenzando, Celeris Web ofrece un proceso de desarrollo front-end optimizado que aprovecha las últimas herramientas y técnicas.
Comience a utilizar celeris-web hoy y experimente un proceso de desarrollo front-end altamente optimizado que aprovecha el poder de las últimas tecnologías, incluidas capacidades de procesamiento de lenguaje natural de vanguardia.
gráfico TD
administrador{admin}
administrador --> admin-api
administrador --> activos
admin --> componentes ca
administrador --> componentes
administrador --> constantes
administrador --> directivas
administrador --> ganchos
administrador --> configuración regional
administrador --> solicitud
administrador --> estilos
administrador --> tipos
administrador --> utilidades
activos
componentes
componentes --> activos
componentes --> componentes-ca
componentes --> constantes
componentes --> estilos
componentes --> tipos
componentes --> utilidades
componentes de ca
componentes ca --> constantes
componentes ca --> utilidades
directivas
directivas --> utilidades
manos
ganchos --> tipos
lugar
configuración regional --> constantes
configuración regional --> tipos
configuración regional --> utilidades
pedido
solicitud --> constantes
solicitud --> configuración regional
solicitud --> tipos
solicitud --> utilidades
tipos
tipos --> constantes
utiles
utilidades --> tipos
API de administrador
admin-api --> constantes
API de administración --> tipos
Para actualizar el diagrama anterior, edite el archivo README y abra un nuevo PR con los cambios.
En el diseño de Celeris Web, enfatizamos la legibilidad y la facilidad de aprendizaje del código. Para lograr esto, cada función está equipada con comentarios bilingües en chino e inglés, lo que garantiza que los desarrolladores, independientemente de su idioma nativo, puedan comprender y aprender fácilmente del código.
¿Por qué elegir comentarios bilingües?
Colaboración global: en equipos multiculturales, los comentarios bilingües fomentan una mejor comunicación y colaboración, asegurando que los miembros del equipo puedan comprender con precisión la funcionalidad y la implementación del código.
Aprendizaje conveniente: para los principiantes, los comentarios bilingües brindan un entorno de aprendizaje más fácil de usar, ayudándolos a comprender rápidamente la lógica y la estructura del código.
Amigable para los desarrolladores: estamos comprometidos a crear un entorno amigable para los desarrolladores y los comentarios bilingües son una medida crucial que hemos tomado para lograr este objetivo.
Ejemplo:
/**
* 打开一个新的浏览器窗口
* 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 ) ;
}A través de estos comentarios bilingües, nuestro objetivo es brindar a los desarrolladores una experiencia de codificación más agradable y eficiente, haciendo de Celeris Web una plantilla de interfaz realmente fácil de aprender y explorar.
1. Gestión de dependencias más sencilla: Monorepo centraliza la gestión de dependencias para todos los proyectos, evitando conflictos de versiones entre diferentes proyectos y haciendo que la gestión general de dependencias sea más clara y sencilla.
2. Código compartido y reutilización: diferentes proyectos pueden compartir y reutilizar código fácilmente, lo que reduce la carga de trabajo del desarrollo redundante. Esto es muy beneficioso para mantener la coherencia del código y mejorar la eficiencia del desarrollo.
3. Construcción e implementación unificadas: Monorepo simplifica todo el proceso de desarrollo a través de un flujo de trabajo de construcción e implementación unificado, lo que reduce la complejidad de la configuración y la administración y mejora la eficiencia de la colaboración dentro del equipo de desarrollo.
4. Control de versiones unificado: con todos los proyectos en el mismo repositorio de control de versiones, la gestión de versiones se vuelve más consistente y controlable. Esto ayuda al equipo a rastrear y manejar mejor los problemas relacionados con las versiones. El diseño de Monorepo posiciona a Celeris Web no sólo como una plantilla de sistema de administración sino también como una plantilla web front-end para el rápido desarrollo de productos C-end. ¡Con Celeris Web, el viaje del desarrollo frontend se vuelve aún más relajado y agradable!
En el mercado, la mayoría de las plantillas de frontend satisfacen principalmente las necesidades de los usuarios finales B, proporcionando funciones potentes e interfaces flexibles para sistemas de gestión empresarial (Admin). Sin embargo, pocas plantillas consideran en su diseño las características de los productos C-end, y es aquí donde Celeris Web innova.
Rompiendo los límites de la gestión administrativa:
Los sistemas de gestión de administración tradicionales priorizan la visualización de datos y la gestión empresarial, mientras que los productos C-end enfatizan la experiencia del usuario y el atractivo visual. Al reconocer las demandas de los usuarios finales C de interfaces estéticamente agradables e interacciones fluidas, Celeris Web no solo ofrece sólidas funciones de administración de backend sino que también se enfoca en elevar la interfaz de frontend a un mayor nivel de satisfacción del usuario.
Centrándose en la experiencia del usuario final C:
Celeris Web no es sólo una plantilla para sistemas de administración; Es una plantilla web frontend que prioriza la experiencia del usuario para productos C-end. Nuestro objetivo es liberarnos de las limitaciones de los sistemas de administración tradicionales mediante la introducción de principios de diseño innovadores, garantizando que los productos C-end presentados en el frontend brinden una experiencia de usuario excepcional.
Características destacadas:
Con esta filosofía de diseño única, Celeris Web se esfuerza por explorar nuevas posibilidades en el desarrollo frontend, inyectando más vitalidad y creatividad en los productos C-end. Creemos que dicha innovación obtendrá un reconocimiento generalizado de los usuarios y contribuirá a un mayor valor del producto. En el mundo de Celeris Web, el desarrollo frontend trasciende los límites de los sistemas de administración e incorpora elementos más interesantes relacionados con la experiencia del usuario.
Cree un repositorio a partir de esta plantilla en GitHub.
npx degit kirklin/celeris-web my-vite-app
cd my-vite-app
pnpm iSimplemente ejecute y visite http://localhost:8888
pnpm run devPara construir la aplicación, ejecute
pnpm run build Y verá el archivo generado en dist listo para ser servido.
Vaya a Netlify y seleccione su clon, haga clic en OK y su aplicación estará activa en un minuto.
Primero, cree la imagen celeris-web abriendo la terminal en el directorio raíz del proyecto.
docker buildx build . -t celeris-web:latest Ejecute la imagen y especifique la asignación de puertos con el indicador -p .
docker run --rm -it -p 8080:80 celeris-web:latest
