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、生成商品的缩略图

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

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

②查看效果

实现权限认证

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

②增加属性保存信息

③根据用户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模板

实现注册入库

①修改方法

②创建模型