FastAdmin Shopro商城安装
时间:2024年04月24日
/来源:网络
/编辑:佚名
系统:
Linux Cent OS7
环境:
Nginx 1.12
PHP 7.3.18
安装前准备:
安装PHP ZipArchive扩展
//默认安装过程
wget http://pecl.php.net/get/zip
tar -zxvf zip
cd zip-x.x.x //注意替换为对应版本号
phpize
./configure --with-php-config=/www/server/php/73/bin/php-config //指定对应PHP版本的路径
make
make install
安装成功后将返回安装路径
将路径配置至php.ini扩展即可
extension=/www/server/php/73/lib/php/extensions/no-debug-non-zts-20180731/zip.so
//错误解决
1.Please reinstall the libzip distribution
(libzip版本过低,下载新版本即可)
yum remove libzip
wget https://nih.at/libzip/libzip-xxx.tar.gz
tar -zxvf libzip-xxx.tar.gz
cd libzip-xxx
./configure
make & make install
2.fatal error: zipconf.h: No such file or directory
(找不到找不到zipconf.h文件)
find /usr/local -iname 'zipconf.h'
ln -s /usr/local/lib/libzip/include/zipconf.h /usr/local/include
安装fileinfo扩展
直接在宝塔后台PHP管理中安装扩展即可
部署前准备:
1.PHP版本>=7.2
2.安装EasyWechat
//先更换国内源,已更换的无需此步骤
查看composer配置
composer config -g -l
禁用默认源
composer config -g secure-http false
更换为国内源
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
//安装EasyWechat
//先删除旧版本
composer remove overtrue/wechat
//若提示Could not read ./composer.json进入项目根目录即可
//安装新版本
composer require "overtrue/wechat:^4.2" -vvv
//更新
composer update
3.安装队列
composer require topthink/think-queue:v1.1.6 -vvv
application/extra/queue.php中添加
'connector' => 'redis', // 队列驱动使用 redis 推荐, 可选 database 不推荐
'host' => '127.0.0.1', // redis 主机地址
'password' => '', // redis 密码
'port' => 6379, // redis 端口
'select' => 1, // redis db 库, 建议显示指定 1-15 的数字均可,如果缓存驱动是 redis,避免和缓存驱动 select 冲突
'timeout' => 0, // redis 超时时间
'persistent' => false, // redis 持续性,连接复用
4.安装redis扩展(PHP7.3扩展中安装即可)
application/config.php 文件中添加
'redis' => [
'host' => '127.0.0.1', // redis 主机地址
'password' => '', // redis 密码
'port' => 6379, // redis 端口
'select' => 1, // redis 数据库
'timeout' => 0, // redis 超时时间
'persistent' => false, // redis 持续性,连接复用
],
5.后端伪静态配置
//前后端分离部署,建议各自使用一个域名
location / {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Allow-Credentials' 'true' always;
add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept, token, platform' always;
add_header 'Access-Control-Allow-Methods' 'GET,POST,PUT,DELETE,HEAD,OPTIONS' always;
if ($request_method = OPTIONS ) {
return 200;
}
6.前端域名伪静态配置
location / {
try_files $uri $uri/ /index.html last;
index index.html;
}
add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Allow-Credentials' 'true' always;
add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept, token, platform' always;
add_header 'Access-Control-Allow-Methods' 'GET,POST,PUT,DELETE,HEAD,OPTIONS' always;
if ($request_method = OPTIONS ) {
return 200;
}
商城基础配置:
安装短信插件:
//根据自己选择,此处安装的是阿里云短信插件
注意若可申请测试签名 XX商城
添加模板mobilelogin用于短信登录
安装富文本编辑器
//按自己喜好安装即可
前端配置:
因为前端使用的uniapp因此只能在Hbuilder中开发
压缩包位置/addons/shopro/uniapp/shopro-frontend.zip
解压后导入到Hbuilder
//Hbuilder需安装scss/sass编译插件
点击工具->插件安装
找到对应插件安装即可
安装完成后
在命令行工具运行(需安装Node.js,其中包含npm模块)
npm install
至此即可运行至内置浏览器查看商城首页
完善:
更新请求接口,env.js文件中 api.7wapp.com更换为自己的服务器域名
商城域名更换为自己的域名,否则生成的分享图片地址都是错的
前端个人中心无会员分组图标
编辑 /application/admin/view/user/group/add.html 文件,在组名字段下面增加如下字段
<div class="form-group">
<label for="c-image" class="control-label col-xs-12 col-sm-2">等级图标:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="" class="form-control" size="50" name="row[image]" type="text"
value="">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-image" class="btn btn-danger plupload"
data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i>
{:__('Upload')}</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose"
data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i
class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-image"></ul>
</div>
</div>
编辑 /application/admin/view/user/group/edit.html 文件,在组名字段下面增加如下字段
<div class="form-group">
<label for="c-image" class="control-label col-xs-12 col-sm-2">等级图标:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="" class="form-control" size="50" name="row[image]" type="text"
value="{$row.image}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image"
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false"
data-preview-id="p-image"><i class="fa fa-upload"></i>
{:__('Upload')}</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image"
data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i>
{:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-image"></ul>
</div>
</div>
点击发行H5或小程序,将文件上传至服务器H5域名/发布到小程序等即可
2020-10-07更新
使用新版fastadmin(V1.2.0.20201001)版本时无需配置后台跨域设置,仅保留默认thinkphp的伪静态即可
在config.php目录中 Line291 左右(FastAdmin配置)添加前端需要配置跨域的域名即可
文章来自:https://www.cnblogs.com/xuanjiange/p/13666651.html
Linux Cent OS7
环境:
Nginx 1.12
PHP 7.3.18
安装前准备:
安装PHP ZipArchive扩展
//默认安装过程
wget http://pecl.php.net/get/zip
tar -zxvf zip
cd zip-x.x.x //注意替换为对应版本号
phpize
./configure --with-php-config=/www/server/php/73/bin/php-config //指定对应PHP版本的路径
make
make install
安装成功后将返回安装路径
将路径配置至php.ini扩展即可
extension=/www/server/php/73/lib/php/extensions/no-debug-non-zts-20180731/zip.so
//错误解决
1.Please reinstall the libzip distribution
(libzip版本过低,下载新版本即可)
yum remove libzip
wget https://nih.at/libzip/libzip-xxx.tar.gz
tar -zxvf libzip-xxx.tar.gz
cd libzip-xxx
./configure
make & make install
2.fatal error: zipconf.h: No such file or directory
(找不到找不到zipconf.h文件)
find /usr/local -iname 'zipconf.h'
ln -s /usr/local/lib/libzip/include/zipconf.h /usr/local/include
安装fileinfo扩展
直接在宝塔后台PHP管理中安装扩展即可
部署前准备:
1.PHP版本>=7.2
2.安装EasyWechat
//先更换国内源,已更换的无需此步骤
查看composer配置
composer config -g -l
禁用默认源
composer config -g secure-http false
更换为国内源
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
//安装EasyWechat
//先删除旧版本
composer remove overtrue/wechat
//若提示Could not read ./composer.json进入项目根目录即可
//安装新版本
composer require "overtrue/wechat:^4.2" -vvv
//更新
composer update
3.安装队列
composer require topthink/think-queue:v1.1.6 -vvv
application/extra/queue.php中添加
'connector' => 'redis', // 队列驱动使用 redis 推荐, 可选 database 不推荐
'host' => '127.0.0.1', // redis 主机地址
'password' => '', // redis 密码
'port' => 6379, // redis 端口
'select' => 1, // redis db 库, 建议显示指定 1-15 的数字均可,如果缓存驱动是 redis,避免和缓存驱动 select 冲突
'timeout' => 0, // redis 超时时间
'persistent' => false, // redis 持续性,连接复用
4.安装redis扩展(PHP7.3扩展中安装即可)
application/config.php 文件中添加
'redis' => [
'host' => '127.0.0.1', // redis 主机地址
'password' => '', // redis 密码
'port' => 6379, // redis 端口
'select' => 1, // redis 数据库
'timeout' => 0, // redis 超时时间
'persistent' => false, // redis 持续性,连接复用
],
5.后端伪静态配置
//前后端分离部署,建议各自使用一个域名
location / {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Allow-Credentials' 'true' always;
add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept, token, platform' always;
add_header 'Access-Control-Allow-Methods' 'GET,POST,PUT,DELETE,HEAD,OPTIONS' always;
if ($request_method = OPTIONS ) {
return 200;
}
6.前端域名伪静态配置
location / {
try_files $uri $uri/ /index.html last;
index index.html;
}
add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Allow-Credentials' 'true' always;
add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept, token, platform' always;
add_header 'Access-Control-Allow-Methods' 'GET,POST,PUT,DELETE,HEAD,OPTIONS' always;
if ($request_method = OPTIONS ) {
return 200;
}
商城基础配置:
安装短信插件:
//根据自己选择,此处安装的是阿里云短信插件
注意若可申请测试签名 XX商城
添加模板mobilelogin用于短信登录
安装富文本编辑器
//按自己喜好安装即可
前端配置:
因为前端使用的uniapp因此只能在Hbuilder中开发
压缩包位置/addons/shopro/uniapp/shopro-frontend.zip
解压后导入到Hbuilder
//Hbuilder需安装scss/sass编译插件
点击工具->插件安装
找到对应插件安装即可
安装完成后
在命令行工具运行(需安装Node.js,其中包含npm模块)
npm install
至此即可运行至内置浏览器查看商城首页
完善:
更新请求接口,env.js文件中 api.7wapp.com更换为自己的服务器域名
商城域名更换为自己的域名,否则生成的分享图片地址都是错的
前端个人中心无会员分组图标
编辑 /application/admin/view/user/group/add.html 文件,在组名字段下面增加如下字段
<div class="form-group">
<label for="c-image" class="control-label col-xs-12 col-sm-2">等级图标:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="" class="form-control" size="50" name="row[image]" type="text"
value="">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-image" class="btn btn-danger plupload"
data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i>
{:__('Upload')}</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose"
data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i
class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-image"></ul>
</div>
</div>
编辑 /application/admin/view/user/group/edit.html 文件,在组名字段下面增加如下字段
<div class="form-group">
<label for="c-image" class="control-label col-xs-12 col-sm-2">等级图标:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-image" data-rule="" class="form-control" size="50" name="row[image]" type="text"
value="{$row.image}">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image"
data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false"
data-preview-id="p-image"><i class="fa fa-upload"></i>
{:__('Upload')}</button></span>
<span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image"
data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i>
{:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-image"></span>
</div>
<ul class="row list-inline plupload-preview" id="p-image"></ul>
</div>
</div>
点击发行H5或小程序,将文件上传至服务器H5域名/发布到小程序等即可
2020-10-07更新
使用新版fastadmin(V1.2.0.20201001)版本时无需配置后台跨域设置,仅保留默认thinkphp的伪静态即可
在config.php目录中 Line291 左右(FastAdmin配置)添加前端需要配置跨域的域名即可
文章来自:https://www.cnblogs.com/xuanjiange/p/13666651.html
新闻资讯 更多
- 【建站知识】FastAdmin Shopro商城安装04-24
- 【建站知识】IDEA打开就闪退或关闭详细解决办法04-24
- 【建站知识】IDEA启动闪退生成replay_pid进程号.log怎么办?04-24
- 【建站知识】记录配置PhpStorm+Xdebug+chrome插件Xdebug helper的调试环境04-23
- 【建站知识】phpstorm中的PHP Built-in Web Server和PHP Web Page如何正确配置?04-23
- 【建站知识】【保姆级php搭建教程】搭建PhpStorm+phpStudy+XDebug调试环境的04-23
- 【建站知识】php 断点调试 PHPStorm Xdebug helper04-22
- 【建站知识】在IDEA中调试 Bug的必备技巧04-22