# Java_Web

**Repository Path**: sfyf/java_web

## Basic Information

- **Project Name**: Java_Web
- **Description**: 期末项目实训
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2023-06-13
- **Last Updated**: 2023-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CMS文章管理系统前端界面

本项目使用vue-cli框架搭建vue2+element-ui组件，具体需求如下：

## 导航栏

左边：
- 显示系统的名称（单击跳转主页，和主页使用同路由，但是选中的要是主页）

中间：
- 搜索框，要实现能够搜索简介或者标题查找文章

右边：
- 主页（显示轮播图，和内容）
- 关于我们：显示公司简介
- 登录（弹窗的方式），注册（弹窗的方式）（在登录后登录注册要变为用户头像和昵称，然后拥有2级标签），
- 登录后二级选项：
  - 后台管理（登录后是管理员显示和允许进入该选项），
  - 用户管理（登录后是管理员显示和允许进入该选项），
  - 个人信息（弹窗方式，可以修改头像昵称等），
  - 退出登录

## 轮播图

只有主页显示，要在导航栏下，内容上，但是只有主页才显示

## 主内容区域

分为两个模块：

### 左边显示主内容

- 标题
- 标题图片
- 简介
- 发布时间
- 发布者
- 点赞数
- 评论数
- 访问量
- 要可以单击进入内容详情

### 右边显示24小时热榜

- 显示内容标题即可

以上内容区域都要能够跳转到对应的内容详情页

## 内容详情页

- 显示返回按钮返回到主页
- 展示区域显示标题
- 显示发布者的头像和昵称
- 点赞按钮（要能够体现当前用户有没有点过赞）
- 点赞数
- 评论数
- 阅读数
- 时间
- 主内容区域是读取副文本数据，直接显示
- 在内容底部显示发布评论的功能区，以及显示所有评论。

以上只需呀实现页面功能把所有数据请求使用静态数据填写，方便后期我自行加入请求，请求部分帮我封装好axios，但需要数据的部分全部使用静态数据。所有的注释和文字都要使用中文。

## 文件结构

```
├── README.md
├── babel.config.js
├── package.json
├── src
│   ├── App.vue
│   ├── assets
│   ├── components
│   │   ├── Carousel.vue
│   │   ├── Comment.vue
│   │   ├── Content.vue
│   │   ├── HotList.vue
│   │   └── Navbar.vue
│   ├── main.js
│   ├── router
│   │   └── index.js
│   └── views
│       ├── About.vue
│       ├── Article.vue
│       ├── Backend.vue
│       ├── Home.vue
│       ├── Login.vue
│       ├── Profile.vue
│       ├── Register.vue
│       └── User.vue
└── vue.config.js
```