20150415--前端登录+商品详情-01

image

目录

一、完成前台首页 1

1、布局首页 1

2、在home模块下面,index控制器中添加取出导航栏(顶级栏目)数据的方法, 2

3、在首页中取出栏目的具体的数据 3

二、栏目页面的布局 5

三、前台的会员注册和登录 7

1、完成注册功能: 8

2、完成用户的登录 10

3、保存用户的信息到cookie里面,下次访问直接处于登录状态。 13

四、完成商品的详情页面 13

五、完成一个面包屑导航 15

一、完成前台首页

1、布局首页

(1)在home模块下面新建一个index的控制器,用于布局网站首页,栏目页面,商品的详情页面,并添加index 方法,并拷贝对应的静态页面,完成首页的布局

(2)把头部内容移动到一个新的文件中header.html文件,让其他的模板页面都引入该头部文件。

wps2691.tmp

(3)在需要引入头部文件的地方使用如下标签引入头部文件:

wps26A1.tmp

2、在home模块下面,index控制器中添加取出导航栏(顶级栏目)数据的方法,

wps26B2.tmp

wps26C4.tmp

开始遍历到header.html模板中

wps26D3.tmp

3、在首页中取出栏目的具体的数据

wps26E5.tmp

(1)新建一个方法用于取出栏目数据

wps2706.tmp

(2)在index方法中调用取出栏目数据的方法,并完成模板页面的遍历

wps2715.tmp

wps2725.tmp

4、在首页中取出精品热卖新品

wps2736.tmp

(1)在当前控制器中 定义一个函数,用于取出精品和热卖和新品的商品

wps2747.tmp

(2)在index调用并完成模板页面的遍历

wps2757.tmp

wps2768.tmp

二、栏目页面的布局

1、在index控制器下面添加一个category方法,并拷贝对应的模板页面

wps2788.tmp

2、在goods模型中定义一个函数,用于根据cat_id取出数据

wps2799.tmp

3、在控制器中取出商品的数据,并在对应的模板页面进行遍历

wps27B9.tmp

wps27CA.tmp

4、为了访问前台首页和后台首页方便,要建立两个入口文件,一个指向后台一个指向前台。

wps27DA.tmp

wps27FA.tmp

原文地址:https://www.cnblogs.com/lifushan/p/5472165.html