分类: 前哨站博文

前哨站博文分享网站建设开发经验,报道国内外关于网站开发的最新资讯。

PHP8+laravel8+宝塔做网站3-快速配置一个后台管理系统

1.2使用Dcat Admin快速配置一个后台管理系统

Dcat Admin 是一个可以快速构建后台管理系统的laravel扩展包。

此扩展包有自动生成后台管理页面、自带RBAC权限管理、一键自动生成CURD后台代码等功能。

首先确认安装环境:

PHP >= 7.1,Laravel 5.5.0 ~ 8.*,已开启Fileinfo PHP Extension

进入项目目录下载Dcat Admin扩展包,在命令行工具输入命令:

composer require dcat/laravel-admin:"2.*" -vvv
PHP8+laravel8+宝塔做网站3-快速配置一个后台管理系统插图

安装成功后,发布资源,命令如下:

php artisan admin:publish

安装Dcat Admin扩展包,命令如下:

php artisan admin:install

把laravel设置成简体中文。打开配置文件 config/app.php,把locale的参数改成zh_CN,

'locale' => 'zh_CN',

更改默认时区

'timezone' => 'Asia/Shanghai',

安装中文提示语言包,命令如下:

composer require overtrue/laravel-lang

安装完成后,在配置文件config/app.php 中找到

Illuminate\Translation\TranslationServiceProvider::class,

将其替换成

Overtrue\LaravelLang\TranslationServiceProvider::class,

最后在浏览器打开 http://wsl-laravel.test/admin登录后台管理系统,用户名和密码都是admin。后台登录后效果如图:

PHP8+laravel8+宝塔做网站3-快速配置一个后台管理系统插图1

PHP8+laravel8+宝塔做网站2-在宝塔面板添加网站

首先要开启宝塔面板。

PHP8+laravel8+宝塔做网站2-在宝塔面板添加网站插图

然后,在宝塔面板添加网站,设置网站信息。

PHP8+laravel8+宝塔做网站2-在宝塔面板添加网站插图1
PHP8+laravel8+宝塔做网站2-在宝塔面板添加网站插图2
PHP8+laravel8+宝塔做网站2-在宝塔面板添加网站插图3
PHP8+laravel8+宝塔做网站2-在宝塔面板添加网站插图4

在hosts文件中添加域名。

在我的电脑输入c:\windows\system32\drivers\etc

打开hosts文件,添加我们的域名

127.0.0.1  wsl-laravel.test

打开navicat数据库软件,新建本地数据库。

PHP8+laravel8+宝塔做网站2-在宝塔面板添加网站插图5

在浏览器输入http://wsl-laravel.test,正常显示laravel起始页面。

PHP8+laravel8+宝塔做网站-开发一个完整的商城项目(一)

项目简介:VueJS + Bootstrap作为前端框架,laravel8作为做网站后端框架,用宝塔做网站linux面板管理本地服务器。采用前后端分离的开发思路。

本案例主要通过开发商品系统、用户系统、后台管理系统、购物车系统、订单系统、支付系统这几大系统,搭建一个小型商城项目。

首先,需要搭建一个本地Linux+宝塔的开发环境,步骤在:https://qianshaozhan.com.cn/archives/403。

一、创建laravel项目

首先,打开命令行工具,我使用的是git bash。执行以下命令,用来实现composer安装包加速。

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

然后,创建一个名为wsl-laravel的项目,输入命令。

cd e:/wwwroot
composer create-project laravel/laravel wsl-laravel --prefer-dist "8.*"

E:\wwwroot文件夹(这个是在宝塔自定义设置的本地默认建站目录)。

安装好项目后,设置.env文件。

APP_NAME="wsl-laravel"
.
.
.
APP_URL=http://wsl-laravel.test
.
.
.
DB_DATABASE=wsl_laravel_test
DB_USERNAME=wsl_laravel_test
DB_PASSWORD=123456

解决wsl的宝塔面板出现chmod(): Operation not permitted错误

wsl下配置的linux系统中安装的宝塔面板,有时会出现chmod(): Operation not permitted错误,主要原因就是网站运行目录所属的用户组,没有正确设置。必须要设置成和linux系统的用户组一样才行。chmod()方法的作用就是修改文件或者目录的权限。

