文末获取源码

开发语言:Java

框架:springboot

JDK版本:JDK1.8

服务器:tomcat7

数据库:mysql 5.7/8.0

数据库工具:Navicat11

开发软件:eclipse/myeclipse/idea

Maven包:Maven3.3.9

浏览器:谷歌浏览器

前言介绍

本文主要论述了如何使用JAVA语言开发一个校园新闻网站 ,本系统将严格按照软件开发流程进行各个阶段的工作,采用B/S架构,面向对象编程思想进行项目开发。在引言中,作者将论述校园新闻网站的当前背景以及系统开发的目的,后续章节将严格按照软件开发流程,对系统进行各个阶段分析设计。

校园新闻网站的主要使用者分为管理员和用户,实现功能包括管理员:首页、个人中心、用户管理、新闻类型管理、校园新闻管理、留言板管理、论坛交流、系统管理,用户前台:首页、校园新闻、论坛交流、留言反馈、个人中心、后台管理等功能。由于本网站的功能模块设计比较全面,所以使得整个校园新闻网站信息管理的过程得以实现。

本系统的使用可以实现本校园新闻网站管理的信息化,可以方便管理员进行更加方便快捷的管理,可以提高管理人员的工作效率。

系统功能分析

本校园新闻网站主要包括二大功能模块,即用户功能模块和管理员功能模块。

(1)管理员模块:系统中的核心用户是管理员,管理员登录后,通过管理员功能来管理后台系统。主要功能有:首页、个人中心、用户管理、新闻类型管理、校园新闻管理、留言板管理、论坛交流、系统管理等功能。管理员用例图如图

(2)用户前台:首页、校园新闻、论坛交流、留言反馈、个人中心、后台管理等功能,用户前台如图

系统结构设计

整个系统是由多个功能模块组合而成的,要将所有的功能模块都一一列举出来,然后进行逐个的功能设计,使得每一个模块都有相对应的功能设计,然后进行系统整体的设计。

本校园新闻网站结构图如图

数据库设计

本校园新闻网站采用的是MYSQL数据库,数据存储快,因为校园新闻网站 ,主要的就是对信息的管理,信息内容比较多,这就需要好好的设计一个好的数据库,分类要清楚,不能添加信息的时候,造成信息太过混乱,设计好的数据库首先就需要先把各个实体之间的关系表达明确,系统的E-R图如下图所示:

1、用户信息实体图如图

2、校园新闻信息实体图如图

3、留言板信息实体图如图

用户前台功能模块

校园新闻网站 ,在系统首页可以查看首页、校园新闻、论坛交流、留言反馈、个人中心、后台管理等内容,如图

用户登录

用户注册

在注册页面可以填写用户名、密码、姓名、联系电话等信息进行注册、登录,如图

校园新闻

在校园新闻页面通过查看标题、类型、图片、发布日期等信息进行点我收藏,如图

个人中心页面通过填写用户名、密码、姓名、头像、性别、联系电话等信息进行更新信息、退出登录操作,如图

管理员功能模块

管理员登录,通过填写用户名、密码、角色进行登录,如图

管理员登录进入校园新闻网站可以查看首页、个人中心、用户管理、新闻类型管理、校园新闻管理、留言板管理、论坛交流、系统管理等信息

用户管理

在用户管理页面中可以通过查看用户名、姓名、头像、性别、联系电话等内容进行修改、删除,如图

还可以根据需要对新闻类型管理进行详情,修改或删除等详细操作,如图

校园新闻管理

在校园新闻管理页面中可以查看标题、类型、图片、发布日期等信息,并可根据需要对已有校园新闻管理进行修改或删除等操作,如图

留言板管理

在留言板管理页面中可以查看用户名、留言内容、回复内容等信息,并可根据需要对已有留言板管理进行修改或删除等详细操作,如图

轮播图

该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图

论坛交流

在论坛交流页面中可以查看帖子标题、用户名、状态等内容,并且根据需要对已有论坛交流进行详情,修改或删除等详细操作,如图

部分核心代码

