新闻门户网站
原创2022年8月1日
导读
该项目是在大二期间，学校举办的技能节，参加了web项目。比赛内容是做出一个新闻门户网站，两人一组。犹豫队友平时比较忙，我就让他帮我找找素材啥的，然后让他做了一个index.html首页
提示
该项目部署在Heroku国外免费容器平台，首次进入会有20秒左右的启动时间。
国外平台偶尔出现在国内打不开的情况。
项目展示
首页
由于首页不是我做的，跟整体观感会有差距
登录注册
新闻详情页
- 当用户登录成功后，右上角的登录按钮会变成头像以及用户名
- 新闻的标题、分类、时间是使用
Ejs模板引擎获取后端数据渲染 - 新闻内容可以通过标题下方的工具栏调节字体
- 右侧轮播图使用
Swiper插件，并且图片和文字内容通过axios获取渲染 - 右侧轮播图和新闻排行展示顺序是根据页面浏览量动态展示
- 搜索功能
搜索功能
后台管理
由于当时技术受限，并且没有了解到富文本插件，所以新闻上传使用较原始的input表单上传，
后台首页
使用Echart通过接口数据简单的做了可视化
插入新闻
- 当图片选择好后，点击确定，会直接上传，并且拿到服务器端的图片地址
新闻列表
- 可以删除
- 查看新闻信息
- 图片预览是直接跳转到图片直链，也是由于当时不了解图片预览有啥插件
- 分页是直接前端发送请求携带页码，后端查询相关数据
用户管理
- 用户列表原理和新闻列表原理相同
Loading...