后端目录结构与前端目录结构是分开放的吗
发布网友
发布时间:2022-04-29 16:14
我来回答
共1个回答
热心网友
时间:2022-04-20 10:44
人生第一次做规划项目,以前都是跟着前端的老大,他把一切都规划好了,我跟着做就可以了,这次要自己规划前端目录结构,好紧张,参考了众多文章,结果还是看不太懂,百度前端工具框架–fis,没怎么看得懂,所以没用,还是自己好好想把,我还是主要参考了,我上次做项目时,那个项目负责人是怎么规划项目的。
二、前端结构
1、首先我想到需要的功能就是,把js、css、UI组件、库文件、grunt,等这些工具分开摆放。
2、在不考虑html文件的位置情况下,在任何地方都可以调用到js文件、css文件、UI组件、库文件。
3、存放压缩文件的地方。还有一个存放所有完整库文件、完整UI文件的地方
(1)src为主文件目录。
(2)bower_components为所有库文件、UI组件原文件的存放目录。
(3)dep为删减过后的所有库文件、UI组件的存放地址
(4)grunt放置grunt需要的插件,以及配置。
(5)js、css文件用来存放所有的编写的js文件、css文件。
(6)src_css、src_js为压缩过后的js文件,以及压缩过后的css文件。
(7)README.md文件为前端项目说明。
三、这么分类的考虑原因
1、扩展型,不管以后需要添加什么效果,我只需要在js、css目录中添加相应的文件就可以了,命名方式我也想好了,可以用html页面的名字作为前缀,然后在加上相应功能的名字,这样就可以很好的形成命名空间。
2、复用性,我为什么没有考虑html页面的位置,因为还要和后端程序员合作,他肯定对页面会有一定修改,这一部分我就不太管他怎么修改了,我只需保证好html页面的制作,以及js文件,css文件的引入,我用src做为所有的主目录就是考虑到和后台合作的原因,所有js、css、库文件都是单独的,不会有跟后端有任何交际,删除掉也是可以的,后期修改也比较方便。