1、首先查看我们磁盘所属用户组id是多少,输入命令:

mount -l
解决wsl的宝塔面板出现chmod(): Operation not permitted错误插图

可以看到我们的各个磁盘所属用户组id都是1000。
而宝塔面板所使用的www用户所对应的用户组id是1001,输入命令:

sudo cat /etc/group
解决wsl的宝塔面板出现chmod(): Operation not permitted错误插图1

所以,需要将磁盘所属用户组id修改成和1001,这样www用户才能使用磁盘所有权限。

2、输入如下命令:

sudo vim /etc/wsl.conf

按 i 键,将一下代码添加进入文件:

[automount]
enabled = true
root = /mnt/
options = "metadata,uid=1001,gid=1001"
mountFsTab = false

再按 esc 键,输入命令:

:wq

然后重启电脑即可。

这样,就成功解决了wsl的宝塔面板出现chmod(): Operation not permitted错误。

在wsl配置的linux系统中在宝塔面板中添加网站

在win10的wsl+宝塔快速搭建linux开发环境这篇文章中,演示了如何利用win10自带wsl快速搭建linux环境,并且安装了宝塔网站开发环境。下面就演示一下如何在宝塔面板中添加一个网站。

首先,开启Ubuntu系统。

然后进入root,启动宝塔面板,命令如下:

sudo -i
密码
bt
3


1、在本地hosts文件中添加一个绑定本地ip的域名。
首先打开文件夹C:\Windows\System32\drivers\etc,找到hosts文件,用编辑器或者记事本打开此文件。如下图:

在wsl配置的linux系统中在宝塔面板中添加网站插图

2、打开宝塔面板,选择网站->添加网站,在域名输入框中添加刚才我们绑定本地ip的域名。
在根目录那里添加我们自己的项目所在根目录。
数据库那里选择MySQL,数据库账号、密码我们自行填写。

在wsl配置的linux系统中在宝塔面板中添加网站插图1

3、在自己的项目中设置好数据库、密码等。

在wsl配置的linux系统中在宝塔面板中添加网站插图2

4、在站点设置里,添加伪静态规则。

在wsl配置的linux系统中在宝塔面板中添加网站插图3
在wsl配置的linux系统中在宝塔面板中添加网站插图4

这样,在wsl配置的linux系统中在宝塔面板中添加网站就成功了。

如何在本地环境安装Mailhog邮件服务工具-windows+MacOS

如何在本地环境安装Mailhog邮件服务工具-windows+MacOS
Mailhog 是可以在计算机本地运行的测试邮件发送、接收的SMTP 测试服务器软件,在开发项目时测试邮件发送非常方便。
下面,演示一下如何在本地环境安装Mailhog邮件服务工具。
1、如果是在MacOS系统中,安装Mailhog命令如下:

brew update && brew install mailhog

启动Mailhog服务。命令如下:

brew services start mailhog

这样,就可以在浏览器中访问这个mailhog的web服务了。
输入访问地址:http://localhost:8025,注意访问mailhog的web服务的端口号是8025。
发送邮件的端口号是1025,这个需要你自己在项目中设置。

2、在windows系统中若要安装Mailhog,需要在linux环境的Debian/Ubuntu系统中才可以。
你可以用虚拟机安装linux系统。如果嫌安装虚拟机麻烦,可以直接用win10自带的wsl快速安装linux系统。

安装步骤:https://qianshaozhan.com.cn/archives/403
如果安装完linux系统,开启linux系统。在命令行工具中输入安装命令:

sudo apt-get -y install golang-go
go get github.com/mailhog/MailHog

启动Mailhog服务。命令如下:

~/go/bin/MailHog

3、Mailhog服务启动后,在浏览器中访问:http://localhost:8025,即可显示Mailhog的web服务界面。
同样你自己在项目中设置的,发送邮件的端口号是1025。如图:

如何在本地环境安装Mailhog邮件服务工具-windows+MacOS插图

这样,在本地环境安装Mailhog邮件服务工具就成功了。