vue中的浏览量_Laravel 5.3和vuejs实现文章浏览次数问题

Laravel 5.3和vuejs实现文章浏览次数问题:

我的思路是这样的:

1、文章详情页打开时,用js取得这个详情页的id。

2、用js检查cookie中是否有该id,

(1)如果没有,就向cookie中写入该id,并发送ajax请求,后台把浏览次数+1;

(2)如果有该id,就不做任何操作,这样当刷新页面时就不会重复更新浏览次数。

问题:

js代码不知怎么写完整,详见下面js部分描述。

代码:

文章详情页视图:

{ {$article->title}}

发布时间:{ {$article->created_at->format('Y-m-d')}}

查看次数:{ {$article->view_times}}

{ {$article->content}}

文章详情页控制器:

class ArticlesController extends Controller

{

//show方法

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,关于使用LaravelVue.js构建留言簿,我可以提供一些基本的思路和步骤: 1. 创建Laravel项目 首先,需要创建一个Laravel项目作为后端,可以使用Laravel自带的命令行工具进行创建,例如: ``` laravel new message-board ``` 2. 安装Vue.js 可以使用npm安装Vue.js,命令如下: ``` npm install vue ``` 3. 创建Vue组件 在Laravel项目创建一个Vue组件,例如MessageBoard.vue,用于显示留言列表和添加留言功能。 4. 定义API路由 在Laravel项目定义API路由,用于提供数据接口给前端Vue组件使用。可以使用Laravel的路由功能进行定义,例如: ```php Route::get('/messages', 'MessageController@index'); Route::post('/messages', 'MessageController@store'); ``` 5. 创建MessageController 创建一个MessageController,用于处理留言相关的逻辑,包括显示留言列表和添加留言等。 6. 实现留言列表和添加留言功能 在MessageController实现留言列表和添加留言功能,可以使用Laravel提供的Eloquent ORM进行数据库操作,例如: ```php public function index() { $messages = Message::all(); return response()->json($messages); } public function store(Request $request) { $message = new Message; $message->content = $request->input('content'); $message->save(); return response()->json(['success' => true]); } ``` 7. 在Vue组件使用API接口 在Vue组件使用axios库来调用API接口,例如: ```javascript import axios from 'axios'; export default { data() { return { messages: [], newMessage: '' }; }, mounted() { axios.get('/api/messages').then(response => { this.messages = response.data; }); }, methods: { addMessage() { axios.post('/api/messages', { content: this.newMessage }).then(response => { this.newMessage = ''; this.messages.push(response.data); }); } } } ``` 这样,就可以使用LaravelVue.js构建一个留言簿了。当然,这只是一个基本的示例,实际情况可能会更加复杂,需要根据具体需求进行调整和完善。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值