麦田的博客

WFPHP微商城程序

2020-01-02


2012年12月,我花58元买了一个PHP在线订单程序系统:竞价页订单系统|在线支付+邮件+短信提醒

这个订单系统很好用,可惜一直闲置,七年过去,又开始有这个需求,联系这个程序的作者,发现他开发了新系统:WFPHP微商城程序

从演示看,比较完美,所以我花了几百块买下来!WFPHP微商城程序是PHP语言,速度很快,功能简单,很接地气,还有提交订单需要手机验证码功能。

WFPHP微商城安装

安装:网址/index.php/admin/install

管理:网址/index.php/login

登入后必须先修改管理目录,并记录好新目录名字。下次登录需要使用新的管理后台:网址/index.php/guanlimulu(尽量复杂),如果忘记新目录名字,打开网站app文件夹内的route.php文件,最后一行admin/login/index前面的内容就是新目录名字。

WFPHP微商城使用经验

1、设置提交订单需要短信验证码;

设置-安全设置-验证码设置-短信验证码,还有防刷单设置

设置-短信提醒-短信接口设置-输入短信宝的账号-再打开【手机短信验证码】开关

2、修改购物流程:模板-模板列表。

建议表单字段的价格功能开启,提交订单时就可以再次确认价格!

付款方式可以留空,也可以选择货到付款!

3、添加商品,发现编辑框不好用,所以我在DW软件中写好,然后在编辑框中使用HTML代码模式,粘贴在DW中写好的代码。

4、2019年08月01日:上传产品,可以编辑好模板,提高上传产品的速度;

5、如果产品少,就取消产品的首页推荐功能,直接展示几款产品;

6、WFPHP微商城程序添加网站统计功能

统计代码加在模板源文件里,微商城模板源文件:

首页:app/home/view/Index/index.html 商品分类页:app/home/view/Index/goodsList.html 商品详情页:app/home/view/Index/goodsInfo.html

注意:一定要用网页编辑软件dw或者notepad打开修改,不能用记事本,这是UTF-8编码网页,不能有Bom

7、WFPHP微商城程序修改CSS

修改文件:public/home/css/style.css

8、WFPHP微商城使用视频;

<p><video width="80%" height="auto" controls>
<source src="视频地址.mp4">
</video></p>

视频宽度本人之前设置为width="480”,发现手机端会撑破页面,480修改为90%后显示效果最佳!

9、去掉产品详情页面的【购物车】和【加入购物车】,因为手机的宽度不够,只保留首页和立即购买按钮。

解决方法:编辑商品详情页面app/home/view/Index/goodsInfo.html,删除以下内容:

 <li class="b">...购物车</a></li>
 <li class="c">...加入购物车</a></li>

然后到public/home/css/style.css找到Orderbar部分,修改如下部分:

.orderbar li.a{width:12%;}【12%修改成25%】
.orderbar li.d{width:35%;}【35%修改成75%】

10、怎么更改网址:直接绑定新域名即可,不需要修改文件!

11、临时关闭提交订单功能

方法一:模板 - 模板列表 - 修改付款方式为扫码转账付款

方法二:编辑app/home/view/Index内的goodsInfo.html文件,删除掉验证码那一块,再修改表单默认灰色文字为:停止发货,2月日开始营业!这样客户提交不了订单,也能清晰的看到停业开业公告!

12、保持产品页面底部有【立即购买】按钮

产品页面底部默认的是加入购物车按钮,但是【立即购买】按钮更方便!

WFPHP微商城遇到的故障

1、WFPHP微商城无法提交订单,界面一直在转圈;

注意:V20.02.08版本已经修正了这个错误!

主机配置是PHP7.2+MySQL5.7,错误信息到data/log/中检查发现:

......home/order/index
[ error ] [10501]SQLSTATE[HY000]: General error: 1364 Field 'goods_cart' doesn't have a default value

解决:因为服务器上的MySQL使用了严格验证模式,改为宽松模式就好了。

修改方法:Windows服务器打开my.ini文件修改,linux服务器打开my.cnf文件修改。以linux服务器为例,在宝塔面板的文件管理找到根目录/etc/my.cnf,编辑查找以下这段:

sql-mode=NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLES
修改为:
sql-mode=NO_ENGINE_SUBSTITUTION

重启服务器后成功!附注:

另外一个主机也出现无法提交订单的故障,但是只出现在电脑端,手机端正常,查找错误提示:[ error ] [8]未定义数组下标: 2

我理解为在后台模板的支付方式没有开启货到付款,开启后正常,但后来关闭后也正常!

2、2020年3月6日升级发生错误

在后台在线升级后,后台正常,前台提示:系统错误,请稍后再试!解决:

第一步,系统设置里面完善客户设置,没有用。

第二步,连接FTP,data/temp目录下有一个zip压缩包文件,下载后解压开手动覆盖上传。里面并没有zip文件。

第三步,下载最新版的网站覆盖,这个文件不覆盖:app/admin/config.php,结果前台正常,后台404。因为之前设置了后台目录,覆盖后失效,默认的后台地址是网址后面加/index.php/login,登入后一定要添加后台目录。


微商城优化

修改模板:app\home\view\Index内的文件

1、删除首页的底部按钮:修改文件index.html

删除以下全部:
<div class="h50"></div>
	<div class="toolbar">
        <ul>
<li>首页</a></li>
<li>...<br>分类</a></li>...
<li>...<br>客服</a></li>
        </ul></div>

2、删除产品页面底部按钮:修改文件goodsInfo.html

删除以下部分:
<li class="b"><a ...<br>购物车</a></li>
<li class="c"><a ...>加入购物车</a></li>

3、删除右侧的向上和微信按钮:

在以上文件夹内搜gotop,删除以下部分。同时删除微信二维码!

<div class="gotop">
<a href="javascript:scrollTo(0,0)"><i class="layui-icon">&#xe6a4;</i></a>
<a href="javascript:void(0);" id="kefuBtn"><i class="layui-icon">&#xe638;</i></a></div>

删除全部的客服按钮:在以上文件夹内搜kefuBtn,里面的五个文件夹中都需要删除相关内容!

4、修改首页顶部的猜你喜欢为:货到付款

修改CSS:public/home/css/style.css

1、将默认的字体大小12px修改成16px

2、添加强调字体:
.bluetxt {
    font-size: 18px;
    color: #e74c3c;
    margin-left: 0px;
    font-weight: bold;
}

3、美化正文字体大小和行距:
.procontent p {
	line-height: 180%;
	margin-bottom: 10px;
}

4、前面去掉了加入购物车按钮,只保留首页和立即购买两个按钮,然后要修改按钮的宽度:
.orderbar li.a{width:12%修改成30%;} # 首页按钮宽度的百分比
.orderbar li.d{width:35%修改成70%;} # 购买按钮宽度

相关内容

  • 免费商城程序ShopXO
  • WordPress评论模块删除邮箱和网址表单
  • WFPHP订单系统教程
  • OpenCart商城程序使用经验
  • 不需要数据库的php博客程序cms
  • WordPress使用经验
  • ZBlog使用经验
  • 安装PHP+MYSQL网站的通用方法
  • PHP开发的目录列表系统Zdir
  • 标签

    商城程序php