新闻信息管理系统功能展示

简介: 新闻信息管理系统功能展示

项目技术:html、css、javascript、node.js、vue、mysql


项目描述: 新闻管理系统,主要功能包括:新闻信息的增删改查、用户登录、 文 件 上 传 保 存 等 。 网 站 页 面 主 要 使 用 html+css 进 行 布 局 美 化 , JavaScript+Bootstrap 进行动态效果的实现。使用 vue.js 做前端开发框架,node.js 以及 express 框架搭建服务器


效果如下:


1、登陆功能(校验规则、验证码、token)


ac25dcfbe6e642be82b404983a6184af.jpg

2、显示新闻列表界面

17b71ce20a194151bce57131a1dc5460.png


3、图片查看


7ef9ec652de1486c866d5fb3aaf92697.png


4、修改新闻信息(标题、图片、富文本编辑器)


d9a52c79c5114525aae9030f1e7ee209.png


5、添加新闻信息(标题、图片、富文本编辑器)

5a5909809a0b415db05dbbea74cef7a5.png



6、删除新闻信息

1980dac659824444b4871d57fea6153f.png

7、展示新闻列表


网络异常,图片无法展示
|


8、查看新闻信息


image.png



9、好啦,差不多就这么点功能了,真是太少了,第一次写Vue都是这样的啦,以后好好加油↖(ω)↗吧

相关文章
|
7月前
|
弹性计算 关系型数据库 Apache
阿里云实验基于ECS搭建云上博客
实验网址https://developer.aliyun.com/adc/scenario/fdecd528be6145dcbe747f0206e361f3?spm=a2c6h.13858375.devcloud-scene-list.4.d1a04090jMEG9j
270 83
|
9月前
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
监控 数据库 虚拟化
虚拟化识别USB加密狗|银行U盾等解决方案
USB SEVER产品不再单纯依赖本地主机,这打破了传统的远程监控困难的桎梏。客户只需使用互联网便可以隨時隨地访问并监控设备,操作方便。使远程设备与主机进行通信,而无需更改现有的应用软件。通过一个IP地址从远程服务器或PC外围设备可以集中管理和监控。
|
JavaScript 前端开发 API
花了一天的时间,地板式扫盲了vue3中所有API盲点
这篇文章全面介绍了Vue3中的API,包括组合式API、选项式API等内容,旨在帮助开发者深入了解并掌握Vue3的各项功能。
花了一天的时间,地板式扫盲了vue3中所有API盲点
ARM64技术 —— MMU处于关闭状态时,内存访问是怎样的?
ARM64技术 —— MMU处于关闭状态时,内存访问是怎样的?
|
JavaScript IDE API
vue3中的单文件组件<script setup>和setup函数区别 详解(一)
vue3中的单文件组件<script setup>和setup函数区别 详解
792 0
|
算法 数据挖掘 BI
【2023 华数杯全国大学生数学建模竞赛】 B题 不透明制品最优配色方案设计 39页论文及python代码
本文介绍了一种基于计算机配色理论的数学模型,旨在解决不透明制品的最优配色方案设计问题,通过线性回归分析、色差计算和多目标规划模型,实现了高效、准确的配色方案优化。
309 0
|
前端开发 UED
CSS动画(轮播图)
CSS动画(轮播图)
|
网络安全 数据安全/隐私保护
银河麒麟v10系统SSH远程管理及切换root用户的操作方法
银河麒麟v10系统SSH远程管理及切换root用户的操作方法
6685 0