[IMWeb训练营作业]基于vue仿照今日头条文章详情页面

最新推荐文章于 2024-05-30 17:30:16 发布

cloudy_yun_

最新推荐文章于 2024-05-30 17:30:16 发布

阅读量1.4k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/cloudy_yun_/article/details/70705904

版权

本文介绍了使用Vue框架仿制今日头条文章详情页面的过程，重点展示了移动端页面的点赞、取消点赞和展开全文功能的实现。通过Vue进行数据渲染，提供了预览效果和完整代码链接。

摘要由CSDN通过智能技术生成

我们小组仿了今日头条的几个页面，因为时间比较紧，优先实现功能，UI比较搓，大家见谅。

小组完整作品：

预览demo--传送门 github上完整代码--传送门

本人主要实现文章详情部分，做的是移动端的页面，支持点赞，取消点赞，展开全文的功能，页面大部分数据都是用vue渲染出来的

效果预览：

文章详情demo预览

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cloudy_yun_

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
[IMWeb训练营作业]基于vue仿照今日头条文章详情页面

基于vue仿照今日头条文章详情页面，本人主要实现文章详情部分，做的是移动端的页面，支持点赞，取消点赞，展开全文的功能，页面大部分数据都是用vue渲染出来的
复制链接

扫一扫

VUE3+GO个人博客系统:文章列表页和详情页的实现

sybh的博客

06-11

865

在构建个人博客系统时，文章列表页和详情页是必不可少的两个界面。文章列表页用于展示所有文章的简略信息，详情页则用于显示文章的全文内容。在本篇博客中，我们将使用 Vue 3 作为前端框架，Go 作为后端语言，MySQL 作为数据库，来构建这两个页面。

vue 模仿今日头条demo

weixin_34413103的博客

08-20

596

vue 头条 demo 写在前面总结一下写 demo 过程中遇到的一些问题，方便自己的学习总结！如有错误，还请指正！一直想学习使用 vue ，并准备以后在实际项目使用，之前跟着慕课网黄轶老师敲了一下饿了么商品购买页的demoele效果预览该 demo 借鉴自 hcy1996-github 这个项目，但内部内容，布局风格...

参与评论您还未登录，请先登录后发表或查看评论

Vue3项目练习详细步骤(第四部分：文章管理页面模块)

最新发布

dafsq的博客

05-30

694

Vue3项目练习详细步骤(第四部分：文章管理页面模块)

基于SpringBoot + Vue的个人博客系统12——使用vue-admin-template展示文章列表（后台管理）

芊雨的博客

09-01

2857

简介前面我们实现了博客系统的前台展示页面，还有留言功能没有实现，实现留言功能无非就是在后端增加留言表，对留言进行增删改查。和文章表类似，这里就不在赘述。既然作为一款动态博客，那么后台管理是必不可少的。为了不重复造轮子，我们直接使用开源项目 vue-element-admin github: https://github.com/PanJiaChen/vue-element-admin 中文文档：https://panjiachen.gitee.io/vue-element-admin-site/zh/

Vue仿今日头条

King博客

12-24

747

利用Express+MongoDB+Vue实现《Vue仿今日头条》功能，效果如下图：代码顺序如下： Vue仿今日头条--服务器端--https://jingyan.baidu.com/article/6dad5075bde3bce122e36e5f.html Vue仿今日头条--后台网站文章页面--https://jingyan.baidu.com/article/86fae3...

在VSCode中添加.vue文件模版

weixin_45034639的博客

09-11

2259

步骤一: 在VSCode中安装插件: Vetur 步骤二: Code–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定步骤三: 清空文件中原有代码步骤四: 粘贴自定义的.vue模版  <template> <div class=''></div> </template> &...

imweb-tpl-loader:imweb-tpl-loader

05-13

"imweb-tpl-loader"就是这样一个工具，它是基于模板引擎的加载器。它主要用于Webpack，Webpack是一个现代JavaScript应用的静态模块打包工具。当Webpack遇到imweb-tpl-loader时，会处理模板文件（通常为HTML或者某种...

