php留言板样本,留言板4 前端模板

た入场券 2023-01-16 02:38 301阅读 0赞

我们计划做这么一个流程

> \* 制作表单页面

>\* 用户输入信息 点击发送按钮

>\* 控制器存入数据库 返回json

>\* 弹出成功提示，三秒后重载页面

结构如下：

│ config.php

│ GuestbookPlugin.php

│

├─controller

│ IndexController.php(新文件)

│

├─data

│ config.php

│ guestbook.sql

│

├─model

│ PluginSyGuestbookModel.php(新文件)

│

└─view

widget.html(需修改)

\* \* \* \* \*

首先制作前端，修改widget.html模板

为了简单起见，我们就输入一个input---姓名，关键是将整个儿流程跑通

此文件需要加上一些的css js

widget.html

~~~

.section-guestbook \{

background: \#c2c9cd;

\{$desc\}

\{$messagesent\}

姓名\*

$(document).ready(function () \{

$('\#guestbook-submit').click(function () \{

$('\#guestbook-form').ajaxSubmit(\{

url: "\{:cmf\_plugin\_url('guestbook://Index/addMsg')\}",

type: "post",

success: function (data) \{

//data.code为1代表成功，为0代表失败(cmf固有ajax返回值)

if (data.code == 0) \{

layer.msg(data.msg);

\} else \{

$('\#MessageSent').removeClass("hidden");

layer.msg(data.msg, function () \{

setTimeout(function () \{

parent.location.reload();

\}, 300);

\});

return false;

\});

~~~

PluginSyGuestbookModel.php

~~~

namespace plugins\\guestbook\\model;

use think\\Model;

class PluginSyGuestbookModel extends Model

// 开启自动写入时间戳字段

protected $autoWriteTimestamp = true;

~~~

需要注意的是 这个名字一定需要是这个名字 与数据库表名对应才行 不然报错

IndexController.php

~~~

namespace plugins\\guestbook\\controller;

use cmf\\controller\\PluginBaseController;

use plugins\\guestbook\\model\\PluginSyGuestbookModel;

class IndexController extends PluginBaseController

/\*\*

\* 提交留言

\*/

public function addMsg()

// 获取post数据

$data = $this->request->param();

// 实例化模型

$GuestbookModel = new PluginSyGuestbookModel();

$GuestbookModel->allowField(true)->data($data, true)->save();

$this->success('成功啦');

~~~

最后的实现效果如下

!\[\](https://box.kancloud.cn/4a337cc634386bf064568d613f87a727\_1417x246.png)

!\[\](https://box.kancloud.cn/edcb62c6c0804914fa20ccaac31157e1\_1491x345.png)

!\[\](https://box.kancloud.cn/bfb250e877d601a820a06c9d4aa5245a\_1471x249.png)

!\[\](https://box.kancloud.cn/41d0740216ee909bc5fc0b6c451ef54a\_1045x217.png)

> 首先感谢WelkinVan 他写的《ThinkCMF5从入门到精通》给了我很多帮助

> 点击去《\[ThinkCMF5从入门到精通\](https://www.kancloud.cn/welkinvan/thinkcmf5)》

php留言板样本,留言板4 前端模板

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关简易留言板

相关简易留言板

相关 php留言板样本,留言板4 前端模板

相关 jQuery-留言板

相关留言板JavaScript实现

相关 vue实现留言板

相关留言板

相关留言板

相关留言板

相关留言板模块设计