实训项目报告思维导图

课程名称： 综合项目开发与实战

任课教师： 龙 莎

系 别： 信息与智能制造学院

专业班级： 22计应0035

姓 名： 杨杰麟

学 号： 2240103014

学 期： 2024-2025学年第1学期

二〇二四年十一月

一、项目概述

本项目以整合电子商务网站系统中经典功能，其中的主要功能包括包括：后台管理员模块、后台商品模块、前台首页模块、前台会员模块、前台商品列表模块、前台商品信息模块、前台购物车模块等。

二、实训目的

该实训让学生设计制作通过网络进行商务类网站的设计，学习最流行的商务类网站设计思路，以美工的身份自己寻找素材和构思模板的样子，进而设计出符合要求的专业模板，学会调研对应电商网站的物品特点结合实际，以网站程序员的身份做数据库和程序策划与开发，进而实现整改电子商务网站的模块开发，通过亲身 模拟各个工种的过程，进而达到学生放到企业的该工种工种的实际目的。

三、实训任务

任务1：电子商务网站项目分析、开发前准备（4学时）

任务2：用户模块开发（10学时）

任务3：后管理后台模块开发（6学时）

任务4：商品模块开发（14学时）

任务5：购物车&订单模块开发（10学时）

任务6：支付模块开发（6学时）

任务7：完善订单模块开发（14学时）

四、考核标准

1.专业技能考核标准（80%）

(共80分)

（1）系统需求分析

（10分）

（3）电子商务网站系统数据库

（5分）

（4）电子商务网站后台模块

（30分）

（5）电子商务网站前台模块

（30分）

（5）测试

（5分）

2.学习态度考核标准（20%）

（共20分）

（1）实训报告书质量

（5分）

认真对实训过程进行总结，发现和解决问题；认真按照要求填写；书面整洁，字迹清楚。

（2）工作职业道德

（5分）

安全文明工作，职业操守较好；爱护计算机等公共设施；基本按照布置的工作任务和要求去完成。

（3）团队合作精神

（5分）

具有良好的团队合作精神，热心帮助班级或小组的其它成员；能与团队成员有效沟通；能合理分配小组成员的工作任务；

（4）语言沟通能力

(5分)

能用专业的语言正确流利地展示项目成果；能准确回答老师提出的相关问题。

五、相关原理及知识

1.HTML元素

2.CSS代码

3.PHP服务器端脚本语言、Laravel框架

六、设施设备及工具需求

操作系统：Window 10

开发环境：HBulder

运行环境：PHP工具箱

数据库：MySql

框架：Laravel

七、工作步骤及质量标准

任务1：电子商务网站项目分析、开发前准备

任务2：用户模块开发

任务3：后管理后台模块开发

任务4：商品模块开发

任务5：购物车&订单模块开发

任务6：支付模块开发

任务7：完善订单模块开发

八、实训过程及解决问题记录

任务1：电子商务网站项目分析、开发前准备

环境搭建

步骤：

步骤一：

步骤二：

步骤三：

步骤四：

设置中国镜像

composer config -g repo.packagist composer https://packagist.phpcomposer.com

或者composer config \-g repo\.packagist composer https://mirrors\.aliyun\.com/composer/

创建应用

步骤一：cmd进入到www中

步骤二：composer create-project laravel/laravel laravel-shop --prefer-dist "8.*"

步骤三：如果出现一下问题

步骤四：切换镜像

composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

步骤五：再次重复步骤三

配置项目

步骤一：打开vscode -www文件-laravel-shop

步骤二：找到.env

步骤三：

步骤四：

辅助函数

步骤一：创建文件

步骤二：运用cmd进入到laravel-shop

步骤三：输入php artisan tinker

步骤四：然后在 tinker 中执行我们刚刚添加的 test_helper() 函数：

步骤五：

步骤六：

步骤七：重复步骤三和四

问题与解决

问题1：创建应用中的步骤四出错

解决1：切换镜像

问题2：辅助函数中的步骤四出错

解决2：要在composer中应用此函数

任务2：用户模块开发

注册与登录

用户认证脚手架

步骤一：使用laravel UI 包

步骤二：生成认证界面

步骤三：编译前端资源

npm install npm run dev

步骤四：迁移数据库

Php artisan migrate

数据库迁移

步骤一：创建迁移文件

步骤二：编辑迁移文件

步骤三：运行迁移 php artisan migrate

步骤四：回滚迁移

步骤五：重置并重新运行所有迁移

步骤六：常见迁移命令

步骤七：修改现有表结构

2 邮箱验证

步骤一：启用邮箱验证

步骤二：发送邮箱验证

步骤三：邮件配置

步骤四：

步骤五：

步骤六：

3 收货地址列表

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

步骤七：

步骤八：

4新建收货地址

步骤一：

步骤二：

注意：npm run watch-poll 或者 npm run dev 要一直保持运行

步骤三：

访问一下页面看看效果

步骤四：

问题一：

解决一：

问题二：

解决二：

任务3：后管理后台模块开发

用户列表

步骤一：

步骤二：看一下自动生成的代码

步骤三：

步骤四：

步骤五：

步骤六：

步骤七：

权限设置

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤五：

任务4：商品模块开发

1商品的数据结构设计

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

2.后台商品列表

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

3后台创建于编辑商品

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

4商品列表页面

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

步骤七：

步骤八：

步骤九：

5商品筛选

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

6商品详情页

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

步骤七：

步骤八：

·7 收藏商品

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

8收藏商品列表

步骤一：

步骤二：

任务5：购物车&订单模块开发

1添加商品到购物车

步骤三：

步骤三：

步骤四：

2订单模块查看购物车

步骤一：

步骤二：

先创建：resources/views/cart

再创建：resources/views/cart/index.blade.php

步骤三：

步骤四：

步骤五：

步骤六：

步骤七：

3订单的数据模块

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

4购物车下单页面：

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

4关闭未支付订单

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

5用户订单列表

步骤一：

步骤二：

步骤四：

步骤五：

6用户订单详情页

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

步骤六：

7封装业务代码

步骤一：

步骤二：

步骤三：

步骤四：

步骤五：

任务6：支付模块开发

任务7：完善订单模块开发

九、工作成果及考核

商品列表图