项目开发流程;
- 需求分析
- 原型界面
- UI设计
- 前端编写代码
- 核心架构处理(代码层面核心架构,服务器层面的架构、数据库的架构等)
- 编写代码
- 测试
- 上线
项目分析
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、生成缩略图流程
- 实例化Image对象
- 使用对象打开图片
- 指定方法对图片进行处理,并且将图片进行保存
5.4.2、生成商品的缩略图
①修改添加的前置钩子函数
针对文件上传成功之后在处理图片
②查看效果