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

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

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

②查看效果