演示地址:传送门 http://101.43.254.35/ (用户名:admin 密码:1)
废话不多说,直接上实际效果图
系统首页
- 系统首页桌面,顶部依次为系统Logo、全局搜索框(支持模糊查询动态、新闻、汽车、用户等),以及登录人头像(可点击跳转个人中心),以及首页、选车、排行、视频、车友圈等几大功能模块。
- 第二行是轮播图展示(刷新页面自动更新内容,后台可动态维护),点击跳转该车型详情页面。
- 第三行左侧是特色车型介绍(刷新页面自动更新内容),中间为该车型特色介绍,右侧为热门车型品牌快速链接。
- 第四行左侧为纵向新闻轮播图(刷新页面自动更新内容),中间为无封面新闻,点击跳转新闻详情,最右侧为文章排行榜,根据用户点击量计算。
- 底部为推荐车型卡片式展示模块,点击右上角可切换一组,点击跳转该车详情页面。

选车页面
- 顶部为固定导航栏
- 左侧列为所有汽车品牌(按英文26字母排列),点击筛选相关车型。
- 中部为常规筛选条件,目前有级别、国别、环保标准、能源类型筛选,右上角为清空所有筛选条件。
- 一下则是筛选后展示的内容,以卡片式呈现,点击跳转车详情页面。

文章详情
- 点击文章跳转至文章详情页面,依次展示标题、发布时间、点击量、文章内容等等,段落与图片相间。
- 右侧是一些快捷跳转功能,包括本文的作者,以及车家号博主的推荐等等。底部为该文章所对应的车型。

文章列表
- 首页文章点击更多跳转至列表,依次展示所有文章,默认按发布时间倒序排列,展示文章的封面、标题、作者、发布时间以及在看人数。
- 右侧是推荐的热门车型展示。下面为文章以及视频的排行榜,点击跳转至相关详情页面。

视频播放
- 用户可发布视频至系统,管理员审核通过后即可展示在视频列表中,以下为视频播放页面。

动态列表
- 这里展示所有用户发布的动态(可切换所有转发),按时间倒序排列,用户可转发、点赞、评论。

动态发布
1.选择标签,编辑标题,正文撰写(MarkDown模式)

车排行
1.展示当前汽车行情,分别按评分(用户基于汽车的星星打分)、销量、点击量(用户访问量),收藏数(用户收藏数)进行排行。

后台管理统计
1.展示前台数据统计,维护管理信息。

后台汽车管理
1.动态管理前台展示的汽车参数

链接地址
后端代码地址:https://gitee.com/superb12580/SpringBootCar
前端代码地址:https://gitee.com/superb12580/Vue_Car
后台管理代码地址:https://gitee.com/superb12580/Vue_Car_Admin
演示地址:传送门 http://101.43.254.35/ (用户名:admin 密码:1)
本文详细介绍了汽车科技网站的界面设计和主要功能,包括系统首页、选车页面、文章详情、文章列表、视频播放和动态管理。展示了前端与后端开发的实战应用,以及后台管理统计和汽车参数控制。
297





