ps: 大家的注释说明都要用英文,这里用中文是为了方便大家理解,后期会统一修改为英文
-
在spring工程的src/main/resources下创建public目录
-
将本工程的所有文件放在public目录下
-
启动springboot工程,访问即可
-
Create a public directory in the src/main/resources directory of the spring project
-
Put all the files of the project in the public directory
-
Start the SpringBoot project and access it
- alpinejs.dev // Front-end framework
- tailwindcss.com // css framework
- heroicons.com // Icon Library
- tailwindui.com // Component Library
-
接口位置:src/main/resources/public/js/api.js
-
接口说明:接口返回的数据格式为json,其中code为状态码,data为返回的数据
-
接口的具体返回需要的数据,格式,统一在api.js中进行说明
-
index.html 是文档列表页面,文档列表页面需要调用接口获取文档列表数据
-
setting.html 是设置页面,设置页面需要调用接口获取设置数据,可以修改设置数据,点击保存,保存数据
-
tasks.html 是任务列表页面,任务列表页面需要调用接口获取任务列表数据,这里面有更详细的操作,过滤,翻页,单量、批量操作删除,刷新,暂停任务下载等功能
-
app.js 是mock的数据,先跑起来看看效果,看看需要的数据,后续改成专门的接口
-
settingApi.js 这个是真正setting页面可以连接后端的接口文件,记得换成自己的服务器地址和自己的接口
-
tasks.js 这个是真正tasks页面可以连接后端的接口文件,记得换成自己的服务器地址和自己的接口