vue DBM

¡Aviso! Este proyecto ha sido refactorizado. La versión actual es 2.0. Para versiones anteriores, consulte la versión para descargar la versión 1.0.

ilustrar

DBM es un sistema de gestión de fuentes de datos que incluye dos módulos: gestión de fuentes de datos y autorización abierta. La gestión de fuentes de datos se refiere a funciones como la importación con un solo clic, el filtrado bajo demanda y la exportación designada de datos relacionales. propietario abriendo datos a los usuarios agregar, eliminar, modificar, verificar y otros permisos de operación. La implementación o el uso de este sistema puede incorporar la función de persistencia de datos a su proyecto front-end, en lugar de la simulación de datos.

El front-end de DBM es una aplicación SPA creada utilizando el andamio vue-cli. Se basa principalmente en DBM. Para que la separación del front-end y el back-end sea más completa, el front-end utilizará Mockjs. simule la respuesta de acuerdo con el protocolo de interfaz acordado con el back-end durante el desarrollo y complete la interfaz en el back-end. Después de escribir, use diferentes comandos de inicio para transferir la interfaz de back-end para completar la prueba de todo el sistema.

Si también desea utilizar vue.js combinado con lenguajes back-end (nodejs, java, etc.) para desarrollar una aplicación completa con front-end y back-end, puede consultar la implementación del proyecto front-end DBM. poder ayudarte a resolver los siguientes problemas

• ¿Cómo mejorar la reutilización de los componentes?
• ¿Cómo utilizar múltiples módulos en la gestión estatal?
• ¿Cómo implementar el procesamiento de permisos a nivel de página y a nivel de elemento?
• ¿Cómo interceptar solicitudes HTTP y simular una interfaz de usuario basada en respuestas utilizando Mockjs?
• ¿Cómo utilizar la función de renderizado para personalizar componentes comerciales con marcos como element-ui?
• Cómo implementar empaques multiambiente, mejorar la eficiencia del empaque y reducir el volumen del empaque, etc.

Dado que este proyecto se realiza en tiempo libre, el ciclo de desarrollo es largo y aún es necesario mejorar la limpieza del código. Continuaré modificándolo hasta que esté satisfecho. Si encuentra problemas, indíquelos directamente en Problemas. o si tiene alguna pregunta sobre la implementación del módulo Mejores soluciones, bienvenido PR.

Preparación antes del desarrollo.

Su entorno local debe contener nodejs y git si usa git clone. Este proyecto utiliza principalmente vue, vuex, vue-router, element-ui, axios, Mock.js y otras pilas de tecnología. Si está familiarizado con estas tecnologías, podrá dominar mejor este proyecto.

Durante el desarrollo del proyecto, tomé algunas notas específicas. Se recomienda leerlas primero antes de comprender el código fuente de este proyecto.

• Descripción general de la estructura del proyecto
• Diseño principal del sistema.
• enrutamiento
• Gestión de estado
• Gestión de permisos
• Controlar la encapsulación y el uso.
• asociarse con otros
• Simulación de datos
• Optimización del packaging y experiencia de usuario.

función objetivo

• Página de inicio de sesión
• Panel
• Página de gestión de tablas de datos
• Página de gestión de base de datos
• Página de autorización de apertura de datos

Desarrollo y lanzamiento

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

Registro de cambios

Haga clic aquí para ver el registro de actualización.

Manifestación

Haga clic en mí para ver la demostración

Expresiones de gratitud

La arquitectura de este proyecto se refiere a la implementación de vue-element-admin . El componente de la tabla se ha personalizado y modificado según vue-easytable . Me gustaría agradecer a los dos autores del proyecto, PanJiaChen y Huangshuwei.

Licencia

MIT

Copyright (c) 2018-calebman