基于SpringBoot甘肃“印象”网站的设计与实现

本文介绍了甘肃‘印象’网站的开发,主要使用Java和SpringBoot技术,涉及前后端模块、数据库管理、登录功能、前端UI设计等内容,展示了系统结构和部分关键功能的实现,包括登录模块、用户管理、特产管理等。
摘要由CSDN通过智能技术生成

博主主页:一点源码

博主简介:专注Java技术领域和毕业设计项目实战、Java、微信小程序、安卓等技术开发,远程调试部署、代码讲解、文档指导、ppt制作等技术指导。
主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、小程序、安卓app、大数据等设计与开发。

感兴趣的可以收藏+关注,所有项目均配有开发文档,一系列安装配置教程,可以定制功能包安装运行!!

🍅文末获取联系🍅

项目介绍 

与安卓,iOS相比较起来,甘肃“印象”网站在流畅性,续航能力,等方方面面都有着很大的优势。这就意味着甘肃“印象”网站的设计可以比其他系统更为出色的能力,可以更高效的完成最新的历史名人、文化遗产、风俗地貌、网站公告等功能。

此系统设计主要采用的是JAVA语言来进行开发,采用Spring Boot框架技术,框架分为三层,分别是控制层Controller,业务处理层Service,持久层dao,能够采用多层次管理开发,对于各个模块设计制作有一定的安全性;数据库方面主要采用的是MySQL来进行开发,其特点是稳定性好,数据库存储容量大,处理能力快等优势;服务器采用的是Tomcat服务,能够提供稳固的运行平台,确保系统稳定运行。通过甘肃“印象”网站来提升本课题的各项功能的工作效率,提供了一个多样功能,具有良好实用性的甘肃“印象”网站。

系统主要技术 

开发语言:Java

使用框架:spring boot

前端技术:JavaScript、Vue 、css3

开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库:MySQL 5.7/8.0

数据库管理工具:phpstudy/Navicat

JDK版本:jdk1.8

Maven: apache-maven 3.8.1-bin

系统结构设计

系统结构图可以把杂乱无章的模块按照设计者的思维方式进行调整排序,可以让设计者在之后的添加,修改程序内容的过程中有一个很明显的思维方向。同时结构图还可以让设计者以外的其他人更直观的看出整个系统的设计理论和设计过程。让系统的设计变的更直观。该系统的功能架构图如图3-1所示:

部分功能展示 

4.1登录模块设计

这个功能模块用来让工作人员进行后端登录。管理人员通过网站。在输入自己的用户名和密码、角色进行登录,登录后管理人员就可以对后台的信息相关的操作。

首先,设计后端管理的登陆页面。对页面的各个板块进行详细的设计,规划它们的字体大小,背景颜色,字体颜色和板块大小等。还要加上图片,让页面被设计的更加美观。以便让以后需要登陆的管理员可以直观的使用。

4.2 前台系统功能模块

当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到甘肃“印象”网站的导航条显示首页、历史名人、文化遗产、风俗地貌、甘肃特产、网站公告、后台管理等。系统首页界面如图4-1所示:

4-1系统首页界面

在系统首页点击中间的注册/登录按钮,然后页面跳转到注册登录界面,后来输入信息完成后,单击注册或者登录操作,如图4-2所示:

4-2用户注册、用户登录界面

用户点甘肃特产;在甘肃特产页面的搜索栏输入产品名称、产品分类、品种进行查询,然后可以查看产品名称、产品图片、产品分类、产品特色、产品规格、品种、特产价格等信息,如果有需要可以点击购买或者收藏、评论等操作;如图4-3所示。

4-3甘肃特产界面图

用户点文化遗产;在文化遗产页面的搜索栏输入名称、起源、分类、传承人进行查询,然后可以查看名称、封面、起源、分类、传承人、特点、简介、发布日期等信息,如果有需要可以点击收藏、评论等操作如图4-4所示。

4-4文化遗产界面图

留言网站的实现:主要是通过留言网站可以让用户去进一步的与管理员进行沟通,可以去提出自己的想法或者自己所面临的问题等,如图4-5所示。