imweb.github.io:团队博客

05-04

因为不需要博客引擎中最重要的部分——MD文章生成静态页面，所以后期可直接在静态网站上进行修改。网站搭建日志 2015年8月10日：成员墙 2015年8月11日：加入流量统计（腾讯统计）加入百度站长平台（SEO）加入多...

generator-imweb-react:react 项目脚手架

05-02

generator-imweb-react yeoman generator插件，imweb react 项目脚手架 Install npm install yo npm install generator-imweb-react Usage # 添加新页面 yo imweb-react:page

腾讯IMWEB前端团队一站式Serverless开发解决方案.docx

10-26

腾讯IMWEB前端团队一站式Serverless开发解决方案.docx

fis3-preprocessor-imweb-ques:Fis3预处理器插件

04-28

标题"Fis3-preprocessor-imweb-ques"指向的是一个针对FIS3框架的预处理器插件，主要用于imweb团队的Q组件开发。FIS3，全称Fast Internet Site 3，是一个前端集成解决方案，旨在提升前端开发效率，优化前端资源管理。...

Vue制作在线文章管理系统.zip

06-14

使用Vue2.0+element 编写的文章管理器，包含会员管理，图书管理等功能。。。。。。。。。。。。。。。。

vue移动端文章页面跳转到详情页

weixin_59519449的博客

04-15

1340

效果目标： 1. 在文章列表用 @click .native 绑定事件，并且带上参数的id 2.在methods 的方法里使用 this.$router.push() 的方法进行去跳转 //跳转到详情页面 itemClickFn(id){ // console.log(1234) this.$router.push({ path:`/ArivleDetail?art_id=${id}` }) } 注：.

vue 实现文章详情页返回到列表页需要返回到原来列表页进入的地方

小马哥的天涯

11-09

2683

vue实战开发三（博客页面总览）

`or 1 or 不正经の泡泡

11-27

2289

文章目录前言项目结构首页编辑器个人空间总结前言经过差不多五天的时间对前端进行开发，现在总算是把基本的客户端的前端页面做得差不多了，关于后端页面的话，嫖一个后端模板就好了，主要还是客户端的这一块要做好。这个也是本人第一做前后端的项目，可能多有不足，请多多指教~ 先来说说目前white hole 大致的功能的吧，关于这个项目的话其实在国庆的时候我是用Django 用 MVT的模式开发了一个的，当然后面由于各种原因没进行下去，一方面是没时间，另一方面是前端不好做，前后端耦合太紧密了导致我开发的时候逐渐偏离了方

文章详情页----- 详细步骤

yj_xy的博客

09-19

664

文章详情页-------------- 1.插入模板 1.1, 类名:class=“article-container” 1.2, 组件名字:name: ‘ArticleIndex’ 2.配置路由 2.1,一级动态路由 path: ‘/article:articleId’, name: ‘article’, component: () => import(’@/views/article’), props: true //开启Props传参,说白了就是把路由参数映射到组件的props数据中 3.文章详

Vue.js进阶文章列表

C++ 爱好者 make_it_simple888

09-08

2022

1 官方中文帮助文档：https://vue.docschina.org/v2/guide/ 非常简要的一个介绍，里面如果想了解更多细节会有到 2 的连接 1.1 官方入门视频（建议你多看几遍）：https://vue.docschina.org/v2/guide/index.html# 1.2 官方教程：模板语法https://vue.docschina.org/v2/guide/sy...

Spring boot+Vue博客平台:文章列表展示、文章分类与标签管理模块实现

sybh的博客

04-11

1693

本文将详细介绍如何实现博客平台中的文章列表展示、文章分类与标签管理功能，包括前端的Vue组件设计和后端的Spring Boot接口实现。在阅读本文后，您将了解如何设计和实现高效、易用的文章列表展示、文章分类与标签管理功能。