ThinkPHP怎样引用模板.docx

ThinkPHP怎样引用模板.docx

《ThinkPHP怎样引用模板.docx》由会员分享，可在线阅读，更多相关《ThinkPHP怎样引用模板.docx（11页珍藏版）》请在冰点文库上搜索。

ThinkPHP怎样引用模板

ThinkPHP如何引用模板

1、

比如套用下面的模板，

打开后是这样的：

2、因为现在是套用后台模板所以把这些html文件放在Admin->Viem->Temp中，同时在Admin->Controller下创建TempController.class.php文件并且把css、editor、images、js、src文件夹剪切到入口文件同级的Public->Admin中：

3、从这里127.0.0.1/index.php/Admin/Temp/?

?

.html打开时会发现会出现错乱这是因为js、css、image路径变了，所以要对html文件修改js、css、image路径值

如:

css/修改成__PUBLIC__/Admin/css/

js/修改成__PUBLIC__/Admin/js/

images/g修改成__PUBLIC__/Admin/images/

还有背景图片地址也要修改如下：

background:

url（images/topbg.gif）修改成

background:

url（__PUBLIC__/Admin/images/topbg.gif）

及url（images/url（__PUBLIC__/Admin/images/

4、进行页面调试及把Temp中的一些html文件应用到项目中去

从127.0.0.1/index.php/Admin/Temp/主页面.html打开查看各个页面进行分配到127.0.0.1/index.php/Admin/Index/然后再对这些html文件进行适当修改如文件名等

1建好项目后台②从各个表中去数据进行分配

5、后台首页面搭建完之后然后

5.1商品类别列表：

展现商品类别、添加商品类别，以及添加商品类别子类等。

6、商品列表：

展现商品、添加商品商品的名称以及sku信息（这个是重难点）和应用ueditor。

Ueditor套用：

1，Public下的ueditor

2，Public下Admin下js下的ueditor.admin.config.js文件。

3，在需要ueditor的页面引用这四个js

$（function（）{

ueditorConfigForAdmin（'__PUBLIC__/ueditor/',1000,450,'content',''）;

}）

上面的第二个文件中的函数中的最后一个参数//content指的是id=’content’如：

当应用ueditor填写的内容进行提交后表单获取不到可能是因为html不规范造成的把form表单放到一个规范的div、元素里面见视频0821课程①11分钟左右

4.添加商品的sku信息时项目是重难点

4.1添加商品信息时要在某个商品类别下添加所以添加商品时是可以选择在哪个商品类别下添加因此就得再次取出从商品类别表中商品类别然后进行分配到添加商品的页面是一个select下拉框选择商品类别因为商品类别中也有从属关系所以要对这些商品类别进行缩进但是select下option、中的padding没有效果所以就要在字中添加空格

4.2要在添加页面展现出添加商品sku信息的类如下图：

所以就要写js代码

5．处理商品的sku信息

在该页面提交了之后是这样的如图：

要把上图中的红色区域中的sku信息处理成下面这样：

所以就要先把红色区域总的部分取出来然后对其操作

下图是取出红色区域赋值给一个数组$sku

下图是对红色区域中的内容进行整理：

整理之后存到数组$list中去

处理之后的$list如下图所示：

6.（参考视频0821jane商城ueditor使用）在添加商品时ueditor里面上传的图片会失败要改一些东西：

Public/ueditor/ueditor.all.js里面搜索serverUrl找到下面进行修改并且所做的项目应该作为服务器根目录否则添加图片也会失败

PublicController.class.php新建方法然后参照ueditor进行配置如下图部分所示：

第二部分：

前台页面处理

1，和后台一样先分配好页面（修改引入的jscssimage路径什么的）

2.从数据库取值并处理进行分配（前台首页面参照Home模块下Index控制器以及index页面）

3.index页面弄好之后接下来就是商品详情页面了就是当点击一个商品时进入该商品的detail页面

参考Home模块下Product控制器中的代码及解释和detail页面中的代码分配

3.1分配完之后就是要处理当点击选择颜色时出现对应的尺码（应用了ajax异步处理）

通过看detail.html页面上面引入的js文件可以大概了解每个js都是实现什么功能

3.2选择颜色尺码后再填入购买数量后商品总价会自动更新（参考sizeAndprice.js）

这里会遇到一个问题当选择完颜色出现对应的尺码后但当再选择尺码时尺码选择失败这是因为jquery中live和click、bind的区别（参考Public/Home/scripts/sizeAndprice.js）

3.3放入购物车当点击放入购物车时出现弹框显示所购买商品的名称、数量、价钱等（参考Public/Home/scripts/finish.js和jquery.simplemodal.js（其中jquery.simplemodal.js应该是弹框））