本文主要分析系列《Vue仿今日頭条》中后台网站六大模块共用的文章新增/编辑、文章列表、文章查看和评论页面效果图如下:
Tips:由于文章《Vue仿今日头条--后台网站配置文件和首页页面》一直发布不了,相应的配置文件、公共方法和首页页面相关功能需自行补充。
-
由于头条首页不同栏目的内容芓段是一样的(下图1)所以这里把全部栏目共用一个表,后台不同模块的数据根据栏目名过滤显示(下图2);共用一个表的好处就是無论多少栏目,只需要一套页面(新增/编辑、列表、查看、评论)大大减少开发工作量,本系列为了演示只创建了六个常用模块(视頻、热点、体育、娱乐、军事、小视频),其它模块如有需要只需要下图2复制黏贴模块就可以。
-
列表页面代码如下图(分析重点代碼):
mentState }) 来修改该评论的状态如果为隐藏则在手机端不显示(屏蔽不当言论);为了即时看到状态效果,执行this.onSubmit()进行刷新
经验内容仅供參考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。