1. 需求分析
2. 原型界面
3. UI设计
4. 前端编写代码
5. 核心架构处理(代码层面核心架构，服务器层面的架构、数据库的架构等)
6. 编写代码
7. 测试
8. 上线

项目分析

2.1、项目前台分析

2.2、项目后台分析

ecshop安装

3.1、ecshop的配置

①创建ecshop的web目录

②拷贝ecshop的源码

③创建虚拟主机

④修改hosts文件

3.2、安装ecshop

①重启Apache访问安装

②检查环境

③配置信息

④登录后台

3.3、解决报错问题

①修改includes目录下的cls_template.php文件

②修改cls_image.php文件

③修改lib_main.php

④清除缓存

商品分类管理

4.1、商品分类列表显示

①增加index方法获取数据并且渲染模板

②拷贝视图

③修改资源地址

④修改模板循环显示数据

4.2、分类的删除

①创建方法调用模型方法进行删除

②在模型中实现删除方法

4.3、分类的编辑

4.3.1、回显分类信息

①创建方法获取数据并且显示

②拷贝添加模板为编辑模板

③修改模板

4.3.2、实现提交修改

①修改edit方法处理提交

②修改getTree方法可以根据id标识获取子分类

③模型增加方法实现修改

4.4、分类使用模板继承

4.4.1、介绍模板继承

一个模板继承另外一个模板。在父模板中已有的HTML代码可以直接使用

4.4.2、使用模板继承

①定义父模板

②修改添加使用模板继承

③修改index使用模板继承

④修改编辑模板使用模板继承

商品管理

5.1、商品数据表创建

CREATE TABLE `shop_goods` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`goods_name` varchar(255) NOT NULL DEFAULT ” COMMENT ‘商品名称’,

`goods_sn` varchar(255) NOT NULL DEFAULT ” COMMENT ‘货号’,

`market_price` decimal(10,2) NOT NULL DEFAULT ‘0.00’ COMMENT ‘市场价格’,

`shop_price` decimal(10,2) NOT NULL DEFAULT ‘0.00’ COMMENT ‘本店售价 单位元’,

`goods_number` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘商品数量’,

