Proyecto
Dirección del proyecto: HTTPS: //github.com/k-water/Co ...
aparte de otras cosas, poner en primer lugar el código, que es un estudio de proyecto de la práctica vue, que utiliza lo básico cuando se trata de Internet, y qué cubo de la familia vue ah, por supuesto, este es el primer intento, puede haber una gran cantidad de imperfecciones, exposiciones, complacer a punto como una estrella, por mencionar un tema o algo (cara divertida seria ~)
debido
Este proyecto es un proyecto personal, la función principal es la implementación de una versión web de la libreta de direcciones, funciones básicas
Las adiciones y supresiones para cambiar los contactos de búsqueda
grupo de contacto
Importación y exportación de información de contacto
Bueno. . . .
¿Por qué este proyecto lo generó?
De hecho, lo que quiere es una mano experta, ya que no existe una práctica experimentó un proyecto completo, junto con lo que aprenden, la práctica está sintiendo simplemente no aprender nada, porque en la práctica, se puede ver en el documento escalonada visto menos de una gran cantidad de la fosa (por supuesto, a veces tal vez su cortocircuito, lo que resulta en mal, cuac divertido)
por encima basa en la codificación de lo que comenzó este proyecto.
caracol
El proyecto duró un tiempo bastante largo, con sus propios dados de baja, probablemente más de dos meses, estoy avergonzado de decir ...
probablemente desde el comienzo de las vacaciones de invierno, a continuación, acaba de comenzar el aprendizaje de vue, vio unos días después de que el documento se inició con la escritura, experimentará una 从0到1的过程.
Por supuesto, después de hacer ahora siento que está muy bien.
La primera se comprometen
Diseño de página
basado en hacer un directorio, entonces la primera pregunta inicial de diseño de diseño de página, porque sé que sus capacidades estéticas y de diseño, por lo que espera en línea, y, finalmente, los contactos de Google imitan el diseño.
Hay un problema, cuando escribo una página, si usted no sabe cómo el diseño del color, que va a ser un dolor de cabeza, por lo que el primer paso es encontrar un imitador.
Entonces, es probable que a largo ... así (sé que quieres a Tucao)
Una breve historia de amargura
ah, entonces, comenzó a escribir un fondo no es compatible, front-end pura, y luego sus propios datos de prueba simulados, que actualmente está experimentando una gran cantidad de pozos en el proceso de la escritura, enredado desde hace mucho tiempo, pedir a los hermanos, finalmente se resolvió , pero que realmente ganas de reír y de llorar, él se quedó atrás para decir.
Durante las vacaciones de invierno, he terminado de escribir la lógica de negocio y la primera página de la prueba, después de la escuela, quiero "hacer algo", y que no tiene contacto con el extremo delantero del fondo no es tan cool, así que comenzó a escribir el fondo interfaz, he elegido JAVA.
Desde que era la parte delantera vue-cliproyecto de construcción, entonces no quiero mezclar primer plano y escritura, así que elegimos para separar la parte delantera y la parte trasera (no sé qué hacer no es, por favor equivocado conmigo correcta), se presentan los antecedentes interfaz, front-end para la representación de datos.
Google y se pregunta después de alto nivel, decidió servlethacer frente a la petición de la parte frontal, así que, aquí comenzó a aprender servlet, (casi aburrido). Después de escribir unos cuantos demo, me siento factible, es un movimiento en el proyecto.
Loris no es, antes de esto, hay un problema, el almacenamiento de datos de palabra ah hermano. Así que para utilizar la base de datos, he elegido MySQL.
Hey, empecé a aprender instrucción SQL.
Es seguido por pruebas de integración, varias pruebas, una variedad de orificio de llenado ....
estructura del proyecto
el frente
Por encima, parece que un montón de tonterías, hablar de la estructura de este proyecto, la tecnología se utiliza principalmente en la parte delantera del cubo de la familia vue
vista
vuex
vista-cli
vista de enrutador
vista de los recursos
elemento-ui
Que utilizó la página de conmutación router para lograr, en el router, documentos oficiales también se describen, por supuesto, pueden algunos aspectos no es muy clara, pero los problemas que se han mencionado edición en línea, stackoverflow Hay que corresponde preguntas y respuestas, no hay problema, aquí es una sencilla aplicación.
usos de gestión de datos vuex, ella no aprendió vuex cuando los datos son componentes independientes que se comunican a su hijo un poco difícil a veces quieran, pero en última instancia, a través de formas más complejas, quieren ver, se puede hacer retroceder en mi github por encima de cometer, y luego aprender vuex todavía se siente bang bang estrépito. vuex es una sola vía de flujo de datos, todos los datos están presentes en la tienda, no habla mucho aquí, y dicen bien, ja, ja, ja.
A continuación, la solicitud de datos es plugins vue-recursos, utilizan principalmente el GET y POST, la recomendación oficial del curso vue ahora es axios.
Interfaz de usuario que también se aplica hambre, de la biblioteca de componentes, guardar un montón de cosas, por supuesto, también se necesita energía para aprender, después de todo, escoria de la escoria de la comprensión de este marco no es lo suficientemente profunda.
La estructura de directorios es la siguiente Jiang Zi
Entonces no sé de qué hablar, ¿qué problemas son bienvenidos a comunicarse conmigo para explorar.email：[email protected]
entre bastidores
Hay aspectos del fondo con
JAVA
MySQL
servlet
MySQL se utiliza principalmente para almacenar datos, hay dos mesas, cuando diseñé un almacén de información de contacto de otros grupos de almacenamiento.
Servlet utiliza para solicitar la recepción principal, y el proceso vuelve datos relevantes, Tomcat hacen servicios de back-office.
Ah, el fondo no se habla demasiado, es también nuevo en el proyecto se estructura de la siguiente manera:
espectáculo
Aquí se puso frente a proyectos
https: //github.com/k-water/Co ...
Presencia en Internet: http://119.29.151.195/contacts/
su propia experiencia de ello, no voy a poner un plan.
Bueno, aquí para hablar de mis experiencias y proceso de reparación de errores.
Como se puede leer en.
la experiencia de errores
La práctica puede ser un error, esta frase es correcta.
En el comienzo, una nueva idea para vue, me siento muy bien, el enlace de datos muy convenientes de dos vías, la redacción es muy simple, en el amor con él.
Así, la primera fosa está a punto de enlace de datos bidireccionales. Esta es mi historia
De dos vías de enlace de datos
En el cuadro Agregar este componente de contacto, escribí una forma forma, y los datos de unión con v-modelo, todos los datos de un objeto que está this.formen el interior.
Entonces esta forma es global, digamos, agrego, modifico esta forma se debe utilizar cuando el interior de datos.
Al principio, yo era muy ingenuo, encontrar directamente los datos correspondientes, y luego asignarle a una variable temporal, similar al siguiente
this.tempObj = this.formA continuación, añadir, modificar, cuando hay un problema, ¿cuál es el problema?
Todos los datos han sido actualizados para ser los últimos datos modificados, aspecto en el momento ignorante de la fuerza.
Este punto de tirar de mí desde hace mucho tiempo no lo es, finalmente resuelto.
En primer lugar, esta asignación en el pasado, la frase código de arriba, solo que 对象citó, el MDN explicación pertinente, todavía sigue el original this.formno puede escapar, que es el único objeto que aquí 浅拷贝, además de los datos vue es la unión de dos vías por lo que, , usted lo sabe.
Modifica el tiempo, vue detecta un cambio en sus datos ( vue用的是Object.defineProperty()), se actualizará los datos correspondientes.
En ese momento, yo qui BANG puse a llorar, (es broma)
resolver realmente también alguna referencia al método anterior, ya que la asignación directa es una referencia que es una copia superficial, entonces usamos una copia profunda de su original que el objeto no tiene importancia en la línea y esto va a resolver los problemas de las actualizaciones de datos, de la siguiente manera:
Mezcle esto durante mucho tiempo, casi una semana y se dio cuenta de su JavaScript básico no es sólida, la solución definitiva es todavía muy feliz (a pesar de sí mismo).
================================================== ============
divertida línea divisoria
de errores encontrados en el proceso o encontrar muchos, aquí esbozado su propia profundamente impresionado, otros no tenemos detalles.
Donde todavía hay un carajo servidores de la historia, y es muy interesante, he aprendido mucho, al menos en el servidor y un entendimiento preliminar, está interesado puede encontrar que hable.
resumen
Terminar este proyecto, en el que el proceso fue bastante difícil, después de todo, aprender haciendo, pero al final para completar o muy feliz, por fin tiene un proceso del proyecto 0-1. Aunque sólo un proyecto de práctica de mano pequeña, pero por ahora me siento bien.
Espero poder seguir repostaje, espero que puedan dar una estrella.
Por último, gracias a este proceso ha sido entusiasta que me ayude a contestar una persona mayor, se me ha acosado ah, ja, ja, gracias!
Este es el hermano de Github , hardware muy rápido Oh.