When developing a project, backend personnel may not have time to write an html page, and they need to cooperate with each other at this time. Front-end personnel development projects have their own project structure, while Spring Boot or back-end personnel also have their own project structure, which makes it impossible to directly use the static pages written.
After studying the project structure of Spring Boot, you can still use some methods to directly use the pages developed by front-end personnel.
Front-end personnel operation process
1. Download WAMP, or XAMPP, or other web server integration software. XAMPP is a cross-platform integrated software, and WAMP can only be used on Windows.
Note: Setting the web server to prohibit cache, otherwise it will be difficult to debug
2. Front-end directory structure. Although other directory structures can be used, try to use this directory structure and the department is unified.
Notice:
When introducing styles, js, css, and img, try to use absolute paths instead of relative paths.
3. Configure the IDE of JetBrains and configure the deployment environment
4. There are many servers to choose from. Local is the local server, and the rest can be understood based on the literal meaning.
5. The next thing is the configuration path
Configure the location to be uploaded or downloaded to the server, the root address of the server.
Configuration
Configure the mapping of local folders to server folders.
6. After you can perform the above steps, you can modify the added server type and upload the file to the backend computer. Generally, it will be uploaded to the /template/ and /static/ folders of the backend, and organize the project structure according to your personal preferences.
Summarize
The above is the Spring Boot and front-end coordination and Idea configuration deployment operation process introduced to you by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!