`cate_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘商品的分类ID 关联category表中id字段’,

`goods_img` varchar(255) NOT NULL DEFAULT ” COMMENT ‘商品图片’,

`goods_thumb` varchar(255) NOT NULL DEFAULT ” COMMENT ‘缩略图’,

`goods_body` text,

`addtime` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘添加时间’,

`is_del` tinyint(4) NOT NULL DEFAULT ‘1’ COMMENT ‘是否删除 1代表正常 0代表已经删除’,

`is_hot` tinyint(4) NOT NULL DEFAULT ‘0’ COMMENT ‘是否热卖 1是 0否’,

`is_new` tinyint(4) NOT NULL DEFAULT ‘0’ COMMENT ‘是否新品 1是0否’,

`is_rec` tinyint(4) NOT NULL DEFAULT ‘0’ COMMENT ‘是否推荐 1是0否’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

5.2、实现商品的基本入库

5.2.1、显示添加的界面

①创建控制器方法显示添加的模板

②拷贝商品添加模板

③修改模板使用模板继承

④处理模板显示商品分类

5.2.2、实现入库

①修改方法处理数据提交入库

②创建模型类

③添加字段定义

④创建验证规则

⑤增加添加数据的前置钩子函数

⑥修改钩子函数增加价格判断

5.3、使用ueditor实现商品详情

5.3.1、项目中使用ueditor

①拷贝源码

②在添加模板中引入编辑器的js文件

5.3.2、实现选项卡效果

①修改选项卡标签

②修改商品详情使用选项卡

③修改父模板引入jQuery

④实现切换效果

5.3.3、查看ueditor文件上传的流程(了解)

①抓包查找文件上传地址

②查看controller.php

③查看action_upload.php

④查看upload类

对于上图的upFile及实现了文件上传的功能，关于需要修改上传逻辑的可以在下图中代码实现

5.3、实现图片上传

5.3.1、TP中的文件上传功能

①查看文件上传的配置信息

②查看文件上传的方法

5.3.2、具体实现文件上传

①创建测试方法显示上传表单

②处理上传的表单

③实现文件上传

④查看效果

⑤手动创建上传的根目录

⑤再次查看效果

5.3.3、在项目中使用文件上传

①修改添加的前置钩子函数实现文件上传

②查看结果

③修改前置钩子函数的文件上传

5.4、处理商品的缩略图

5.4.1、生成缩略图流程

1. 实例化Image对象
2. 使用对象打开图片
3. 指定方法对图片进行处理，并且将图片进行保存

5.4.2、生成商品的缩略图

①修改添加的前置钩子函数

针对文件上传成功之后在处理图片

②查看效果

1.1、查看layUI使用方式

①引入对应的js文件

②查看文件上传使用方式

1.2、项目中使用文件上传

①将资源文件拷贝到项目中

②引入layui的js文件

③修改文件上传的type类型

④对文件上传绑定切换事件

⑤创建upload方法

先抓包结果如下

⑥修改模板增加img显示上传结果

⑦修改js处理文件上传成功

⑧修改商品添加的HTML

⑨修改js

⑩修改添加的前置钩子函数删除文件上传代码

由于目前文件上传使用了异步的方式因此此处的代码多余

1.3、使用ajaxReturn返回结果

①查看ajaxReturn方法的使用方式

②修改upload方法使用ajaxReturn

商品列表

2.1、实现显示商品的列表

①在控制器中增加方法

②在模型中增加listData方法获取数据

③拷贝模板

④修改模板

2.2、实现分页显示商品列表

①修改listData方法

②修改模板

修改循环的变量

修改使用分页

2.3、获取分类名称

修改listData方法链表查询分类名称

2.4、商品搜索

2.4.1、显示搜索的分类

①index方法获取所有的分类信息

②修改模板显示分类

2.4.2、根据搜索的提交获取数据

根据条件对商品进行搜索本质就是表单提交。对于表单提交想要去获取到对应的条件的商品信息就需要去组装sql语句中的where条件

修改listData方法

2.5、对商品列表进行优化

2.5.1、实现方式

使用替换的方式将链表查询拆分成为两次sql查询（第一次查询后期可以使用高速内存缓存系统加速）

1. 先获取所有分类的信息
2. 根据页码获取到当前页的商品信息(单表查询)
3. 对商品信息进行循环根据分类的id使用第一次查询结果进行替换

2.5.2、具体代码操作

①修改index方法传递分类信息作为参数

②修改模型下的listData方法

2.6、缓存使用(重点)

2.6.1、缓存使用的原理

1. 当读取数据时。优先查询缓存系统(文件、内存)中的内容，如果读取到了数据直接使用。如果没有读取到在查询数据库获取数据，然后在将数据写入到缓存系统中
2. 当修改数据时，需要对缓存系统中的内容进行更新或者删除操作

2.6.2、TP中的S函数使用

2.6.3、在项目中使用S函数

①修改listData方法使用缓存

②查看效果

2.6.4、针对所有的分类的使用缓存

①修改getTree方法

②修改listData方法

③针对分类的添加对缓存进行更新

④分类到的修改更新缓存

⑤删除分类更新缓存

2.7、实现状态的点击切换

①修改商品列表的模板

②增加函数实现ajax

③创建方法处理请求

④修改模板中代码实现图片的切换

商品删除

①增加删除的连接地址

②增加方法进行删除

③修改模板

④修改Goods模型下的where条件

去掉了上下架的条件

⑤再次修改模板

商品回收站

4.1、商品回收站列表显示

①创建方法

②修改模型获取数据方法

③拷贝模板并且修改

在index模板基础上修改操作即可

4.2、商品的还原功能

①修改回收站商品列表

②修改dels方法

4.3、彻底删除

①修改模板对彻底删除增加连接地址

②添加方法实现删除

③实现模型下的删除方法

商品编辑

5.1、显示原始商品信息

①创建方法获取原始数据

②拷贝添加模板并且修改

5.2、实现修改入库

①修改编辑的方法处理表单提交

②增加方法实现修改

商品类型

6.1、商品类型介绍

商品归属于某一个分类。通过分类可以方便用户在前台界面中对商品进行筛选。当描述商品信息时，需要将商品的具体信息表述出。例如手机又cpu、内存、存储大小，衣服有颜色，尺码。对于要描述的内容可以称为属性。

为了描述出属性信息，可以在商品表中使用字段记录对应的信息。如果使用此方式会导致数据表特别庞大并且有很多字段时无用的。

因此可以将属性信息保存到一格单独的数据表中(每一条记录就是一个属性)。如果只有商品表跟属性表还不能完整的描述出商品信息

因此可以对属性做一个归类。归类及抽象一个类型出来。一个商品属于某一个类型就可以使用类型下对应的属性对商品进行描述

注意：类型只是在后台中使用，目的是为了方便管理属性

6.2、创建类型数据表

CREATE TABLE `shop_type` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`type_name` varchar(255) NOT NULL DEFAULT ” COMMENT ‘类型名称’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;

6.3、类型的添加与修改

①控制中实现根据添加与修改时显示模板

②模板中展示出数据

③创建自定义模型

④实现数据的入库

1.1、类型的列表显示

①增加方法

②修改模型增加listData方法

③处理模板

效果如下

1.2、类型的删除

①创建方法

②定义模型的dels方法实现删除

1.3、批量删除功能

①修改模板

效果如下

②实现全选

③实现反选

④点击删除触发ajax

⑤修改dels方法

⑥修改模型中的dels方法

⑦修改前台的js

属性管理

2.1、属性了解

属性作用是用于描述商品信息

2.1.1、单选属性

2.1.2、唯一属性

2.2、属性的录入方式

属性录入方式可以划分为两种。一种手工输入另外一种就是列表选择

关于属性的录入方式就是当描述商品时对应的内容，是使用选择框(列表选择)还是文本框(手工输入)

对于属性内容是属于固定的某几个可以使用列表选择

对于属性的内容是不固定可以使用手工输入

2.3、实现属性入库功能

2.3.1、创建属性的数据表

CREATE TABLE `shop_attribute` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`attr_name` varchar(255) NOT NULL DEFAULT ” COMMENT ‘属性名称’,

`type_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘属性的所属类型 对应shop_type表中的id字段’,

