大项目讨论|青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第6天。
日期:8月5日
时间:19:00-20:00
项目名称:仿掘金官网
队员数目:6人
小组讨论要点:
- 项目详细介绍及需求
- 目前进度及待解决问题
- 队员分工
01项目详细介绍及需求
仿掘金网站,至少两个页面
-
首页下的综合页
-
文章详情页
-
需要技术:html,JavaScript,css,vue或者react。
-
需要数据:首页下的综合页 下的推荐页的文章数据(两百篇)。
-
每篇文章包含阅读数量,点赞数量,评论数量,标签,发布者昵称,发布者头像url,发布日期,时间,文章标题,内容。
一.首页下的综合页 下的推荐页;(如果可以,还可以做一些其他页面)
说明:右边的上午好栏可以不用。文章列表无限滚动(两百篇文章即可),每当滚动到底部,就再添加25篇文章。
二.文章详情页
三个部分:
-
左侧几个小图标,不需要添加点击事件
-
文章内容 ,代码高亮
如果可以,作者头像,昵称,发布日期这些也添加上去。
- 目录:实现随文章高亮滚动效果
02目前进度及待解决问题
目前进度
采用vuejs框架已经搭好基本的项目架构,有文章列表页以及文章详情页。 已经配置好了路由跳转及页面传参。
如下图:
目前需要解决的问题:
- 顶部栏样式的编写,列表制作,还有文章详情页的制作。
- 数据的获取以及渲染。
- 列表以及文章详情api接口的创建
- 项目的PPT制作
03队员分工
- 队员一:顶部栏制作
- 队员二:列表制作
- 队员三:文章详情页制作
- 队员四:数据的获取
- 队员五:处理制作api接口
- 队员六:制作项目演示PPT