橘猫商城介绍

一、橘猫商城功能介绍篇

（一）产品介绍

1. 使用技术：HTML5、CSS3、JavaScript 、PHP、MySql、Apache、Git（代码托管工具）
2. 使用框架：jQuery、Vue、ThinkTop、layui组件库
3. 橘猫商城后台管理系统：https://shenruiqing.cn:1235/admins/account/login、账号：qq；密码：123456
4. 橘猫商城前台：https://shenruiqing.cn:1235/product/detail?out_no=166452050920975 账号：13415151737；密码：123456
5. 橘猫商城拥有管理员权限管理、账号管理、文章管理、文件管理、订单管理、商品管理等后台工具，前台包括商品的购买页面和商品的购物车管理，订单管理和微信支付功能暂未开发；项目开源；

（二）学习网站

1. MD文档：https://markdown.com.cn/

2. composer 安装流程：https://pkg.xyz/#how-to-install-composer

3. composer配置阿里云镜像：https://developer.aliyun.com/composer

4. PHP软件包仓库：http://packagist.p2hp.com/

5. ThinkTop 安装流程：https://blog.csdn.net/xiaoyao086/article/details/109135116

6. ThinkTop6官方文档：https://www.kancloud.cn/manual/thinkphp6_0

7. ThinkTop模板文档：https://www.kancloud.cn/manual/think-template

8. layui组件库：https://layuion.com/

（三）使用工具

1、HTML5

• 学习手册：https://www.runoob.com/html/html5-intro.html
• HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
• HTML5的设计目的是为了在移动设备上支持多媒体。
• HTML5 简单易学。

2、CSS3

• 学习手册：https://www.runoob.com/css3/css3-tutorial.html
• CSS 用于控制网页的样式和布局。
• CSS3 是最新的 CSS 标准。

3、JavaScript [ES6]

• 学习手册：https://www.runoob.com/js/js-tutorial.html
• JavaScript 是 Web 的编程语言。
• 所有现代的 HTML 页面都可以使用 JavaScript。
• JavaScript 非常容易学。

4、PHP7.4.3

• 学习手册：https://www.runoob.com/php/php-tutorial.html
• 官方手册：https://php.net/
• PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。
• PHP 是免费的，并且使用非常广泛。同时，对于像微软 ASP 这样的竞争者来说，PHP 无疑是另一种高效率的选项。

5、MySQL5.7.26

• 学习手册：https://www.runoob.com/mysql/mysql-tutorial.html
• MySQL 是最流行的关系型数据库管理系统，在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。

6、Apache2.4.43

• Apache(音译为阿帕奇)是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上，由于其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一。它快速、可靠并且可通过简单的API扩充，将Perl/Python等解释器编译到服务器中。

7、集成工具 phpstudy

• 安装地址：https://m.phpstudy.net/
• phpStudy是一个PHP调试环境的程序集成包。该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。该程序不仅包括PHP调试环境，还包括了开发工具、开发手册等。

（四）橘猫商城结构图

（五）准备工作

1. 框架准备

   • composer、tp6框架：https://www.kancloud.cn/manual/thinkphp6_0/
   • layui组件库：https://layuion.com/
   • vue框架：https://www.runoob.com/vue2/vue-install.html

2. 使用git代码托管工具，实现代码的版本保存

3. 配置tp6的扩展库

   • workerman 框架【待使用】
   • think助手工具库
   • 验证码

4. 配置tp6的config下

   • 数据库配置信息database

   • apache隐藏入口文件，复制到phpstudy网站设置的伪静态页面，或者public目录下的.htaccess文件（即隐藏掉public/index.php文件）

     <IfModule mod_rewrite.c>
       Options +FollowSymlinks -Multiviews
       RewriteEngine On
     
       RewriteCond %{REQUEST_FILENAME} !-d
       RewriteCond %{REQUEST_FILENAME} !-f
     
       RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]
     </IfModule>
     

   • 开启调错模式 config/add.php配置

         // 显示错误信息
         'show_error_msg'   => true,
     

   • app/appserver

     public function boot() { // 服务启动 $this->app->debug(true); }

   • 安装视图 composer require topthink/think-view

   • 多应用模式 composer require topthink/think-multi-app

rue);
}`

• 安装视图 composer require topthink/think-view

• 多应用模式 composer require topthink/think-multi-app

• 手动开启session 在config/middleware文件添加 \think\middleware\SessionInit::class