网站购物车功能怎么做网站制作费用一览表
目录
1. 从Git上面下载前后端分离版本
2. 执行SQL脚本
3. 初始化前端
安装Node.js和npm配置
✅ 第一步：在 Node 安装目录下创建两个文件夹
✅ 第二步：配置 npm 全局目录和缓存目录
✅ 第三步：验证配置是否成功
✅ 第四步：将全局模块路径加入系统环境变量
4. 启动后端和前端 访问localhost:80，进入若依管理界面
5. 创建菜单目录
6. 导入表并生成前后端代码
7. 在后端新建一个模块，注意需要在父模块当中声明新建的子模块
1. 从Git上面下载前后端分离版本
在你的本地机器上下载若依的前后端分离版本的代码：
-
Git地址：
RuoYi-Vue: 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统你可以通过以下命令将项目克隆到本地：
git clone https://gitee.com/y_project/RuoYi-Vue.git将该项目复制到你的本地开发目录。
2. 执行SQL脚本
在数据库中执行若依提供的SQL脚本来创建所需的表结构。通常，SQL脚本会包含在项目中的ruoyi-admin/target/sql目录下。执行该脚本以初始化数据库。
3. 初始化前端
安装Node.js和npm配置
下载nodejs如果你想将 npm 的全局模块安装路径和缓存目录改到该路径下的 node_global 和 node_cache，可以这样做：
✅ 第一步：在 Node 安装目录下创建两个文件夹
在路径 D:\node 下创建以下两个文件夹：
D:\node-v18.20.7-win-x64\node_global
D:\node-v18.20.7-win-x64\node_cache
✅ 第二步：配置 npm 全局目录和缓存目录
打开命令提示符（CMD），执行以下命令：
npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"
✅ 第三步：验证配置是否成功
输入以下命令检查设置：
npm config get prefix
npm config get cache
✅ 第四步：将全局模块路径加入系统环境变量
添加一项：
D:\node\node_global
如果你还没有把 Node.js 的安装路径加入 Path，也建议加入：
D:\node
默认是从官网上面下载，下载的非常非常慢，可以使用以下命令来使用镜像下载
npm config set registry https://registry.npmmirror.com
使用 npm install 下载moudles
npm run dev 开始运行前端
4. 启动后端和前端 访问localhost:80，进入若依管理界面
5. 创建菜单目录
登录到若依管理后台后，进入系统管理模块，创建菜单目录。你可以为每个模块和子模块配置菜单，并为每个菜单设置访问权限。
6. 导入表并生成前后端代码
-
导入数据库表
在后台管理系统中，进入“代码生成”模块，导入你数据库中的表。若依会根据表的字段自动生成对应的前后端代码。 -
生成代码
点击生成按钮，若依AI将为你自动生成Controller、Service、Mapper等后端代码，并为你生成对应的Vue页面和接口。
7. 在后端新建一个模块，注意需要在父模块当中声明新建的子模块
并且在子模块当中引入核心模块
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>com.ruoyi</groupId><artifactId>ruoyi</artifactId><version>3.8.9</version><relativePath>../pom.xml</relativePath> <!-- 如果父模块在上级目录 --></parent><groupId>com.gege</groupId><artifactId>ruoyi-manage</artifactId><version>0.0.1-SNAPSHOT</version><name>ruoyi-manage</name><description>ruoyi-manage</description><url/><licenses><license/></licenses><developers><developer/></developers><scm><connection/><developerConnection/><tag/><url/></scm><properties><java.version>21</java.version></properties><dependencies><!-- 引入父模块的依赖，例如 ruoyi-common 等 --><dependency><groupId>com.ruoyi</groupId><artifactId>ruoyi-framework</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter</artifactId></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build></project>
8. 将生成的代码放在新建的子模块当中，前后端分离，根据需求更改前端代码即可