`attr_type` tinyint(4) NOT NULL DEFAULT ‘1’ COMMENT ‘属性本身的类型 1唯一属性 2、单选属性’,

`attr_input_type` tinyint(4) NOT NULL DEFAULT ‘1’ COMMENT ‘属性的录入方式 1手工输入 2列表选择’,

`attr_values` varchar(255) NOT NULL DEFAULT ” COMMENT ‘属性的默认值 多个值使用逗号隔开’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

2.3.2、显示属性的添加表单

①创建控制器方法显示模板

②创建模板

③修改默认值增加id属性

④使用js实现禁用与取消

2.3.3、实现添加的入库

①修改add方法

②创建模型编写自动验证

2.4、属性列表显示功能

①创建方法获取数据显示模板

②创建listData方法

③处理模板显示

效果如下

2.5、属性的删除

①修改模板中的连接地址

②创建方法实现删除

③在模型下实现删除

2.6、属性编辑

2.6.1、显示原始数据

①创建方法获取原始数据

②处理模板

效果如下

2.6.2、实现入库修改

商品的属性关联

3.1、添加商品时显示类型

①增加商品属性选项卡

②增加商品属性选项卡对应的table

③修改商品添加获取类型

④修改模板循环显示类型

⑤修改商品表结构

⑥修改模型中自定义字段

效果如下

3.2、实现类型切换属性变化

①给select增加id属性

②绑定切换事件

③创建方法

④创建视图

3.3、实现单选属性的增加功能

由于单选属性是用于控制商品购买的。会提供多个值由用户进行选择。因此在数据录入时对于有单选属性的需要设置为可以提交多个内容

①修改模板

②编写js代码

效果如下

3.4、商品添加属性值入库功能

3.4.1、创建商品属性表

CREATE TABLE `shop_goods_attr` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`goods_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘商品ID’,

`attr_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘属性ID 对应attribute表中的id字段’,

`attr_value` varchar(255) NOT NULL DEFAULT ” COMMENT ‘属性值’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

3.4.2、实现可以提交属性ID及值

考虑有多个属性值需要提交因此需要使用数组格式

①修改模板设置数组格式的name

②修改添加的提交方法查看结果

③再次修改name值格式

④再次查看结果

⑤再次修改name格式

⑥查看结果

3.4.3、实现入库

①查看添加后置钩子函数传输的结果

②添加后置钩子函数处理属性

结果查看数据表即可

3.5、商品修改属性入库修改

3.5.1、实现显示已有的属性信息

①修改编辑的方法获取已有的属性信息

②查看结果

③继续修改编辑方法获取已有的类型信息

④继续格式化所获取到的属性信息

④继续格式化数据

格式化效果如下

②模板显示数据

最终效果如下

3.5.2、实现属性的入库修改

总结商品属性之间的关系

权限概述

权限也就是用户是否能够访问后台某个页面。权限即控制器中的某一个方法。对于是否有权访问访问某个方法的操作经常使用的就是RBAC方式实现

RBAC方式控制权限

RBAC基于角色的权限控制系统。一个用户属于某一种角色。而角色对应拥有哪些权限信息。因此用户就拥有了角色所对应的权限信息

