码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-05-09 00:08:57      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

 

目录

一、完成前台首页 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文件,让其他的模板页面都引入该头部文件。

技术分享

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

技术分享

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

技术分享

技术分享

开始遍历到header.html模板中

技术分享

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

技术分享

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

技术分享

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

技术分享

技术分享

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

技术分享

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

技术分享

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

技术分享

技术分享

二、栏目页面的布局

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

技术分享

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

技术分享

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

技术分享

技术分享

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

技术分享

技术分享

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

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!