使用Yii框架创建在线商城

作为一名Web开发者，学习和实践使用PHP框架无疑是必不可少的。在众多PHP框架中，Yii框架是一款高效，优雅，安全的框架，拥有广泛的用户群体。

在本文中，我将分享如何使用Yii框架来创建一个基础在线商城应用程序。该应用程序将具备基本的商城功能，如用户管理，产品管理和购物车等功能。该应用程序可以作为初学者学习Yii框架的入门实践。

安装Yii框架

在开始使用Yii框架之前，我们需要首先安装该框架。Yii框架提供了多个安装方法，最常用的方法是使用Composer安装。在安装前，我们需要确认已安装Composer。

我们可以使用以下命令来安装Yii框架：

composer create-project --prefer-dist yiisoft/yii2-app-basic basic

以上命令将会创建一个基础应用程序。你可以通过访问http://localhost/basic来确认Yii框架是否安装成功。

数据表设计和数据填充

在创建在线商城应用程序前，我们需要创建与商城相关的数据表，以及填充数据。本文将使用MySQL做为数据库，并创建以下数据表：

• User表: 存储用户信息，如用户名，密码和电子邮件等。
• Product表: 存储商品信息，如名称，价格和描述等。
• Order表: 存储订单信息，如用户ID，商品ID和订购数量等。
• Cart表: 存储购物车信息，如用户ID，商品ID和数量等。

给以上数据表添加适当的索引可以提高查询效率。

下面是以上数据表的建表SQL语句：

CREATE TABLE `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) NOT NULL,
  `password` varchar(255) NOT NULL,
  `email` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

CREATE TABLE `product` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) NOT NULL,
  `price` float(10,2) NOT NULL,
  `description` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

CREATE TABLE `order` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `user_id` int(11) NOT NULL,
  `product_id` int(11) NOT NULL,
  `quantity` int(11) NOT NULL,
  PRIMARY KEY (`id`),
  KEY `user_id` (`user_id`),
  KEY `product_id` (`product_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

