雅心教育官网

我要开发同款
proginn15291782092023年06月30日
92阅读
所属分类教育

作品详情

采用技术:nuxt+element ui+axios+vue+vue-router
项目描述:该项目的主要内容是用作教育培训机构项目,为了获取到更多的客户,同时也是方便客户可以从线上了解所要学习的课程,从而联系我们学习自己想要学习的课程,其主要功能包括轮播图、动画闪烁效果、在线咨询、视屏播放以及无缝滚动效果和鼠标移动动画效果等等功能
项目职责:开发首页页面(包括轮播图、线上教学、从业方向、就业情况、学科板块、校区环境、行业文章模块)、行业文章详情页面、视频播放页面和数据渲染以及相应的功能;利用nuxt中的SSR实现每个页面SEO的SDK,使得百度蜘蛛可以抓取到页面的关键词,从而扩大公司的知名度以及获取更精准的客户。具体开发如下描述:
1.开发首页静态页面,包括头部、线上教学、从业方向、就业情况学科大板块、校区环境、学前问答、行业文章等模块;以及相应的数据渲染
2.开发头部导航组件,当点击导航组件中的标题时,跳转到相应页面以及该页面的具体位置;主要是通过给相应位置设置锚点ID,然后监听scroll时间查找存储的锚点ID,若锚点存在则跳转到相应的位置。
3.利用element中的Carousel组件开发首页的公共轮播图,其中包括课程大纲的内容以及相应的动画效果(当鼠标放在课程大纲的标题上时,从右往左移动显示出相应的内容即科目名称),当点击科目标题时则跳转到科目视频播放页面
4.利用vue-seamless-scroll和element中的Table 组件,开发从业方向、就业方向两个模块中的从右向左无限移动、从下向上无限移动的动画效果
5.开发视频播放页面,利用DPlayer播放插件开发科目视频播放功能。
6.开发行业文章详情页面,根据首页行业文章标题跳转传值实现相应的文章详情内容渲染。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论