【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
项目背景
本项目经费43000元，需求文档如下，工期25天，目前已经过了8天，时间不多了，我们需要在2月27日之前完成，此前这里日期写错了，写的是17号。
技术栈要求
前端vue.js
前端客户端框架 uniapp-x
服务端 java
后台管理 java+vue
java框架选择：若依框架
数据库：mysql 版本要求5.7+ 推荐版本：8.0
项目实战：
ui图设计
上一篇没有到设计ui图这一步，这一篇咱们来。
用户端功能需求
3.1 积分展示与查询
- 当前积分余额
- 积分来源
- 积分消耗
3.2 积分来源与消耗记录
- 积分来源类型
- 积分消耗类型
3.3 积分转账功能
- 选择接收用户
- 转账数量
- 转账备注
- 转账确认
- 转账记录
3.4 分佣
3.4.1 渠道包与代理设置
- 渠道包的创建与管理
- 代理佣金设置
3.4.2 抽佣机制（平台收入优先提取）
- 抽佣优先
- 用户分佣
3.4.3 抽佣触发条件与扣除规则
- 代理亏损时才扣佣金
- 亏损与盈利的判断
figma设计插件这里我们选择这个build.so ，本次我们项目确定的前端为vue.js，这个插件支持转换，因此我们这样选择。
这个按钮在设计完设计图开始做代码的时候可以勾选，这样设计图对应的代码因为插件的原因可以直接显示在右侧，由于和甲方对了前端包括注册方式的问题因此，界面设计要暂缓一步，因此本篇幅暂时就不更新前端部分以及设计ui图部分，直接进行若依框架搭建部分
若依框架搭建
搭建若依框架我们需要知道什么是若依框架，
若依框架（RuoYi Framework）是一个基于 Spring Boot、Apache Shiro 和 MyBatis 的后台管理系统，专为企业级应用设计。它的主要特点包括：
- 快速开发：提供了一键生成代码的功能，包括控制器、模型、视图和菜单等，大大降低了开发时间。
- 响应式设计：支持多种设备（如电脑、平板、手机等），确保用户界面的适配性。
- 权限管理：使用Apache Shiro实现权限控制，支持动态加载权限菜单和多种权限控制方式。
- 多数据源支持：支持多数据源配置，方便数据源切换。
- 国际化支持：支持多语言，方便在不同语言环境下使用。
- 日志记录：完善的日志记录体系，方便开发和调试。
- 集群支持：支持集群部署，提高系统的可靠性和可扩展性。
若依框架适用于Java EE 8环境，使用Maven进行项目管理，同时支持Spring Boot 2.2.x、Apache Shiro 1.7、MyBatis 3.5.x等技术
另外这里给出若依框架的官网 https://doc.ruoyi.vip/ruoyi/
下载框架
这里是若依框架的官方部署文档，我们可以访问到，不过由于我们的服务器已经安装了有宝塔，因此我们直接以宝塔安装方式来搭建若依框架。
按常规操作我们还是建立了一个paypoints仓库用来存放代码，建立好后先拉代码下来。
java 项目我们还是得用idea 比较好 也就是IntelliJ IDEA 2024.3.1.1 这是我的版本，克隆本地并且打开了项目
本项目采用 vue 前后端分离版，进入gitee 下载最新版本
所有内容放入本地库，
配置数据库信息
用idea打开项目，首先我们ruoyi-admin/src/main/resources/application-druid.yml修改数据库连接密码和用户名
登录宝塔 对应创建数据库用户和 数据库 以及密码
导入本地数据库sql文件
这里有个注意点，注意随时在服务器防火墙放行对应端口，比如数据库是3306，那么我们去放行
配置redis
安装redis
在软件管家中安装redis 设置对应的密码，自己设置
再在到项目目录里面设置redis密码ruoyi-admin/src/main/resources/application.yml 修改设置，默认端口6379，可以自行修改
请注意在云服务器那边放行了还不够，在宝塔防火墙中也要对应放行。
运行前端代码
找到 目录 ，打开终端，执行
npm install
安装依赖
继续执行
npm install --registry=https://registry.npmmirror.com
继续我们执行npm run dev 来本地运行前端
终端日志
成功后直接会浏览器运行效果展示
新建一个目录，这里我多此一举 其实可以直接建立的
新建网站，
然后执行npm run build:prod
打包前端源文件，放入目录
放入服务器建立的网站目录，访问卓伊凡已经绑定好的域名，点击访问，成功显示访问
搭建后台
首先搭建后台我们是java 若依框架 采用maven 部署，对maven不熟悉需要先学习maven，卓伊凡有单独对maven部署讲解的文章。
先点clean 清除缓存
点击install 安装依赖
点击package打包操作
提示打包成功
这是打包的成果，我们需要把jar放入服务器
服务器中安装jdk17，卓伊凡本地是17 所以用17，官方要求jdk版本最少1.8以上。
新建 服务端的目录 新建 qianbaojava-server
将打包好的jar包放入，然后新建java服务
另外我们再安装以下tomacat 选择最高版本9 （目前是）
终端到jar包目录下 执行
nohup java -jar ruoyi-admin.jar
执行后得到nohup: ignoring input and appending output to ‘nohup.out’这个提示，
我们打开这个文件，查看，以下情况表示成功。
出来一个如来，这个作者真的挺有意思的。
搭建服务端
添加服务端域名
然后我们看项目本地server 默认8080 我改成8924 ，你也可以不用你该。
新建的站添加反向代理，端口对应，目录为根目录
访问地址测试，以下提示表示成功
重新配置前端请求地址
继续我们修改ruoyi-ui/.env.production
重新执行打包
npm run build:prod
然后在放到添加的前端网站目录，即可 成功。
前端网站的伪静态配置：
location /{ try_files $uri $uri/ /index.html; }
篇幅实在有限，确实不能多弄，下一篇开始对项目进行整改和二次开发
