Internship module Vue+java small full stack development (iii)

Internship module Vue+java small full stack development (iii)

--dx

Background

First of all, give yourself an answer: this blog I defined as (iii), because the previous two module page, the content is the same, but was changed several times the demand, has been dragged without uploading.

Today is the real meaning of the full stack development, with the current market is the latest frame front end is Vuejs, back end springboot family barrels, knowledge point is very full, and I just reluctantly to the front end knowledge, and then the development of this module, and this module development gave me a great surprise.

The whole stack is amazing.

Module Introduction: After clicking on the attendance, transfer to a page, complete the function of this page.

After the completion of the page: I divided the page into two parts (Head and Panel section, using the Vux plugin)

Experience and summary

1. Project Profile: Open two service ports at the first development, one 8081, one 8085, front 8085 ports back end Java8081 Port request data. Of course, the configuration file is encapsulated, I just need to take the encapsulated JS for configuration calls. This is a milestone in my development path, achieving a breakthrough of 1.

2.vux Plugin use: The last time to go to the file inside wrote a Swiper plug-in use, Carousel diagram. At that time when writing with the video feel plug-in good simple use Ah, today is a big somersault. Plug-in seems to see, just don't know how to use, groping for a half-day finally realized. The key point of a plugin is that the parent component passes data to the subassembly , which determines how much the plug-in is used. Just like this panel plugin

The official documentation gives four properties, three binding methods:

This is a less than the type of parameters, I used three properties, an event, a list of the loop to show and get more of these two functions, and finally feeling, must learn the original JS and Vue principle ah, look forward to writing components of the day.

3. Code formatting problems: This code formatting problem, said really is sad, last time I wrote to go to where the project, get a half-day, just put the format to fix, today's project, top 104 code format error write, fortunately finally asked the teacher to solve the problem of the format, Also learned how to configure the use of Eslint with NPM run lint This command, a fall into your wit.

The amount ... Seems to have no, backstage nothing to say (will be in the numbering of one, two of the module development to write their own sentiment), after all, wrote so long, Controller+service+repository+model, four classes will be done, there is only one API.

Well, share the end, as if only I can understand,.

Internship module Vue+java small full stack development (iii)