当前位置: 主页 > 前端开发

web前端文件目录结构-web前端开发用什么软件

发布时间:2023-03-12 12:57   浏览次数:次   作者:佚名

今天在使用bootstrap搭建前台模板的时候还像过去文件引用方式引用bootstrap的css和js文件发现都没有用。

静态资源目录结构如下:

web前端开发用什么软件_web前端文件目录结构_web前端开发电商网站前端架构

代码如下:

web前端开发电商网站前端架构_web前端文件目录结构_web前端开发用什么软件


    
    BRACKETS 入门
    
    
    

经过网上一番查阅之后看到,暂时仍旧没有找到原因。(找到原因会写出来),后来我果断摒弃了这种做法。选用webjar来管理前台资源文件,因为通过手工进行管理web前端文件目录结构,容易导致文件混乱、版本不一致等问题。而WebJars是将这些通用的Web前端资源打包成Java的Jar包,然后借助Maven工具对其管理,保证这些web资源版本唯一性web前端文件目录结构,升级也比较容易。

web前端开发电商网站前端架构_web前端文件目录结构_web前端开发用什么软件

关于webjars资源,有一个专门的网站,我们可以到这个网站上找到自己需要的资源,在自己的工程中添加入maven依赖,即可直接使用这些资源了。

Pom.xml

web前端文件目录结构_web前端开发电商网站前端架构_web前端开发用什么软件

        

            org.webjars
            webjars-locator
            0.32-1

 
            org.webjars
            bootstrap
            3.3.7-1


            org.webjars
            jquery
            3.2.1

Html 页面引用资源文件

web前端开发电商网站前端架构_web前端文件目录结构_web前端开发用什么软件

原:


web前端文件目录结构_web前端开发用什么软件_web前端开发电商网站前端架构

现:


其他资源文件引用方式:cdn加速服务