2018年的春节假期,受朋友的鼓励和内心的指引,对近两年所学到的知识进行了系统的沉淀和总结。
从多个项目中提取关键点、抛弃了的业务部分,对底层的功能进行了各类优化和抽象,写成本项目。
Versión actual laravel_template_with_vue (3)
- Modificar el directorio de backend a API
- Modifique el directorio del lado de gestión al elemento (la interfaz de usuario usa elemento)
- Agregue el directorio de gestión Antd (la interfaz de usuario usa Antd)
- Agregue el directorio de miniprograma UNI-APP (UI usa Uview)
- Agregar directorio de cuenta oficial independiente Vant (la interfaz de usuario de una sola página usa Vant)
1. Actualice el marco de Larave a la versión LTS Laravel6
2. Actualice el complemento de pasaporte a la última versión
3. Mejorar la gestión de RBAC
4. Agregar función de código de verificación, función de envío de SMS y funciones de inicio de sesión de terceros
- Front-end Element UI se ha actualizado a la versión 2.15.6, consulte el desarrollo
- Mejorar la operación de gestión de RBAC
- Agregar gestión de contenido simple (artículo, tipo de artículo, imágenes de carrusel, usado en mini programas y cuentas oficiales, etc.)
- Configurar y mejorar las funciones de WebSocket para realizar la sala de chat, el servicio al cliente y otras funciones
- Agregue varias información de configuración en WeChat, etc.
Estructura de directorio completa y funciones de desarrollo de mini programas, conectarse directamente a la interfaz de backend
Inicie sesión, obtenga el nombre de usuario y el número de teléfono móvil en el programa mini
项目依托laravel6与vue.js,采用了主流的前后端分离方式来构建,作为程序的起点,你可以在此基础上进行自身业务的扩展。
后端(api目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API,在此基础上集成excel文件的操作和完善的RBAC管理等基础功能,使用者只需专注于业务api的开发即可。后端整合了laravel-echo-server,实现了websocket。并实现消息的实时推送、为聊天室、客服等功能提供了API,是全网最好的laravel-echo-server教程。
前端(element目录)负责页面的显示和前端用户权限的控制。项目引入了element UI框架,并已经对用户登录认证、路由、权限等基础功能进行了处理。前端用户的权限不但可以控制系统的导航菜单,而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
小程序(uni-app目录)主要用户小程序开发,集成了uview,实现了用户的登陆授权和获取手机号等功能,在此基础上,使用时只需要关心业务页面的开发即可以。
本项目使用广泛,已经在本人的多个项目中商用。
El usuario administrador en el sistema es un super administrador. Para facilitar la demostración y para que todos los usen, la versión publicada ha bloqueado la modificación de la información del usuario administrador. En el desarrollo real, los usuarios solo necesitan ir a la página frontal correspondiente para eliminar las declaraciones modificadas bloqueadas.
Para usar WebSocket y otras funciones, los usuarios deben modificar las configuraciones delantera, posterior y posterior al mismo tiempo y habilitar WebSocket
Para demostrar funciones como la sala de chat y el servicio al cliente, los usuarios primero pueden crear múltiples usuarios después de ingresar al sistema e iniciar sesión al mismo tiempo con diferentes navegadores para demostrar funciones relacionadas.
(Elemento de gestión UI) Sitio web de demostración (https://element.wmhello.cn)
Nombre de usuario y contraseña de administrador (administrador/123456)
Panel administrador
https://www.bilibili.com/video/bv1qi4y197jf?spm_id_from=333.999.0.0
Si necesita comprar el video de aprendizaje correspondiente, puede visitar mi tienda (https://yzkjit.taobao.com)
Si necesita orientación técnica y soporte, puede agregarme a WeChat (XPYZWM)
Video de aprendizaje: https://v.qq.com/x/page/i3059zqgj4y.html
https://v.qq.com/x/page/m3059l9bitb.html
Video de aprendizaje: https://url.cn/5d4wwgl?sf=uri
Video de aprendizaje: https://v.qq.com/x/page/t3059mfpgkg.html
1 construcción de software y diseño de mesa
2. Escribir tablas de migración
3. Generación de datos simulados
4. API de la lista de escritura
5 Agregar y modificar la escritura de API
6 Eliminar escritura y optimización de API
7 importación y exportación de datos
8 importaciones personalizadas
9 El proceso de escritura y la visualización de la API de fondo
Instalación del complemento de 10 pasaporte
11 Genere e inicie sesión tokens con pasaporte
12 actualización de tokens
13 Gestión de permisos de RBAC: el establecimiento de tablas de datos
14 Gestión de permisos de RBAC - Escritura de lógica
15 escritura de middleware
16 Empaque la plantilla de controlador reutilizable
17 redacción de controladores de plantillas (agregando, modificando y eliminando funciones)
18 redacción de controladores de plantillas (importación y exportación de datos)
19 Uso y análisis del controlador de plantilla
20 Línea de comandos personalizados: aplicación de mando
21 Un buen ayudante para el desacoplamiento del sistema de eventos de código
22 de transmisión y mensajes de presentación y configuración
23 La aplicación práctica de transmisión y empuje de mensajes
24 Uso de Laravel-eco-server para implementar funciones de la sala de empuje y chat de mensajes
25 Integración de la función de envío de SMS en Laravel
26 Integración de funciones de envío de correo en Laravel
Si encuentra dificultades en el proceso de aprendizaje y desarrollo de la programación de computadoras, necesita orientación técnica y orientación de desarrollo relacionado. Puede contactarme y proporcionaré soporte técnico y tutoría pagados (50 yuanes/hora-100 yuanes/hora). El contenido de tutoría incluye, entre otras, el siguiente modo de programación (front-end, back-end, PHP, NodeJS, Base de datos, JavaScript y PHP, cuenta oficial, Mini Programa, Vue.js, Uni-App, etc.).
1. Nombre de usuario/contraseña del final del sistema de examen en línea Fin (Admin/123456) Nombre de usuario/contraseña del sistema de examen en línea Nombre de usuario/contraseña del sistema de examen en línea (Test/123456)
2. Nombre de usuario/contraseña del sistema de gestión de inventario de productos (Admin/123456)
3. Nombre de usuario/contraseña del Sistema de Gestión de Evaluación Democrática (Admin/123456)
4. Plantilla del sistema de gestión de información escolar
5. Otros casos
Bienvenido a mi blog, centrándose principalmente en el blog de aplicaciones de Laravel y Vue.js
Si tiene alguna pregunta durante la implementación y el uso, puede ir al grupo de intercambio de proyectos para discutir: WeChat (XPYZWM) o seguir la cuenta oficial (Computer_Life) para aprender conocimientos básicos relacionados.
Si mis esfuerzos pueden ayudarlo, me complace aceptar su ayuda. La pequeña apreciación es la fuerza impulsora para mi progreso continuo.
Solo parados por encima del gigante podemos ir más allá. Los siguientes métodos de implementación del marco de código abierto se utilizan y toman prestados en el proyecto.
- laravado
- Trabajador
- Complemento de backend Excel
- vue.js
- enrutador de vue
- vuex
- UI de elemento final de gestión
- Arquitectura frontal vueadmin
- Mini programa UI UVIEW
- Cuenta oficial de WeChat ui vant
MIT