作為一個Web開發(fā)者，學習和實踐使用PHP框架無疑是必不可少的。在眾多PHP框架中，Yii框架是一款高效，優(yōu)雅，安全的框架，擁有廣泛的使用者群體。

在本文中，我將分享如何使用Yii框架來建立一個基礎(chǔ)線上商城應(yīng)用程式。該應(yīng)用程式將具備基本的商城功能，如用戶管理，產(chǎn)品管理和購物車等功能。該應(yīng)用程式可以作為初學者學習Yii框架的入門實踐。

安裝Yii框架

在開始使用Yii框架之前，我們需要先安裝該框架。 Yii框架提供了多種安裝方法，最常用的方法是使用Composer安裝。在安裝前，我們需要確認已安裝Composer。

我們可以使用以下指令來安裝Yii框架：

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

以上指令將會建立一個基礎(chǔ)應(yīng)用程式。你可以透過造訪http://localhost/basic來確認Yii框架是否安裝成功。

資料表設(shè)計與資料填充

在創(chuàng)建線上商城應(yīng)用程式之前，我們需要建立與商城相關(guān)的資料表，以及填入資料。本文將使用MySQL做為資料庫，並建立以下資料表：

• User表: 儲存使用者信息，如使用者名，密碼和電子郵件等。
• Product表: 儲存商品訊息，如名稱，價格和描述等。
• Order表: 儲存訂單信息，如使用者ID，商品ID和訂購數(shù)量等。
• Cart表: 儲存購物車信息，如用戶ID，商品ID和數(shù)量等。

為上述資料表新增適當?shù)乃饕梢蕴岣卟樵冃省?

下面是以上資料表的建表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;

現(xiàn)在，我們需要填入資料來測試應(yīng)用程式。為user表新增至少一個使用者記錄，為product表新增至少一個產(chǎn)品記錄。在本文的剩餘部分，我們將使用該使用者和產(chǎn)品作為測試資料。

建立使用者控制器

我們將從建立使用者控制器開始。在Yii框架中，控制器是處理應(yīng)用程式請求的核心元件。控制器負責偵測請求類型，並根據(jù)請求呼叫回應(yīng)的操作方法。

現(xiàn)在，我們建立UserController控制器並新增基本操作方法。我們將使用yiiwebController擴充功能來建立控制器。

在Yii中，控制器類別名稱通常會加上Controller後綴，這樣可以更好地描述該類別實現(xiàn)的功能。以下是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檢視檔。這是預設(shè)的操作方法名稱。 actionLogin()和actionRegister()方法將用於使用者登入和註冊。

現(xiàn)在，我們需要建立index.php檢視檔。視圖檔案是控制器中操作方法的輸出結(jié)果。我們將使用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>

以上程式碼將會在瀏覽器上顯示簡單的歡迎訊息。

建立產(chǎn)品控制器和視圖

現(xiàn)在，我們將繼續(xù)建立產(chǎn)品控制器和視圖。我們將使用yiidataActiveDataProvider擴充功能來取得產(chǎn)品清單資料。

建立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()來取得所有產(chǎn)品。然後，我們將產(chǎn)品清單資料放在ActiveDataProvider中並將其傳遞給視圖。此後，我們創(chuàng)建actionAddtocart()方法以用於在購物車中添加商品。

我們需要建立product資料夾並在該資料夾下建立index.php檢視檔。我們使用GridView小工具，該小工具將根據(jù)dataProvider提供的資料渲染產(chǎn)品清單。我們還添加一個按鈕用於將產(chǎn)品添加到購物車中。

以下是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}',
        ],
    ],
]); ?>

現(xiàn)在，我們可以在瀏覽器中存取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小工具，該小工具將根據(jù)session中儲存的購物車資料渲染購物車清單。我們還添加了一些按鈕用於增加或減少購物車中的商品數(shù)量或刪除購物車中的商品。

以下是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文件夾下創(chuàng)建_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(); ?>

以上代碼將會在瀏覽器中顯示購物車列表，用戶可以在該列表中執(zhí)行增加或減少商品數(shù)量的操作，也可以刪除購物車中已有商品。

完成在線商城應(yīng)用程序

現(xiàn)在，我們已經(jīng)完成了基礎(chǔ)的在線商城應(yīng)用程序，該應(yīng)用程序擁有用戶管理，產(chǎn)品管理和購物車等基礎(chǔ)功能。該應(yīng)用程序可以作為初學者學習和實踐Yii框架的入門實踐。當然，在實際應(yīng)用中，我們?nèi)孕枰砑痈喙δ軄頋M足商城的需求。

以上是使用Yii框架創(chuàng)建線上商城的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！