# VueNodejs

**Repository Path**: sai0931/vue-nodejs

## Basic Information

- **Project Name**: VueNodejs
- **Description**: 基于vue3+nodejs的全栈新闻开发系统全部代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-07-31
- **Last Updated**: 2024-07-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VueNodejs

#### 介绍
新闻发布系统是一个基于ElementPlus、Vue3、Vuex、Vue Router、Axios、MongoDB和Express技术的Web应用程序。它允许管理员在后端发布新闻、删除新闻和编辑新闻，并可以添加、删除以及编辑用户。用户可以在用户系统中查看发布的新闻，并根据新闻分类显示的系统查看新闻。
管理员前端页面
管理员首页
![输入图片说明](guna.png)
![登录页面动态背景](https://foruda.gitee.com/images/1702277019286726674/2a1526fc_9358049.png "屏幕截图")

![修改个人信息](https://foruda.gitee.com/images/1702275995096583799/0cf01733_9358049.png "屏幕截图")

![添加用户](https://foruda.gitee.com/images/1702276081334013495/36753835_9358049.png "屏幕截图")

![用户列表](https://foruda.gitee.com/images/1702276123117405834/432409c3_9358049.png "屏幕截图")

![添加新闻](https://foruda.gitee.com/images/1702276963765262172/5fe1ac9f_9358049.png "屏幕截图")

![新闻列表](https://foruda.gitee.com/images/1702276732684069551/7382a8bc_9358049.png "屏幕截图")


用户前端页面
新闻首页
![新闻首页](https://foruda.gitee.com/images/1702277624106480119/07a17450_9358049.png "微信图片_20231211144613.png")
根据新闻类别显示
![根据新闻类别显示](https://foruda.gitee.com/images/1702277682295568337/a3196c6a_9358049.png "屏幕截图")
新闻详细
![新闻详细](%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20231211155202.png)
产品上下排列
![产品上下排列](https://foruda.gitee.com/images/1702279579356669056/e95570a1_9358049.png "屏幕截图")
用户登录
![输入图片说明](login.png)
用户注册
![用户注册](image.png)
用户对新闻进行评论

#### 软件架构
新闻发布系统采用以下技术栈：

前端应用（Frontend）：Vue3、ElementPlus、Vuex、Vue Router， 
后端服务（Backend）：Express、Axios 作为主要的 HTTP 客户端工具，用于处理与后端服务器之间的数据交互。。
数据库（Database）：使用 MongoDB 存储和管理数据。

它分为前端和后端两部分。前端部分负责展示和管理新闻和用户信息，后端部分负责处理新闻和用户的增删改查操作，以及与数据库进行交互。管理员可以通过登录系统进入后台管理页面，进行新闻发布、删除和编辑操作，以及添加和删除用户。

#### 安装教程


1. 确保已安装Node.js和MongoDB。
1. 打开终端并克隆此仓库到本地：git clone <repository-url>。
1. 进入项目目录：cd <project-directory>。
1. 安装项目依赖：npm install。
1. 启动数据库：启动MongoDB数据库服务器。
1. 运行项目：npm run serve , npm start运行express。
1. 在浏览器中访问：http://localhost:8080。


#### 使用说明

1、管理员登录后，可以进入后台管理页面，进行新闻发布、删除和编辑操作，以及添加和删除用户。
2、用户可以通过注册账号并登录系统，查看发布的新闻，并根据分类新闻，查看新闻详情。
3、在新闻详情页面，用户可以查看新闻的详细信息，并可以评论和分享新闻。

#### 参与贡献

欢迎大家参与贡献，共同完善这个新闻发布系统。如果您有任何建议或问题，请在仓库的issues部分提出。如果您想贡献代码，请提交pull请求，我们会进行审核并合并。感谢您的参与！