【开源项目】 SpringBoot+Vue 搭建公司门户网站以及后台管理系统

项目背景

这个项目是本人和一位好友也是大学室友在大学的时候接的一个大学老师的项目,主要是做一个智能马桶的官网,当时我俩技术都还不是很成熟,接这个项目纯粹属于边学边做,不过在做项目的过程中确实也学习到很多的知识,毕竟实践出真理嘛。因为项目并不是很急,所以我们再做的时候并没有很仓促,有足够的时间去学习再应用。这个项目当时做的时候是需要门户网站适用PC端和移动端两个,同时还需要一个单独的后台管理系统。

后端

公司门户

项目后端主要是通过Springboot框架搭建,同时使用到的开源技术有:

  • mybatisplus
  • beelt (模板引擎)
  • jpa
  • mysql
  • redis
  • shiro
  • 七牛云

当时在技术选型上,还是花了不少功夫,因为项目涉及到门户网站和管理后台,所以当时考虑的就是将门户网站通过模板引擎的方式与后端项目绑定一起,而不是都采用前后端分离的方式,这样可以减轻开发的复杂度。在选择模板引擎的时候当时参考了当下流行的几款模板引擎框架,如jspfreemarker等,最后采用beetle作为最终选择,也是偶然看到了这个,当时看了一下它的官网,官网说它的性能比其他的模板引擎好很多,还给了一些列的比较数据,所以就确定了他。

前端

后台界面

前端依旧采用了当前流行的vue框架,用到的开源技术框架有:

  • element-ui
  • axios
  • vuex
  • vue-router
  • moment
  • tinymce

由于当时只有门户网站给了原型设计,后台管理系统没有给出相应的设计,所以后台界面可能看上去会比较丑一点,不过还是勉强能看。

项目地址

后端: https://gitee.com/out-project/mywebsite

前端: https://gitee.com/out-project/adminWeb

  • 11
    点赞
  • 93
    收藏
    觉得还不错? 一键收藏
  • 19
    评论
Spring Boot是一个基于Java的开源框架,它可以快速地构建独立的、可运行的应用程序。而Vue是一种现代化的JavaScript框架,用于构建用户界面。将这两种技术结合起来,可以开发一个功能强大的后台管理系统。 Spring Boot可以提供后台的业务逻辑处理和数据库访问功能。它可以轻松地与数据库进行交互,并提供RESTful API供前端调用。通过使用Spring Boot,可以更加快速、简单地搭建出一个高效可靠的后台。 Vue则负责前端的展示和用户交互。它具有简洁的语法和强大的组件化能力,可以快速地构建出美观、交互友好的用户界面。Vue使用了虚拟DOM技术,可以高效地处理大规模数据的渲染和更新。 通过使用Spring Boot和Vue,可以快速构建一个具有以下特点的后台管理系统: 1. 响应式设计:使用Vue的组件化能力,可以设计出适应不同设备和屏幕大小的界面,提供更好的用户体验。 2. 实时通信:使用WebSocket等技术,可以实现实时更新和通信功能,更好地满足用户需求。 3. 权限管理:通过Spring Boot的安全框架和Vue的路由拦截功能,可以进行用户权限管理,确保只有授权用户可以访问特定页面和功能。 4. 数据可视化:结合Vue的各种图表库,可以实现数据可视化展示,提供更直观的数据分析和决策支持。 5. 多语言支持:Vue支持国际化功能,可以轻松实现多语言的后台管理系统,满足不同地区和用户群体的需求。 综上所述,使用Spring Boot和Vue开发后台管理系统可以提供快速开发、高效可靠、界面美观、用户体验好、功能强大、易于维护等优势。希望这个回答对您有帮助!
评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值