# Tomcat
server:tomcat:uri-encoding: UTF-8port: 8080servlet:context-path: /springbootr1tjfspring:datasource:driverClassName: com.mysql.jdbc.Driverurl: jdbc:mysql://127.0.0.1:3308/springbootr1tjf?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8username: rootpassword: 123456#        driverClassName: com.microsoft.sqlserver.jdbc.SQLServerDriver
#        url: jdbc:sqlserver://127.0.0.1:1433;DatabaseName=springbootr1tjf
#        username: sa
#        password: 123456servlet:multipart:max-file-size: 10MBmax-request-size: 10MBresources:static-locations: classpath:static/,file:static/#mybatis
mybatis-plus:mapper-locations: classpath*:mapper/*.xml#实体扫描,多个package用逗号或者分号分隔typeAliasesPackage: com.entityglobal-config:#主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";id-type: 1#字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"field-strategy: 2#驼峰下划线转换db-column-underline: true#刷新mapper 调试神器refresh-mapper: true#逻辑删除配置logic-delete-value: -1logic-not-delete-value: 0#自定义SQL注入器sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjectorconfiguration:map-underscore-to-camel-case: truecache-enabled: falsecall-setters-on-nulls: true#springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)jdbc-type-for-null: 'null'
/*** 校园新闻* 后端接口* @author * @email * @date 2021-03-31 09:07:48*/
@RestController
@RequestMapping("/xiaoyuanxinwen")
public class XiaoyuanxinwenController {@Autowiredprivate XiaoyuanxinwenService xiaoyuanxinwenService;/*** 后端列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params,XiaoyuanxinwenEntity xiaoyuanxinwen,HttpServletRequest request){EntityWrapper<XiaoyuanxinwenEntity> ew = new EntityWrapper<XiaoyuanxinwenEntity>();PageUtils page = xiaoyuanxinwenService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, xiaoyuanxinwen), params), params));return R.ok().put("data", page);}/*** 前端列表*/@IgnoreAuth@RequestMapping("/list")public R list(@RequestParam Map<String, Object> params,XiaoyuanxinwenEntity xiaoyuanxinwen, HttpServletRequest request){EntityWrapper<XiaoyuanxinwenEntity> ew = new EntityWrapper<XiaoyuanxinwenEntity>();PageUtils page = xiaoyuanxinwenService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, xiaoyuanxinwen), params), params));return R.ok().put("data", page);}/*** 列表*/@RequestMapping("/lists")public R list( XiaoyuanxinwenEntity xiaoyuanxinwen){EntityWrapper<XiaoyuanxinwenEntity> ew = new EntityWrapper<XiaoyuanxinwenEntity>();ew.allEq(MPUtil.allEQMapPre( xiaoyuanxinwen, "xiaoyuanxinwen")); return R.ok().put("data", xiaoyuanxinwenService.selectListView(ew));}/*** 查询*/@RequestMapping("/query")public R query(XiaoyuanxinwenEntity xiaoyuanxinwen){EntityWrapper< XiaoyuanxinwenEntity> ew = new EntityWrapper< XiaoyuanxinwenEntity>();ew.allEq(MPUtil.allEQMapPre( xiaoyuanxinwen, "xiaoyuanxinwen")); XiaoyuanxinwenView xiaoyuanxinwenView =  xiaoyuanxinwenService.selectView(ew);return R.ok("查询校园新闻成功").put("data", xiaoyuanxinwenView);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id){XiaoyuanxinwenEntity xiaoyuanxinwen = xiaoyuanxinwenService.selectById(id);return R.ok().put("data", xiaoyuanxinwen);}/*** 前端详情*/@IgnoreAuth@RequestMapping("/detail/{id}")public R detail(@PathVariable("id") Long id){XiaoyuanxinwenEntity xiaoyuanxinwen = xiaoyuanxinwenService.selectById(id);return R.ok().put("data", xiaoyuanxinwen);}/*** 后端保存*/@RequestMapping("/save")public R save(@RequestBody XiaoyuanxinwenEntity xiaoyuanxinwen, HttpServletRequest request){xiaoyuanxinwen.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(xiaoyuanxinwen);xiaoyuanxinwenService.insert(xiaoyuanxinwen);return R.ok();}/*** 前端保存*/@RequestMapping("/add")public R add(@RequestBody XiaoyuanxinwenEntity xiaoyuanxinwen, HttpServletRequest request){xiaoyuanxinwen.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(xiaoyuanxinwen);xiaoyuanxinwenService.insert(xiaoyuanxinwen);return R.ok();}/*** 修改*/@RequestMapping("/update")public R update(@RequestBody XiaoyuanxinwenEntity xiaoyuanxinwen, HttpServletRequest request){//ValidatorUtils.validateEntity(xiaoyuanxinwen);xiaoyuanxinwenService.updateById(xiaoyuanxinwen);//全部更新return R.ok();}/*** 删除*/@RequestMapping("/delete")public R delete(@RequestBody Long[] ids){xiaoyuanxinwenService.deleteBatchIds(Arrays.asList(ids));return R.ok();}/*** 提醒接口*/@RequestMapping("/remind/{columnName}/{type}")public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, @PathVariable("type") String type,@RequestParam Map<String, Object> map) {map.put("column", columnName);map.put("type", type);if(type.equals("2")) {SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");Calendar c = Calendar.getInstance();Date remindStartDate = null;Date remindEndDate = null;if(map.get("remindstart")!=null) {Integer remindStart = Integer.parseInt(map.get("remindstart").toString());c.setTime(new Date()); c.add(Calendar.DAY_OF_MONTH,remindStart);remindStartDate = c.getTime();map.put("remindstart", sdf.format(remindStartDate));}if(map.get("remindend")!=null) {Integer remindEnd = Integer.parseInt(map.get("remindend").toString());c.setTime(new Date());c.add(Calendar.DAY_OF_MONTH,remindEnd);remindEndDate = c.getTime();map.put("remindend", sdf.format(remindEndDate));}}Wrapper<XiaoyuanxinwenEntity> wrapper = new EntityWrapper<XiaoyuanxinwenEntity>();if(map.get("remindstart")!=null) {wrapper.ge(columnName, map.get("remindstart"));}if(map.get("remindend")!=null) {wrapper.le(columnName, map.get("remindend"));}int count = xiaoyuanxinwenService.selectCount(wrapper);return R.ok().put("count", count);}}

SpringBoot+Vue+Element-UI实现校园新闻网站相关推荐