关于权限说明：权限信息即后台中所对应的控制器及方法。此信息需要保存到数据表中。当检查用户是否具备权限时，通过使用当前用户访问的控制器跟方法名称与已经拥有的权限进行对比即可。在赋予权限过程中。如果直接给用户赋予权限操作麻烦。可以使用角色赋予权限。用户归属角色。用户自动的就拥有了权限

1.3、RBAC具体要实现的功能

1、用户的管理功能(后台用户的增删改查)

2、角色的管理功能(增删改查)

3、权限信息的增删改查操作

4、给用户分配角色

5、给角色分配权限信息

6、针对后台中每一个方法进行判断是否拥有权限(根据当前用户访问的控制器方法跟当前用户归属的角色对应的权限信息进行比较)

7、根据权限信息生成后台首页的导航菜单

8、预留一个超级管理员用户

9、预留一个超级管理员角色

2、创建数据表

2.1、创建角色表

CREATE TABLE `shop_role` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`role_name` varchar(255) NOT NULL DEFAULT ” COMMENT ‘角色名称’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

2.2、创建用户角色中间表

CREATE TABLE `shop_admin_role` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`admin_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘后台用户id 关联admin表中的id字段’,

`role_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘角色ID 关联角色表中的ID字段’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=’用户角色中间表’;

2.3、创建权限表

CREATE TABLE `shop_rule` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`rule_name` varchar(255) NOT NULL DEFAULT ” COMMENT ‘权限名称’,

`module_name` varchar(255) NOT NULL DEFAULT ‘admin’ COMMENT ‘模块名称’,

`controller_name` varchar(255) NOT NULL DEFAULT ” COMMENT ‘控制器名称’,

`action_name` varchar(255) NOT NULL DEFAULT ” COMMENT ‘操作名称’,

`parent_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘上级权限id’,

`is_show` tinyint(4) NOT NULL DEFAULT ‘1’ COMMENT ‘是否导航菜单显示 1显示 0不显示’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=’权限表’;

2.4、创建角色权限中间表

CREATE TABLE `shop_role_rule` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`role_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘角色ID’,

`rule_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘权限ID’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=’角色权限中间表’;

3、角色管理功能

3.1、实现角色的添加

①创建控制器增加生成模型的方法

②创建方法处理角色添加

③创建自定义模型

④处理模板

效果如下

3.2、列表显示

①创建方法

②实现listData方法

③处理模板

效果如下

3.3、角色删除

①修改角色列表中参数名称

②创建方法实现删除

③修改模型增加dels方法

④再次修改控制器方法对超级管理进行过滤

3.4、编辑功能

①创建方法实现显示模板及数据提交

②创建模板

效果

用户管理功能

4.1、用户添加

4.1.1、实现添加的表单

①创建控制器方法显示模板

②创建模板

效果

4.1.2、实现数据的添加入库

①修改add方法处理表单提交

②创建模型下insert方法

结果如下

4.2、实现用户的列表显示

①创建方法获取数据

②实现模型下的listData方法

③处理模板

效果

4.3、实现用户的删除功能

①创建方法

②实现dels方法

④限制预留的超级管理不能删除

4.4、用户编辑功能

4.4.1、显示原始信息

①创建方法获取用户的信息

②模型下实现方法

调用此方法获取到的数据如下

③处理模板显示

最终效果如下

4.4.2、实现用户信息修改入库

①修改方法代码

②实现update方法进修改

具体效果数据变化即可

权限管理

5.1、权限添加

5.1.1、显示添加模板

①复制分类的控制器修改

②复制分类的模型并且修改

③复制视图

④修改添加控制器显示模板

⑤修改模型

⑥修改视图模板

5.1.2、实现添加数据提交

①修改添加处理表单提交

效果如下

5.2、权限列表显示

①修改index方法

②修改模板

5.3、权限删除功能

①修改dels方法

②修改模型下的dels方法

5.4、权限的编辑

①修改edit方法显示原始信息

②修改模板

效果如下

③修改edit方法处理表单提交

④修改模型下的update方法

⑤修改getTree方法

为角色赋予权限

6.1、显示权限信息

①修改角色列表增加权限分配的入口

②创建方法获取所有的权限信息

③拷贝模板

④修改模板显示数据

效果如下

6.2、实现权限信息的入库

①修改控制器方法处理表单提交

②创建模型方法

最终效果

6.3、实现显示权限时勾选状态

当进行分配权限时，显示所有权限信息，如果当前角色已经拥有此权限应该处于勾选状态

①修改分配权限显示

②增加模型方法

得到的结果

③再次修改模板对数据进行格式化

④修改模板

分析权限认证的实现

1. 当用户登录完成之后可以获取到用户信息
2. 根据用户ID获取对应的角色ID
3. 当角色ID为1表示为超级管理员角色 设置不进行任何权限认证，也需要获取所有的权限信息(由于导航菜单的显示)。当角色ID为其他时。先根据角色ID到角色权限中间表中找到角色对应的权限ID,在根据权限ID获取到详细权限信息
4. 根据当前用户请求的模块名、控制器名、方法名称与第3步获取到的权限结果集进行比较。为了比较方便 在第3步对获取到的权限信息格式化成为一个一维数组。然后在进行判断 是否在数组即可
5. 实现显示导航菜单。根据已有的权限信息将is_show为1的放入到一个数组中。模板中显示即可

实现权限认证

①修改公共控制器调用方法进行校验

②增加属性保存信息

③根据用户ID获取角色ID

④根据不同的角色获取权限信息

对于非超级管理员角色的权限信息如下

⑤对权限信息进行格式化

超级管理数据

非超级管理员

⑥根据当前访问的进行判断

处理后台首页没有权限

处理后台首页中的导航菜单

①修改后台首页控制器增加方法

②模板显示

非超级管理员

超级管理员

权限认证性能调优

由于权限认证处理是在公共控制器中的构造方法中实现。对于每一次访问方法都需要走权限认证。而权限认证涉及多次的数据库的查询操作。因此影响数据库性能。可以使用缓存解决问题

①修改代码

②处理超级管理员的权限

当超级管理员访问某一个方法 而方法在权限中没有对应的数据

使用缓存需要注意：一旦权限信息或者用户信息发送变更需要更新缓存

商品相册

添加商品相册

创建相册数据表

CREATE TABLE `shop_goods_img` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`goods_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘商品ID’,

