RageFrame學習筆記：建立路由+導入layui

這是我寫的學習RageFrame的第二篇，這一篇給你們分享下我是如何建立路由，導入外部js，css文件的，這裏寫下個人所有流程，但願對你們有所幫助。

話很少說，直接開始，在上一章中，咱們已經把項目實例化到本地了（查看點擊這裏），可是我發現，用戶名和密碼是隨機出來了，難記，這裏給你們先分享如何修改默認用戶名和密碼

1.咱們先登陸到後臺，點擊用戶名的下標欄，到這裏修改密碼。

 2.密碼修改完成後，打開項目數據庫，打開rf_backend_member表格，修改這裏的用戶名後點擊保存便可（真*物理修改）

項目實例化後，咱們看下大體的目錄結構

按照YII2官方文檔的指示，會自帶一個路由，modes生成器，咱們直接網站後加/gii

但若是不是localhost訪問時頁面會報錯，這個時候須要修改配置文件，這裏放下解決方法

urlManager配置了後綴爲 .html，在使用 /gii 訪問時，因爲沒有後綴，YII2框架在解析URL時，就直接返回404了，因此在配置了 suffix 屬性的時候，就須要加上.html來訪問，或者不配置’suffix’屬性便可

若是你經過本機之外的機器訪問 gii，請求會被出於安全緣由拒絕，因此須要配置 gii 爲其添加容許訪問的 IP 地址

'gii' => [

'class' => 'yii\gii\Module',

'allowedIPs' => ['127.0.0.1', '::1', '*.*.*.*'] // 按需調整這裏

]

接下來是建立路由，這裏接入我找到的最全流程

也可點擊前往

選擇"Module Generator"（模塊生成器），將會看到如圖所示的畫面。

當光標定位到"Module Class"時，會有一個提示框顯示出來，提示"Module Class"必須是完整的路徑名和類名，這裏須要輸入"app\modules\admin\Module"。在"Module ID"輸入框中輸入"admin"，而後點擊"Preview"按鈕，該按鈕的功能是展現全部將會被生成的文件，而且這些文件容許在建立以前進行預覽，如圖所示。

 

 

 

點擊"Generate"按鈕，生成全部文件。由於Web服務器進程須要寫入權限，因此要確保"modules"文件夾對於該應用程序是可寫入的。模塊的基本目錄結構建立成功後，會看到如圖所示的頁面。

 

 

該頁面中有關於模塊的配置使用說明和，只須要修改應用主配置文件，生成的模塊就能夠被正確調用。

到這裏，咱們的路由就建立好了，可是你會發現，明明照着流程來了，就是訪問不了

 

這裏給出個人解決方法

改兩處 
一處是改 common/models/Country裏面的
namespace app\models; 爲 namespace common\models;

另外一處是 改\frontend\controllers\CountryController.php 裏面的

namespace app\controllers;

use yii\web\Controller;
use yii\data\Pagination;
use app\models\Country;
爲

namespace frontend\controllers;

use yii\web\Controller;
use yii\data\Pagination;
use common\models\Country;

最後解決，成功訪問

 

 接下來分享如何導入外部js，css文件，找到文件目錄中的\web\backend\resources\plugins，放入你的文件

 

 而後修改\backend\assets\AppAsset.php文件

 public $basePath = '@webroot';
    public $baseUrl = '@web/resources';

    public $css = [
        'plugins/toastr/toastr.min.css', // 狀態通知
        'plugins/fancybox/jquery.fancybox.min.css', // 圖片查看
        'plugins/layui-v2.5.6/css/layui.css',
        'plugins/cropper/cropper.min.css',
        'css/rageframe.css',
        'css/rageframe.widgets.css',
    ];

    public $js = [
        'plugins/layer/layer.js',
        'plugins/layui-v2.5.6/layui.js',
        'plugins/sweetalert/sweetalert.min.js',
        'plugins/fancybox/jquery.fancybox.min.js',
        'js/template.js',
        'js/rageframe.js',
        'js/rageframe.widgets.js',
    ];

在這裏添加上對應文件的路徑便可。

若是對您有所幫助，歡迎您點個關注，我會定時更新技術文檔，你們一塊兒討論學習，一塊兒進步。