Article directory
The structure of HTML Web projects is usually designed based on the MVC (Model-View-Controller) pattern. Here is the general project structure:
- index.html: The entry file of the project, usually including the home page of the website and the imported CSS and JavaScript files.
- css/: store CSS files.
- js/: store JavaScript files.
- img/: store images and other media files.
- lib/: store third-party libraries and framework files.
- model/: store the code related to the data model.
- view/: store view-related code.
- controller/: stores controller-related codes.
These folders usually have their own subfolders to organize the code. For example, the js/ folder may have a subfolder called "utils/" for common utility functions. The lib/ folder may have a subfolder named "jquery/" for the files of the jQuery library.
Overall, the structure of an HTML web project should be organized, easy to maintain and extend.
need to be resolved
npm package installation
axios
Install
npm install axios
http-serve
Install (Global install -g is recommended)
npm install http-server
Standard root run
http-server
my project runs
http-server -o ./StudentLoginPage.html
debug
Axios is an asynchronous request. It needs to be interrupted at the response, and then executed step by step. After skipping several methods, it will continue to execute downwards
next stage of development
Note on how the test runs
clear disk cache
If (disk cache) is displayed in the 200 of the request status, you can consider using the following ways to clear the disk cache
problem solved
Image loading
requires a backslash
<img src="/img/navigation/icon015.png" alt="考生头像" class="header-avatar"/>