`goods_img` varchar(255) NOT NULL DEFAULT ” COMMENT ‘相册原图’,

`goods_thumb` varchar(255) NOT NULL DEFAULT ” COMMENT ‘相册小图’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

商品添加显示相册

①增加相册选项卡

②增加选项卡标签对应的table

效果如下

③实现点击按钮增肌上传框

实现相册入库

测试相册入库直接写入商品信息

相册编辑

显示编辑商品的相册

①修改方法

②显示edit模板增加相册选项卡

增加选项卡

拷贝js

最终效果如下

实现编辑商品追加相册

实现编辑商品相册图片删除

①修改图片属性

②绑定图片的点击事件触发ajax

③创建方法处理删除图片请求

④ajax成功处理dom元素移除

前台页面显示

首页显示

①修改前台index控制器中的index方法

②拷贝前台模板文件

③拷贝资源文件

④替换资源地址

使用版本号(了解)

版本号可以控制资源文件的缓存更新

①在配置文件中增加配置

②在模板中使用

页头页尾的公用

①提取头部HTML代码

②在index模板中引入头部

③提取底部的HTML代码

④index模板引入底部的代码

显示商品列表页

①创建控制器方法显示模板

②拷贝模板文件

③修改模板

④解决头部导航菜单展开与收缩效果

先在index控制器下的index方法中赋予标识符

在模板中判断

商品详情页显示

①创建控制器方法加载模板

②拷贝模板

③处理模板资源地址

④模板公用

显示导航商品分类信息

①修改index方法获取数据

结果如下

②创建公共控制器构造方法获取数分类数据

③修改 其他控制器的继承关系

修改index控制器

修改category控制器

修改goods控制器

④显示第一层分类信息

⑤显示第二层菜单

⑥显示第三层导航菜单

显示首页中的推荐商品

①自定义模型创建方法可以获取推荐商品

②在控制器中获取推荐的商品

③修改配置项指定资源地址

④模板显示数据

用户注册

用户数据表创建