  1. 实验管理系统springboot+vue+element ui项目开发

    实验管理系统 某学院实验老师长期采用人工的形式完成药品试剂的入库.查询.出库的流程.但这种方式存在诸多问题和不便: 1. 在仓库运行流程中效率不高,容易出错. 2. 管理人员不能方便的了解每种物品的状 ...

  2. Maynor手把手教你完成一个SpringBoot+Vue+Element实现的SPA商品管理系统(增删改查)

    Maynor手把手教你完成一个SpringBoot+Vue+Element实现的SPA商品管理系统(增删改查) 前言 完整代码 三连后私信我获取~ 撸了一上午完成的SPA商品管理系统,求三连! B站演 ...

  3. vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...

    点击右上方红色按钮关注"web秀",让你真正秀起来 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...

  4. Vue + Element UI 实现 登陆注册基本demo实例

    Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 导入项目 打开 Visual Studio Code,File --> add Folder ...

  5. 【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架

    [Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...

  6. 基于vue(element ui) + ssm + shiro 的权限框架

    zhcc 基于vue(element ui) + ssm + shiro 的权限框架 引言 心声 现在的Java世界,各种资源很丰富,不得不说,从分布式,服务化,orm,再到前端控制,权限等等玲琅满目 ...

  7. 【vue开发问题-解决方法】(五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function

    [vue开发问题-解决方法](五)vue Element UI 日期选择器获取日期格式问题 t.getTime is not a function 参考文章: (1)[vue开发问题-解决方法](五) ...

  8. 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Table表格增删查改、Pagination分页、搜索框

    文章目录 目标 代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式 总 ...

  9. 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Form表单填写、Dialog对话框弹出

    文章目录 目标 代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...

  10. VUE element ui 动态合并单元格问题

    ** VUE element ui 动态合并单元格问题** 1.基础方法 //最开始从网上找到了一个基本的可以同时兼顾行和列的方法,时间太久忘记出自哪里了.如下: //效果 //绑定 :span-me ...

最新文章

  1. Series([] , [‘索引‘]) 数据字典 {‘项值 ’:键值}
  2. 001-ant design安装及快速入门【基于纯antd的基本项目搭建】
  3. 在线富文本编辑器 UMeditor
  4. STM32的I/O口的八种工作模式
  5. Ajax实现异步操作实例_针对XML格式的请求数据
  6. 利用AI技术自动测试游戏
  7. [仙吕·一半儿] 题画《翠林和鸣》
  8. 36个非常有趣的互动网站设计作品范例
  9. 【angularjs】使用angular搭建项目,pc端实现网页中的内容不可复制
  10. 从头到尾再讲一遍ThreadLocal
  11. 宠物兽医体层摄影术行业调研报告 - 市场现状分析与发展前景预测(2021-2027年)
  12. 新裝win7虚拟机设置记录-20180909
  13. 2012第50周星期日
  14. HDU1042 n!【大数+万进制】
  15. UnityShader9.1:光照基础实例
  16. 随机抽取文件内容中的一行
  17. matlab常用函数通俗解释(fft2和fftshift函数设置问题等)
  18. 2017-2018-1 20155317《信息安全系统设计基础》 实验五 通讯协议设计
  19. 无线ap上网设置教程
  20. python的matplotlib风格_Python可视化|matplotlib04-绘图风格(plt.style)大全

热门文章

  1. 如何用计算机专业说一段情话,计算机系说情话
  2. 【Python学习日历】Day.1-Python语言与运算符
  3. Unity Dropdown 图片Option(sprite)
  4. 运行jar包时指定prod时报异常
  5. 10年老司机告诉你,怎选光缆通讯配件?
  6. html中li右对齐的方法
  7. Write Your Own Operating System Tutorial(中文版) - 简介
  8. Unity简单操作:设置触发条件 切换Animator动画控制器 里面播放的Animation动画
  9. 请用英语描述smart city 的优点
  10. 三菱电机公布造假问题整改计划