CREATE TABLE `cart` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `user_id` int(11) NOT NULL,
  `product_id` int(11) NOT NULL,
  `quantity` int(11) NOT NULL,
  PRIMARY KEY (`id`),
  KEY `user_id` (`user_id`),
  KEY `product_id` (`product_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

现在，我们需要填充数据以测试应用程序。给user表添加至少一个用户记录，给product表添加至少一个产品记录。在本文的剩余部分，我们将使用该用户和产品作为测试数据。

创建用户控制器

我们将从创建用户控制器开始。在Yii框架中，控制器是处理应用程序请求的核心组件。控制器负责检测请求类型，并根据请求调用响应的操作方法。

现在，我们创建UserController控制器并添加基本操作方法。我们将使用yiiwebController扩展来创建控制器。

在Yii中，控制器类名通常会加上Controller后缀，这样可以更好地描述该类实现的功能。下面是UserController类的基本代码：

<?php

namespace appcontrollers;

use yiiwebController;

class UserController extends Controller
{
    public function actionIndex()
    {
        return $this->render('index');
    }

    public function actionLogin()
    {
        // code for login logic
    }

    public function actionRegister()
    {
        // code for registration logic
    }
}

在以上代码中，我们添加了三个基本操作方法。actionIndex()方法将渲染index.php视图文件。这是默认的操作方法名称。actionLogin()和actionRegister()方法将用于用户登录和注册。

现在，我们需要创建index.php视图文件。视图文件是控制器中操作方法的输出结果。我们将使用Yii框架提供的Yii::$app->view->render()方法来渲染视图。

在views/user文件夹下创建index.php文件，并添加以下代码：

<?php

use yiihelpersHtml;

$this->title = 'User';
$this->params['breadcrumbs'][] = $this->title;
?>
<h1><?= Html::encode($this->title) ?></h1>
<p>
Welcome to the user homepage.
</p>

以上代码将会在浏览器上显示一条简单的欢迎信息。

创建产品控制器和视图

现在，我们将继续创建产品控制器和视图。我们将使用yiidataActiveDataProvider扩展来获取产品列表数据。

创建ProductController控制器并添加以下操作方法：

<?php

namespace appcontrollers;

use yiiwebController;
use appmodelsProduct;
use yiidataActiveDataProvider;

class ProductController extends Controller
{
    public function actionIndex()
    {
        $dataProvider = new ActiveDataProvider([
            'query' => Product::find(),
        ]);

        return $this->render('index', [
            'dataProvider' => $dataProvider,
        ]);
    }

    public function actionAddtocart($id)
    {
        // code for add to cart logic
    }
}

如代码所示，我们首先使用Product::find()获取所有产品。然后，我们将产品列表数据放在ActiveDataProvider中并将其传递给视图。此后，我们创建actionAddtocart()方法以用于向购物车中添加商品。

我们需要创建product文件夹并在该文件夹下创建index.php视图文件。我们使用GridView小部件，该小部件将根据dataProvider提供的数据渲染产品列表。我们还添加一个按钮用于将产品添加到购物车中。

以下是views/product/index.php文件的代码：

<?php

use yiihelpersHtml;
use yiigridGridView;

$this->title = 'Product';
$this->params['breadcrumbs'][] = $this->title;
?>
<h1><?= Html::encode($this->title) ?></h1>

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        'id',
        'name',
        'price',
        'description',
        [
            'class' => 'yiigridActionColumn',
            'buttons' => [
                'addtocart' => function ($url, $model) {
                    return Html::a('Add to cart', ['product/addtocart', 'id' => $model->id]);
                }
            ],
            'template' => '{addtocart}',
        ],
    ],
]); ?>

现在，我们可以在浏览器中访问http://localhost/basic/product/index来确认该视图是否被正确渲染。

创建购物车控制器和视图

我们需要一个购物车控制器和视图来管理商城中添加到购物车中的商品。我们将使用session来存储购物车数据。

我们创建CartController控制器并添加以下操作方法：

<?php

namespace appcontrollers;

use yiiwebController;
use Yii;

class CartController extends Controller
{
    public function actionIndex()
    {
        $cart = Yii::$app->session->get('cart');
        return $this->render('index', [
            'cart' => $cart,
        ]);
    }

    public function actionAdd($id)
    {
        // code for add product to cart logic
    }

    public function actionRemove($id)
    {
        // code for remove product from cart logic
    }
}

在以上代码中，我们首先获取session中存储的购物车数据。在actionAdd($id)方法中，我们将会添加指定ID号的商品到购物车中。在actionRemove($id)方法中，我们将会从购物车中移除指定ID号的商品。

接下来，我们需要创建cart文件夹，并在该文件夹下创建index.php视图文件。我们使用ListView小部件，该小部件将根据session中存储的购物车数据渲染购物车列表。我们还添加了一些按钮用于增加或减少购物车中的商品数量或删除购物车中的商品。

以下是views/cart/index.php文件的代码：

<?php

use yiihelpersHtml;
use yiiwidgetsListView;

$this->title = 'Shopping Cart';
$this->params['breadcrumbs'][] = $this->title;
?>
<h1><?= Html::encode($this->title) ?></h1>

<?= ListView::widget([
    'dataProvider' => $dataProvider,
    'itemView' => '_cart_item',
    'emptyText' => 'Your cart is empty.',
]) ?>

在views/cart文件夹下创建_cart_item.php视图文件，该文件将被用于渲染购物车列表中的每一行。以下是views/cart/_cart_item.php文件的代码：

<?php

use yiihelpersHtml;
use yiiwidgetsActiveForm;

$form = ActiveForm::begin([
    'id' => 'cart-item-' . $model['id'],
]); ?>

<?= Html::a('Remove', ['cart/remove', 'id' => $model['id']]) ?>

<?= $model['name'] ?>

<?= $form->field($model, 'quantity')->textInput(['value' => $model['quantity']]) ?>

<?= Html::submitButton('Update') ?>

<?php ActiveForm::end(); ?>

以上代码将会在浏览器中显示购物车列表，用户可以在该列表中执行增加或减少商品数量的操作，也可以删除购物车中已有商品。

完成在线商城应用程序

现在，我们已经完成了基础的在线商城应用程序，该应用程序拥有用户管理，产品管理和购物车等基础功能。该应用程序可以作为初学者学习和实践Yii框架的入门实践。当然，在实际应用中，我们仍需要添加更多功能来满足商城的需求。