4-5留言网站界面图

在个人中心页面可以输入个人详细信息,进行信息更新操作,还可以对我的收藏进行详细操作,如图4-6所示:

   4-6个人中心界面

4.3管理员功能模块

管理员通过登录页面填写用户名和密码,完成后进行登录,如图4-7所示。

4-7管理员登录页面

管理员登录进入甘肃“印象”网站的实现可以查看系统首页、个人中心、用户管理、历史名人管理、文化遗产管理、风俗地貌管理、甘肃特产管理、特产订单管理、特产分类管理、网站留言、系统管理等信息,如图4-8所示。

4-8管理员功能界面图

管理员点击用户管理;在用户管理页面对用户账号、用户姓名、性别、年龄、头像、用户手机等信息,进行查询,新增或删除用户信息等操作如图4-9所示。

4-9用户管理界面图

管理员点击历史名人管理;在历史名人管理页面对姓名、照片、民族、性别、出生日期、逝世日期、职业等信息,进行查询,新增或删除历史名人等操作如图4-10所示。

4-10历史名人管理界面图

管理员点击文化遗产管理;在文化遗产管理页面对名称、封面、起源、分类、传承人、特点、发布日期等信息,进行查询,新增或删除文化遗产等操作如图4-11所示。

4-11文化遗产管理界面图

管理员点击风俗地貌管理;在风俗地貌管理页面对地理位置、地貌特征、封面图片、地理特点、古迹遗址、自然资源、发布日期等信息,进行查询、新增或删除风俗地貌等操作如图4-12所示。

4-12风俗地貌管理界面图

管理员点甘肃特产管理;在甘肃特产管理页面对产品名称、产品图片、产品分类、产品特色、产品规格、品种、特产价格等信息,进行查询、新增、或删除甘肃特产等操作如图4-13所示。

4-13甘肃特产管理界面图

管理员点击网站留言;在网站留言页面对用户名、留言内容、留言图片、回复内容、回复图片等信息,进行查询或删除网站留言等操作如图4-14所示。

4-14网站留言界面图

4.4 用户功能模块

用户点击后台管理,然后页面跳转到用户主页面,可以对系统首页、个人中心、特产订单管理、网站留言等功能进行相应操作,如图4-15所示。

   4-15用户功能界图面

部分代码实现 

/**
 * 上传文件映射表
 */
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{
	@Autowired
    private ConfigService configService;
	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
    @IgnoreAuth
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		/**
  		 * 如果使用idea或者eclipse重启项目,发现之前上传的图片或者文件丢失,将下面一行代码注释打开
   		 * 请将以下的"D:\\springbootq33sd\\src\\main\\resources\\static\\upload"替换成你本地项目的upload路径,
 		 * 并且项目路径不能存在中文、空格等特殊字符
 		 */
//		FileUtils.copyFile(dest, new File("D:\\springbootq33sd\\src\\main\\resources\\static\\upload"+"/"+fileName)); /**修改了路径以后请将该行最前面的//注释去掉**/
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}
	
	/**
	 * 下载文件
	 */
	@IgnoreAuth
	@RequestMapping("/download")
	public ResponseEntity<byte[]> download(@RequestParam String fileName) {
		try {
			File path = new File(ResourceUtils.getURL("classpath:static").getPath());
			if(!path.exists()) {
			    path = new File("");
			}
			File upload = new File(path.getAbsolutePath(),"/upload/");
			if(!upload.exists()) {
			    upload.mkdirs();
			}
			File file = new File(upload.getAbsolutePath()+"/"+fileName);
			if(file.exists()){
				/*if(!fileService.canRead(file, SessionManager.getSessionUser())){
					getResponse().sendError(403);
				}*/
				HttpHeaders headers = new HttpHeaders();
			    headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);    
			    headers.setContentDispositionFormData("attachment", fileName);    
			    return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.CREATED);
			}
		} catch (IOException e) {
			e.printStackTrace();
		}
		return new ResponseEntity<byte[]>(HttpStatus.INTERNAL_SERVER_ERROR);
	}
	
}

  • 24
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值