# newsclient

**Repository Path**: isyv/newsclient

## Basic Information

- **Project Name**: newsclient
- **Description**: https://gitee.com/isyv
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: https://gitee.com/isyv
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-08
- **Last Updated**: 2022-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 前端项目

考虑到可能没有 node 环境，已将 node_modules 上传

需要更换`/config.js`的响应地址

以及各个页面内的静态网址，修改成自己的 ip
网站展示`http://124.221.62.120/newsclient`



- 新闻后台管理系统

  - echarts展示新闻数据(新闻总浏览数·评论总点赞数·注册用户数·评论总数·新闻数量)

  - 新闻上传

  - 图片上传

  - 图片上传后返回上传到后端的图片路径，并渲染到img标签

  - 新闻数据列表展示

  - 新闻删除

  - 查看新闻内容详情

  - 分页展示新闻数据

  - 新闻上传刷新列表

  - 新闻内容上传是否正确验证(后端验证表单验证)

  - 上传新闻标题，内容不合法提示

  - 用户列表展示

  - 用户删除功能

  - 用户列表分页展示

    

    

- 新闻详情页

  - 如用户已登录展示用户头像，反之显示登录按钮
  - 通过url地址 `?`后面的查询字符串，获取新闻id，同时向后端请求数据，使用art-template 模板引擎渲染新闻类型、标题、上传时间、页面浏览量、新闻图片、新闻内容
  - 由于管理员上传的新闻内容包含了空格，但是内容是直接放在新闻详情页的div里，会出现内容堆在一起，没有分段
    - 所以页面渲染后，通过正则匹配内容的空格，前后分别替换为<p> 和</p>实现分段效果
  - 新闻内容字体用户可以修改成自己合适的样子
  - 获取新闻内容同时，通过url查询当前页的新闻id，也向后端获取关于该新闻的评论，并渲染用户头像、发表评论时间、用户名、发表评论属地
    - 后端归属地功能需要在有公网ip情况下使用，本地需要替换
  - 用户评论
  - 用户未登录进行评论会重定向到登录页面
  - 用户点赞
  - 用户评论的点赞会将localStorage存储的Token字符串添加到请求头向后端请求，没有Token或Token不匹配会重定向到登录界面
  - 用户 搜索功能~ 向后端请求关于用户输入的关键词，后端查询新闻标题的内容，并返回json数据，再通过模板引擎渲染，可点击进去，查看相应新闻
  - 搜索功能会根据新闻的页面浏览量进行排序
  - 侧边栏两个轮播图通过swiper插件，同样根据页面浏览量数量排序
  - 侧边栏新闻排行同上
  - 当管理员删除新闻，或者用户查询的新闻id不存在，会跳转到404页面

  

- 用户修改信息页面

  - 可以自行更换头像
  - 修改昵称
  - 修改email
  - 修改密码
  - 并给出相应的表单后端验证返回提示