开源后台服务管理系统的搭建

这篇具有很好参考价值的文章主要介绍了开源后台服务管理系统的搭建。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

     在做大型业务时候,很多时候为快速完成项目的后期高并发和高可用等场景,需要快速搭建项目,后台管理就是其中一项,本章就是教大家利用码云上的人人开源如何搭建一个前后端分类的后台管理系统。具体的步骤如下。

1、搜索和了解人人开源

       https://gitee.com/renrenio

       到码云上搜索人人开源,会看到有

  • renren-fast
  • ​renren-fast-vue
  • ​renren-fast-adminlte
  • renren-security 
  • renren-ui
  • renren-generator

开源后台服务管理系统的搭建

      其中 renren-fast 和 renren-fast-vue就是后台管理系统的后端和前端代码,二者组合是后台管理系统。而​renren-fast-adminlte则是完全用html写的前端

      其中 renren-security 也是后台管理系统,只是它不是前端和后端分离的。

      其中 renren-generator 是用来根据mysql数据库表逆向生成相应代码。使用过程见mysql逆向工程搭建。

2、搭建 后台管理系统 的后端运行环境

2.1 下载renren-fast

        从码云上 clone  renren-fast 代码 或者下载压缩包

开源后台服务管理系统的搭建

2.2 添加到项目中(或idea单独打开项目),并创建库和表

       使用 renren-fast 中 db目录下的 mysql.sql创建库和表

       创建数据库 xxxmall-admin

       创建表(sql见mysql.sql)

开源后台服务管理系统的搭建

 2.3 修改配置文件

        主要修改renren-fast 中 src下面的配置文件中数据库及用户名和密码

开源后台服务管理系统的搭建

开源后台服务管理系统的搭建

2.4 运行主启动类,进行测试

开源后台服务管理系统的搭建

       运行主启动类的时候可能会报错,因为该项目Modules中的Language level为1.5,版本较低,不支持diamond运算符(<>)。项目中有使用过Java 8中新特性Lambda表达式,idea系统默认的是使用1.5,因此语法不支持。因此需要做以下修改。    

  • 先修改idea设置的java编译版本,默认是1.5

开源后台服务管理系统的搭建

  •  修改项目使用的java版本及语言水平

开源后台服务管理系统的搭建

  •  修改项目结构中 Module 的 Language Level 为 8

开源后台服务管理系统的搭建

开源后台服务管理系统的搭建

         至此步骤位置,后台管理系统的后端代码已经运行起来了。访问的接口是:http://localhost:8080/renren-fast/

3、搭建 后台管理系统 的前端运行环境

3.1 下载renren-fast-vue

        从码云上 clone  renren-fast-vue 代码 或者下载压缩包

开源后台服务管理系统的搭建

 3.2 添加到项目中 

        本文使用的工具是Visual Studio Code , Vue开发的环境是基于 nodejs,关于 Visual Studio Code 和 nodejs 的搭建和安装见:

        Visual Studio Code :https://blog.csdn.net/qq_41946216/article/details/126681770?spm=1001.2014.3001.5502

       nodejs安装:

        https://blog.csdn.net/qq_41946216/article/details/126682503?spm=1001.2014.3001.5502

       使用 Visual Studio Code 打开项目

开源后台服务管理系统的搭建

 3.3 打开控制台

开源后台服务管理系统的搭建

3.4 下载依赖

      在控制台执行 npm install 命令,这个命令会根据 package.json 下载前端 所需要的依赖。下载的所有依赖信息都在 nodejs 根目录下的 node_modules 里面。

开源后台服务管理系统的搭建

3.5 运行项目

      下载完依赖之后,运行项目,使用命令 npm run dev

开源后台服务管理系统的搭建

3.6 访问前端网址

开源后台服务管理系统的搭建

开源后台服务管理系统的搭建

4、前后端联调

       先运行后端程序,再运行前端程序,则可以进行联调。

       默认用户名 admin 

       默认密码 admin

开源后台服务管理系统的搭建

开源后台服务管理系统的搭建文章来源地址https://www.toymoban.com/news/detail-413495.html