CREATE TABLE `shop_user` (

`id` int(11) NOT NULL,

`username` varchar(255) NOT NULL DEFAULT ” COMMENT ‘用户名’,

`password` char(32) NOT NULL DEFAULT ” COMMENT ‘密码’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

显示用户注册页

①创建方法加载模板

②拷贝模板文件

③修改模板提取头部

④修改注册模板

⑤修改footer.html模板

实现注册入库

①修改方法

②创建模型

显示用户登录界面

①创建方法加载模板

②拷贝登录模板

③修改模板

实现登录

①控制器调用模型方法实现登录

②创建模型方法登录

使用cookie加密

①拷贝加密解密函数

②创建测试方法使用加密解密

③针对登录使用加密解密函数

④修改测试方法查看结果

商品详情页数据展示

显示商品基本信息

①获取商品基本信息

②修改模板显示数据

③处理详情信息

④显示商品详情介绍

显示商品相册

①修改方法获取相册

②修改模板显示图片

第一张图片

其他图片

显示商品属性信息

①使用原生的sql语句获取商品属性信息

②在商品方法中获取属性

③将属性信息中唯一属性拆分出来

④修改模板显示唯一属性

⑤修改方法将单选属性拆分出来

⑥修改模板

购物车

3.1、购物车功能分析

3.1.1、功能分析

1、没有登录可以使用购物车功能。需要将数据保存到cookie或者session

2、登录之后也可以使用购物车。一般可以把购物车数据写入到数据库中。登录完成之后有数据转移操作

3、当相同(属性也是一致)的商品再次加入购物车数量增加

4、同一个商品属性不同在购物车显示也不一样（“货品”）

3.1.2、购物车数据保存位置

在没有登录时购物车数据保存在cookie中，登录之后数据保存在数据库中，在用户完成登录之后需要对cookie中数据转移到数据库下

3.1.3、购物车记录什么数据

1、需要记录商品的id标识 得到标识就可以获取到商品信息

2、需要记录用户需要购买的单选属性信息。要的是属性值的id

3、需要记录购买数量

3.1.4、购物中针对不同单选属性的记录方式

对于同一个商品，针对不同的单选属性组合对应的数据应该是多条

3.1.5、cookie存储如何存储

对于cookie中存储数据。对于cookie本身只能存储字符串。可以使用PHP中数组格式存储数据然后在序列化之后写入。具体cookie中数据的保存安装PHP数组格式

Array(

Array(‘goods_id’=>1,’goods_attr_id’=>’18,19’,’goods_count’=>2),

Array(‘goods_id’=>1,’goods_attr_id’=>’18,19’,’goods_count’=>2)

)

对于上述所写的格式是php中数组格式。当需要写入到cookie中是需要进行序列化操作

3.1.6、cookie数组中key怎么命名会方便

当加入商品到购物车时，如果用户没有登录需要操作cookie。操作是需要先判断当前相同商品相同属性的商品信息是否存在。如果使用上面所写的二维数组格式判断需要循环遍历进行比较。可以将购物车中的数据转换为一维数组方便判断

格式

Array(

‘goods_id-goods_attr_id’=>goods_count

)

3.2、购物车数据表创建

CREATE TABLE `shop_cart` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`user_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘用户ID’,

`goods_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘商品ID’,

`goods_attr_id` varchar(255) NOT NULL DEFAULT ” COMMENT ‘商品属性值id组合 多个逗号隔开’,

`goods_count` smallint(6) NOT NULL DEFAULT ‘0’ COMMENT ‘购买数量’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

3.3、添加商品到购物车

①修改加入购物车为表单提交

②创建购物车控制器

③修改购买数量name值

④增加隐藏域实现商品标识提交

⑤修改模板实现属性值的id提交

提交接受数据发现只有一个属性值ID提交

由于需要有多个属性值ID因此需要设置为数组格式

由于单选属性使用的是radio类型。设置为数组格式多个单选属性只会提交一个。因此需要将属性相同的设置为一组

⑥修改方法实现商品添加购物车

⑦创建购物车模型

⑧实现添加到购物车

⑨创建测试方法测试

没有登录加入购物车结果

⑩测试已经登录的用户

3.4、购物车列表显示

①创建index方法

②在模型中定义getList方法

③拷贝购物车列表模板

④修改模板资源地址

⑤修改getlist方法获取购物车中数据

没有登录的结果

已经登录的结构

⑥修改getList方法获取商品信息及属性信息

已经登录结果

没有登录

⑦模板显示

⑧控制器调用方法计算出总金额

⑨创建模型方法计算总金额

3.5、删除购物车

①修改模板设置删除的连接地址

②创建方法调用模型方法实现删除

③创建模型方法实现删除

3.6、清空购物车

①增加清空购物车连接地址

②创建方法实现清空

③在模型中创建方法

3.7、实现登录之后购物车数据转移

①创建转移的模型方法

②在登录完成之后触发转移

接口介绍

接口又称为API(Application Programming Interface应用程序编程接口)。是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件的访问一组例程的能力，而又无需访问源码或理解内部工作机制的细节。

一切皆为接口。只要能够提供一种服务就是接口。对于常见的接口返回数据格式为xml或者json

接口的使用原理

本质就是发送请求然后响应

接口使用的注意事项

当调用别人所提供的接口时最为重要的看文档。在文档中一定会具体的列出请求地址、请求方式、请求参数、返回格式跟返回的数据。对于比较重要的接口往往都会提供demo例如支付。对于不需要回调的接口可以直接本地进行测试。如果需要回调必须发布到外网中才可以测试

回调：当调用别人的接口完成之后，别人的接口还需要在调用自己提供的接口

curl使用

使用curl必须开启curl扩展

curl使用步骤

1. 打开会话curl_init
2. 设置参数curl_setopt
3. 执行请求curl_exec
4. 关闭会话curl_close

使用curl实现get请求

使用curl实现post请求

①创建表单

②创建php文件对请求进行处理

③使用curl工具发送post请求

结果如下

调用第三方接口的案例

申请接口使用权限

https://www.juhe.cn/

聚合数据为一个专门提供接口服务的平台。部分接口免费使用。

①注册为会员

②登录到会员中心进行个人的认证

③申请接口使用权限

④对申请的接口进行认证

⑤查看身份认证标识

查看接口使用文档

①进入接口文档

②查看文档

返回数据结果如下

演示调用接口

①编写代码调用接口

②查看结果

本地接口案例

APP登录

编写接口文档

代码实现

①编写代码

②效果

短信接口

短信接口注册

①注册会员

http://www.yuntongxun.com/

②登录进入控制台查看身份标识

③创建应用

查看应用列表

④查看模板列表

⑤设置测试号码

查看使用文档或者找demo

①找到文档入口地址

②找到短信文档的入口

③下载demo

④目录说明

测试短信发送

①将下载的demo拷贝到web目录下

②修改发送短信的文件

③继续修改发送短信文件实现发送短信

④测试查看

短信注册的流程

项目中实现短信注册

将发送短信封装成为函数

①拷贝SDK类文件

②创建发送短信的函数

③编写测试代码

正式使用短信验证码注册

①修改注册表单

②绑定点击事件触发ajax

③创建方法实现请求接口发送短信

④查看session中的内容

⑤实现倒计时效果

手机短信注册入库

①修改表结构

②修改自定义模型中字段

③实现注册入库

注册后查看数据

购物车下单

3.1、显示结算页

①修改购物车中的结算连接

②创建方法校验是否登录

③创建Order控制器方法

④处理模板显示数据

3.2、结算下单

3.2.1、数据表创建

①创建订单总表

CREATE TABLE `shop_order` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`user_id` int(11) NOT NULL DEFAULT ‘0’,

`tel` char(11) NOT NULL DEFAULT ” COMMENT ‘联系电话’,

`address` varchar(255) NOT NULL DEFAULT ” COMMENT ‘收货人地址’,

`shr` varchar(255) NOT NULL DEFAULT ” COMMENT ‘收货人’,

`total_price` decimal(10,2) NOT NULL DEFAULT ‘0.00’ COMMENT ‘总价格’,

`addtime` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘下单时间’,

`com` char(10) NOT NULL DEFAULT ” COMMENT ‘快递公司的编号’,

`no` varchar(255) NOT NULL DEFAULT ” COMMENT ‘快递的运单号’,

`status` tinyint(4) NOT NULL DEFAULT ‘0’ COMMENT ‘订单的状态 0表示下单 1已支付 2、已发货’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

②创建订单详情表

CREATE TABLE `shop_order_detail` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`order_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘订单ID对应order表中的ID字段’,

`goods_id` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘商品ID’,

`goods_attr_id` varchar(255) NOT NULL DEFAULT ” COMMENT ‘商品属性值的ID组合’,

`goods_count` int(11) NOT NULL DEFAULT ‘0’ COMMENT ‘购买的数量’,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

3.2.2、实现订单的入口

①修改表单提交

处理提交的地址

设置为表单提交

②创建方法实现订单数据入库功能

③创建模型方法

面向接口编程

面向接口编程介绍

当有多个子项目存在时，如果有业务逻辑需要修改，对应的每个子项目都需要进行代码的修改。此方式就会比较麻烦。考虑项目的扩展性。可以对每一个子项目按照MVC值保留 V与C。一旦涉及到数据操作。全部通过调用接口实现。对于接口组合到一起就是API项目

接口项目部署

①下载TP5的源码

②拷贝TP源码到项目目录下

③配置虚拟主机

③设置host文件

④重启Apache访问测试

支付宝接口申请(了解)

①进入支付宝首页

②点击企业进入蚂蚁金服

③开始接入

④使用企业账户进行登录

文档说明

①进入开放平台

②进入文档中心

③进入电脑网站支付文档

④在文档中找到demo

⑤查看下载代码的目录

接入测试支付

1.3.1、申请成为开发者

由于个人不能使用支付宝收款接口。需要使用自己的个人账户成为开发者。开发者有默认到的测试应用可以进行开发

①申请成为开发者

https://open.alipay.com/platform/homeRoleSelection.htm

②进入管理中心

外观如下

③进入研发服务

进入到研发服务界面

④查看沙箱的APPId

1.3.2、设置密钥

①先设置密钥

界面如下

②查看密钥的设置方式

可以点击密钥生成方法查看如何填写密钥信息地址：https://docs.open.alipay.com/291/105971

③使用下载的工具生成密钥

④使用生成的密钥设置

1.3.3、本地测试支付

①拷贝下载的demo到web目录下

②修改配置文件

③访问demo

④查看付款提交的action

⑤点击付款进入支付页

由于付款需要使用账户 正常的个人账户不可以使用需要使用测试账户

⑥查看测试账户

⑦使用测试账户付款

⑧跳转到同步的回调地址

支付宝支付的流程

项目中使用支付宝支付

①将测试的支付宝代码拷贝到项目中

②修改订单入库的返回数据代码

③拷贝支付的代码到下单处

④修改配置文件中的接口地址

⑤当支付时会报错

修改函数名称即可

⑥处理同步回调

⑦处理异步

支付效果如下

注意：支付宝异步回调地址不能有任何的身份验证(支付宝自带验证)

邮件注册

邮件发送原理

1. a用户编写邮箱发送邮件
2. 邮件发送会请求a对应的邮件服务器，请求过程中使用smtp协议进行通信。
3. 当smtp服务收到请求，判断收件人是否为隶属于同一个平台。如果是直接将邮件内容存储到收件人的存储空间。否则请求收件人对应的邮件服务器
4. 收件人的smtp服务接受到请求。同样也会判断，如果确认为本平台的用户将内容存储到对应用户的存储空间
5. 收件人查看邮件时，使用pop3服务将存储空间中的内容获取回来

实现发送邮件

申请邮箱账户

①注册163邮箱账户

②登录邮箱进入 首页

开启邮件服务

①进入开启的设置页

②开启权限(已经开启可以忽略)

③设置第三方授权密码

此密码跟登录密码劲量不要设置为一致。此密码时给第三方使用。当第三方需要使用该邮箱发送邮件需要进行密码校验。密码校验使用第三方授权密码

使用PHPmailer实现邮箱发送

①将源码拷贝web目录下

②编写发送邮件的代码

使用收件人的邮箱查看效果

③解决报错

由于版本问题函数已经不存在因此注释掉对于代码即可

实现邮件注册

将发送邮件封装成为函数

①拷贝phpemailer源码

②创建发送邮件的公共函数

③创建方法测试邮件发送

修改数据表

①修改表结构

②修改自定义字段

实现邮箱注册

①创建邮箱注册的方法

②处理模板文件

③在模型中实现方法对用户信息进行入库

④测试实现注册的入库

实现注册成功发送邮件

激活邮件本质就是项目中的一个方法的连接地址。此地址当用户访问时需要知道具体是哪一个用户在进行激活操作。因此需要标识符。

效果如下

实现用户激活

①实现邮箱激活

点击链接激活之后的结果

②修改手机注册默认为激活状态

③禁止没有激活的用户登录

3、腾讯登录

3.1、腾讯登录签约流程

①使用QQ号登录QQ互联

具体地址：https://connect.qq.com/

②申请成为开发者

对于第一次登录QQ互联默认会提示表单进行填写

对于目前的在QQ互联下去申请成为开发者操作上可能不是特别方便 。也可以在腾讯开发平台下进行申请(http://open.qq.com/)。

当开发者申请完成之后在应用中可以看到如下的结果

③创建应用

当成为开发者之后才能创建应用

④选择具体的应用方式

⑤填写具体的信息

⑥查看应用列表

创建应用成功之后同样需要审核。审核周期大概一天。

⑦查看应用的appid及APPkey

3.2、查看接口文档

①进入文档

②下载SDK代码

③查看下载的目录

3.2、使用demo

①拷贝源码到web目录

②访问QQ源码安装设置配置

具体配置信息

备注：上图的授权回调地址缺少一层qq目录

修改应用的授权回调

③查看案例

查看QQ登录

进入授权页授权

查看结果

3.4、项目中实现QQ登录

①将QQ登录的源码拷贝到项目中

②访问配置

③处理登录的QQ图标

先给QQ登录图标增加点击事件

拷贝事件代码修改

④实现oauth方法

当访问oauth方法会自动的进入到授权页

⑤实现回调接口

效果

⑥修改代码获取用户信息

结果如下

⑦再次修改调用模型方法实现注册

⑧增加openID字段

⑨修改模型