🐮今天给大家分享一个基于springboot和vue开发的文化宣传管理系统,包含前端和后台,系统完美运行。
系统获取源码的获取方式见文章底部。
为防止文章遗失,请大家关注博主并点赞、收藏文章。
具体的介绍如下所示。🐮
目录
1.技术介绍
类别 | 内容 |
---|---|
核心技术 | springboot+vue(16.20.0) |
JDK版本 | JDK1.8 |
开发工具 | idea+vscode |
数据库 | mysql 8.0 |
持久层框架 | mybatis plus |
maven版本 | 3.9(低版本的idea可能不支持3.9的maven版本) |
2.功能介绍
项目分为前台用户界面和后台管理系统
前台功能:
- 首页(推荐及公告)
- 个人中心
- 各类信息展示
- 用户注册、登录
后台功能:
- 管理员、用户登录
- 用户管理
- 个人信息管理
- 各类信息管理
- 轮播图管理
- 公告管理
3.展示信息前端
3.1 登录和注册
用户登录
用户注册
3.2 首页展示
轮播图展示
推荐信息展示
公告信息推荐
3.3 各类展示信息
以儒家文化为例,可以查看信息展示,点击分类可按照类型或直接按照名称查看各类信息的展示
点击可以查看详细信息
3.4 公告咨询
公告展示列表
点击可查看公告详情
3.5 个人中心
个人中心展示及更新
4.管理系统前端
4.1 登录
管理员或者用户登录
4.2 首页
管理员登录首页
用户登录首页,用户账号只能修改个人登录的账号密码或者个人账号信息
4.3 个人中心
个人账号密码修改
个人信息修改
4.4 用户管理
对用户进行增删改查
4.5 各类展示信息管理
以儒家文化为例,对展示信息进行增删改查,支持富文本编辑
修改页面
4.6 系统管理
公告管理
修改页面
4.7 轮播图管理
5.核心代码
/**
* 通用接口
*/
@RestController
public class CommonController{
@Autowired
private CommonService commonService;
private static AipFace client = null;
@Autowired
private ConfigService configService;
/**
* 获取table表中的column列表(联动接口)
* @param table
* @param column
* @return
*/
@IgnoreAuth
@RequestMapping("/option/{tableName}/{columnName}")
public R getOption(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName,String level,String parent,String type) {
Map<String, Object> params = new HashMap<String, Object>();
params.put("table", tableName);
params.put("column", columnName);
if(StringUtils.isNotBlank(level)) {
params.put("level", level);
}
if(StringUtils.isNotBlank(parent)) {
params.put("parent", parent);
}
if(StringUtils.isNotBlank(type)) {
params.put("type", type);
}
List<String> data = commonService.getOption(params);
return R.ok().put("data", data);
}
/**
* 根据table中的column获取单条记录
* @param table
* @param column
* @return
*/
@IgnoreAuth
@RequestMapping("/follow/{tableName}/{columnName}")
public R getFollowByOption(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName, @RequestParam String columnValue) {
Map<String, Object> params = new HashMap<String, Object>();
params.put("table", tableName);
params.put("column", columnName);
params.put("columnValue", columnValue);
Map<String, Object> result = commonService.getFollowByOption(params);
return R.ok().put("data", result);
}
/**
* 修改table表的sfsh状态
* @param table
* @param map
* @return
*/
@RequestMapping("/sh/{tableName}")
public R sh(@PathVariable("tableName") String tableName, @RequestBody Map<String, Object> map) {
map.put("table", tableName);
commonService.sh(map);
return R.ok();
}
/**
* 登录相关
*/
@RequestMapping("config")
@RestController
public class ConfigController{
@Autowired
private ConfigService configService;
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,ConfigEntity config){
EntityWrapper<ConfigEntity> ew = new EntityWrapper<ConfigEntity>();
PageUtils page = configService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, config), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@IgnoreAuth
@RequestMapping("/list")
public R list(@RequestParam Map<String, Object> params,ConfigEntity config){
EntityWrapper<ConfigEntity> ew = new EntityWrapper<ConfigEntity>();
PageUtils page = configService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, config), params), params));
return R.ok().put("data", page);
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
ConfigEntity config = configService.selectById(id);
return R.ok().put("data", config);
}
/**
* 详情
*/
@IgnoreAuth
@RequestMapping("/detail/{id}")
public R detail(@PathVariable("id") String id){
ConfigEntity config = configService.selectById(id);
return R.ok().put("data", config);
}
/**
* 根据name获取信息
*/
@RequestMapping("/info")
public R infoByName(@RequestParam String name){
ConfigEntity config = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
return R.ok().put("data", config);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody ConfigEntity config){
// ValidatorUtils.validateEntity(config);
configService.insert(config);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody ConfigEntity config){
// ValidatorUtils.validateEntity(config);
configService.updateById(config);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
configService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
6.源码获取
后续会给大家继续分享好的系统,请持续关注。
下方卡片