到了这里,关于开源后台服务管理系统的搭建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 12个开源的后台管理系统

    12个开源的后台管理系统

    1. D2admin 开源地址:https://github.com/d2-projects/d2-admin 文档地址:https://d2.pub/zh/doc/d2-admin/ 效果预览:https://d2.pub/d2-admin/preview/#/index 开源协议:MIT 开源地址:https://github.com/PanJiaChen/vue-element-admin 文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/ 效果预览:https://d2.pub/d2-admin/

    2024年01月16日
    浏览(15)
  • 开源后台管理系统Geekplus Admin

    开源后台管理系统Geekplus Admin

    本系统采用前后端分离开发模式,后端采用springboot开发技术栈,mybatis持久层框架,redis缓存,shiro认证授权框架,freemarker模版在线生成代码,websocket消息推送等,后台管理包含用户管理,角色管理,菜单权限管理,部门组织管理,通知管理,日志管理,系统监控,在线用户,

    2024年02月12日
    浏览(10)
  • 【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统(前后端开源)

    【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统(前后端开源)

    vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案,技术栈为 Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router 等当前主流框架。 相较于其他管理前端框架,vue3-element-admin 的优势在于 一有一无 (有配套后端、无复杂封装): 配套完整 Java 后

    2023年04月26日
    浏览(45)
  • vue3开源后台管理系统模板

    vue3开源后台管理系统模板

    2022-08-28 推荐一些 Vue3 常用后台管理系统模板。 Vue3 在今年2月份已成为新的默认版本,本文收集了一些 Vue3 的后台管理系统模板,分享给在座的仌 👣。 还是老规矩,按照 Github 星标数量来依次介绍。 个人较推荐 vue-vben-admin、vue-pure-admin、naive-ui-admin、vue3-composition-admin、vue-

    2024年02月03日
    浏览(9)
  • 开源后台管理系统 (go-vue-admin)

    go-vue-admin 是一套基于go语言开源的后台管理系统。功能参考诺依网站 ,前后端分离。 前端采用vue3、Element Plus 、RuoYi-Vue3 后端采用gofrome 框架、mysql、redis、Jwt 实现了一键生成前后端代码,高效开发。 用户管理:用户是系统操作者,该功能主要完成系统用户配置。 部门管理:

    2024年02月07日
    浏览(7)
  • 项目讲解之火爆全网的开源后台管理系统RuoYi

    项目讲解之火爆全网的开源后台管理系统RuoYi

    博主是在2018年中就接触了 RuoYi 项目 这个项目,对于当时国内的开源后台管理系统来说,RuoYi 算是一个完成度较高,易读易懂、界面简洁美观的前后端不分离项目。 对于当时刚入行还在写 jsp 模板的博主来说,RuoYi 项目在后台基础功能、模块划分、易用性和页面美观度上,对

    2024年02月02日
    浏览(16)
  • 【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript5+ Element-Plus 从0到1搭建企业级后台管理系统(前后端开源)

    【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript5+ Element-Plus 从0到1搭建企业级后台管理系统(前后端开源)

    vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案,技术栈为 Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router 等当前主流框架。 相较于其他管理前端框架,vue3-element-admin 的优势在于 一有一无 (有配套后端、无复杂封装): 配套完整 Java 后

    2024年02月07日
    浏览(41)
  • 【读书后台管理系统】—前端框架搭建(一)

    注:该项目是基于vue-element-admin下进行的 删除 src/views 下的源码,保留: dashboard:首页 error-page:异常页面 login:登录 redirect:重定向 对 src/router/index 进行相应修改 删除 src/router/modules 文件夹 删除 src/vendor 文件夹 通过 src/settings.js 进行全局配置: title:站点标题 showSettings:

    2024年02月07日
    浏览(12)
  • 基于.NET6.0完全开源的MiniX后台管理系统,全端免费开源

    介绍 基于.NET 6.0打造的成熟后台管理系统框架,完全开源免费免费,集成了LayUI,操作界面友好!已应用到上百个项目,经过多年的沉淀,开源给广大用户使用。 整套架构包含后端\\\"miniAdmin\\\"+前端APP/小程序应用“miniAPP”+PC端“miniPC”,全栈开源,永久免费。 符合国家安全三级

    2024年02月11日
    浏览(13)
  • Vue3搭建后台管理系统模板

    今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。 下面我们就用这一套规范

    2024年02月08日
    浏览(16)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包