用户
 找回密码
 入住 CI 中国社区
搜索
查看: 5147|回复: 17
收起左侧

[讨论/交流] 美工发来的前台和后台文件应该放在什么目录下?

  [复制链接]
发表于 2011-10-13 12:37:35 | 显示全部楼层 |阅读模式
美工发过来的文件,如:
index.html    //这个文件里有个src是这样的相对路径:src="images/123.jpg"
images/123.jpg
css/css.css
js/jquery.js

index.html是放在视图文件里改为index.php?
123.jpg是放在ci_dir/images目录下?
(本来想直接放在视图文件里,但$this->load->view后指向的图片是在根目录下http://localhost/myci/images/123.jpg)

如果美工发来的前台和后台文件,都有上面的文件和目录
前台和后台的index.hmtl都有src="images/123.jpg"指向123.jpg这个图片,但前台和后台的123.jpg显示的图片是不相同的

这些文件到底应该放在哪里?
发表于 2011-10-13 13:11:15 | 显示全部楼层
image,css,js 放在根目录就行,模板放到view里面
发表于 2011-10-13 13:24:33 | 显示全部楼层
你自己改一下美工的路径就行了。没必要按着美工组织的方式来放图片文件。

一般在根目录下建一个styles的目录,目录里再建几个目录,如css images js 等。

浏览器访问这些资源的路径:http://localhost/myci/styles/css/xxx.css

记住一点:
如果请求都是发给index.php的,CI会把请求转给相应的控制器类。
否则就会按目录层级来找资源。

如果设置了urlrewrite,那就在写.htaccess文件时,需要把CSS JS等资源的目录,排除在外,要不然没办法区分,哪些请求是发给index.php的,哪些是直接来找CSS JS等资源的。
 楼主| 发表于 2011-10-13 13:55:32 | 显示全部楼层
本帖最后由 xixiheheh 于 2011-10-13 14:00 编辑

能不能这样:

index.html
images/123.jpg
css/css.css
js/jquery.js

这些文件不放在ci根目录下,全放到views视图里?
\www\myci\application\views\admin\index.html
\www\myci\application\views\admin\images\123.jpg
\www\myci\application\views\admin\css\css.css
\www\myci\application\views\admin\js\jquery.js

这样也可以避免了需要修改相对路径的问题
 楼主| 发表于 2011-10-13 14:07:00 | 显示全部楼层
本帖最后由 xixiheheh 于 2011-10-13 14:11 编辑

主要是觉得:
1、移动images、css、js到根目录,麻烦算不上,但index.html和目录images、css、js本来是一起的,要分开觉得有点不好
2、每个html文件,如index.html、contact.html等,里面的每个src='images/123.jpg'这样的相对路径,都要在前面加绝对路径,查找+替换可能会替换到不需要替换的部分,文件有很多的话可不是一般的麻烦
发表于 2011-10-13 19:53:23 | 显示全部楼层
这个我也老是弄不清
发表于 2011-10-13 20:52:18 | 显示全部楼层
放在mage,css,js 里面,就可以了
发表于 2011-10-14 12:01:29 | 显示全部楼层
我的做法是在根目录下面弄个public的文件夹,里面放css,image,js等共用代码,在view文件夹下面的模板文件使用相对路径:public/css/main.css,或者public/js/jquery.js,这样的话都是相对index.php下面的文件夹
 楼主| 发表于 2011-10-14 12:32:52 | 显示全部楼层
chennian 发表于 2011-10-14 12:01
我的做法是在根目录下面弄个public的文件夹,里面放css,image,js等共用代码,在view文件夹下面的模板文件使 ...

这样还是要拆分文件,还要修改里面的连接


单单拿index.html来说
1、要改变head部分的连接
<link href="css/index.css" rel="stylesheet" type="text/css" />
<SCRIPT  src="js/swfobject_source.js" type=text/javascript></SCRIPT>  
2、要改变body中的许多地方的
<a href="#"><img  src="images/1293611101.jpg"/></a>
var s1 = new SWFObject("flash/focusFlash_fp.swf", "mymovie1", "637", "315", "6", "#ffffff");
s1.addVariable("bigSrc", "images/banner01.jpg|images/banner01.jpg|images/banner01.jpg|images/banner01.jpg|images/banner01.jpg|images/banner01.jpg");
suspendcode12="<DIV id=\"lovexin12\" style='width=151px;height=490px;left:0pxOSITION:absolute;TOP:0px;text-align:right;'><p><img src=images/news.jpg></p><a  href=javascript:void(0); onclick=closeIt()><p>关闭</p></a></div>"


例如上面2里面的,不是简单的 查找 src=" 替换成 src="ci_dir/public/ 就行的,如果可以不拆分,就不用查找替换或正则替换什么的那么麻烦了
接触ci框架不多久,是想了解下可不可以不拆分?
 楼主| 发表于 2011-10-14 12:53:27 | 显示全部楼层
算咯,不纠结这个问题了,改吧,改改更健康

本版积分规则