谷粒商城学习笔记-16-人人开源搭建后台管理系统

文章目录

  • 一，克隆前/后端代码
    • 1，克隆前端工程renren-fast-value
    • 2，克隆后端工程renren-fast
  • 二，集成后台管理系统的后端代码
  • 三，启动后台管理系统
  • 四，前端系统的安装和运行
    • 1，下载安装VSCode
    • 2，下载安装nodejs
      • 2.1 下载安装
      • 2.2 验证
    • 3，在VSCode中打开前端项目
      • 3.1 在IDE中打开前端项目
      • 3.2 注册淘宝镜像
      • 3.3 本地运行前端项目
  • 前端错误记录
    • 1，npm error Class extends value undefined is not a constuctor or null
    • 2，npm warn cli npm v10.8.1 does not support Node.js v16.20.2.
    • 3，npm error code CERT_HAS_EXPIRED

这一节为开发商城后台管理系统做前期准备，商城后台管理系统使用人人开源的前后端系统。

  • 前端：renren-fast-value
  • 后端：renren-fast

一，克隆前/后端代码

1，克隆前端工程renren-fast-value

使用如下代码把前端代码克隆到本地。

git@gitee.com:renrenio/renren-fast-vue.git

2，克隆后端工程renren-fast

使用如下代码把后端代码克隆到本地。

git@gitee.com:renrenio/renren-fast.git

二，集成后台管理系统的后端代码

后台管理系统的后台代码集成到商城工程中，作为一个模块。

第一步，将前面克隆下来的代码复制到工厂的根目录下，作为后台管理系统模块。

在这里插入图片描述
第二步，为后台管理系统建立对应的数据库，名称为gulimall_admin。

在这里插入图片描述

第三步，执行后台管理系统的脚本，创建表和插入初始化数据，建表脚本在工程的db文件夹下。

在这里插入图片描述

第四步，修改项目配置文件。

  • ①修改数据库连接IP为虚拟机IP
  • ②修改数据库名称为gulimall_admin
  • ③修改数据库用户名
  • ④修改数据库密码

在这里插入图片描述

第五步，识别和加载新模块。
在这里插入图片描述
直接把代码复制到工程后，Idea不会自动把这个文件夹识别为一个module。上图汇总可以看到renren-fast前面的图标的右下角没有蓝色的小框框。

通过如下方式将其作为module加载进来。

在这里插入图片描述

选中renren-fast文件夹下的pom.xml，然后点击OK，即可把其作为新的module进行管理。

在这里插入图片描述
第六步，集成新模块到工程下。

如图，在工程的根目录下增加如下配置。

在这里插入图片描述

三，启动后台管理系统

如下图，找到renren-fast模块的启动类，点击三角按钮，启动这个模块。
在这里插入图片描述
日志无报错，说明配置正确，启动正常。
在这里插入图片描述
接下来，把前端系统运行起来，通过前端界面体验前后端的交互。

四，前端系统的安装和运行

前端工程reneren-fast-vue的学习和使用，细节可查阅官方文档，有详细的说明。

1，下载安装VSCode

项目使用VSCode进行前端项目的开发和调试。

VSCode下载地址。

在这里插入图片描述
点击下载后的exe文件安装即可。

2，下载安装nodejs

nodejs是前端开发的必备环境，就像是JDK之于Java一样，最为关键的是npm包管理工具。

2.1 下载安装

在官网下载nodejs安装包，Nodejs官网地址，注意，最好下载版本16，版本太新或太旧都会出现各种问题。

在这里插入图片描述

点击下载后的exe文件即可完成安装。

2.2 验证

在cmd控制台输入命令node -v进行验证，有如下输出，说明nodejs安装成功。
在这里插入图片描述

3，在VSCode中打开前端项目

3.1 在IDE中打开前端项目

如下，通过 File->Open Folder打开已经下载好的前端工程renren-fast-vue。
在这里插入图片描述
renren-fast-vue是工程化管理的前端项目，在运行之前，要安装其所依赖的各种包。

可参考如下步骤。

注意，VSCode集成了终端命令行工具，可以在VSCode中直接执行相关命令。

在这里插入图片描述
后续步骤的命令都是在VSCode的终端工具中执行。

3.2 注册淘宝镜像

下载前端依赖包时，默认访问国外的npm官网，网络不稳定，下载慢，使用国内的淘宝镜像可以提升下载速度和稳定性。

npm config set registry http://registry.npm.taobao.org/

下载依赖包的过程比较耗时，正常情况下，在十分钟内可以完成。

3.3 本地运行前端项目

执行如下命令，在本地运行前端项目。

npm run dev

前端错误记录

1，npm error Class extends value undefined is not a constuctor or null

在执行命令时可能出现以下错误，原因未定位到，把nodejs的版本降低到v16后该问题不再出现，注意不要用最新版本的nodejs。
在这里插入图片描述

2，npm warn cli npm v10.8.1 does not support Node.js v16.20.2.

npm warn cli npm v10.8.1 does not support Node.js v16.20.2.

降低nodejs版本后，查看npm出现这样的警告，原因是npm和nodejs版本不匹配。
在这里插入图片描述
解决办法是，打开如下文件夹，找到npm相关的文件夹，直接删除。

C:\Users\Lenovo\AppData\Roaming

重新执行命令，一切正常。

在这里插入图片描述

3，npm error code CERT_HAS_EXPIRED

使用命令注册淘宝镜像。

npm config set registry https://registry.npm.taobao.org/

出现如下错误。

npm error code CERT_HAS_EXPIRED
npm error errno CERT_HAS_EXPIRED
npm error request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired

在这里插入图片描述
原因是证书过期，没有过多折腾，用HTTP协议代替HTTPS协议解决问题。

npm config set registry http://registry.npm.taobao.org/

学习过程中，非核心问题，不要过多纠缠。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/43135.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

为什么KV Cache只需缓存K矩阵和V矩阵，无需缓存Q矩阵？

为什么KV Cache只需缓存K矩阵和V矩阵，无需缓存Q矩阵？

大家都知道大模型是通过语言序列预测下一个词的概率。假定{ x 1 x_1 x1​， x 2 x_2 x2​， x 3 x_3 x3​，…， x n − 1 x_{n-1} xn−1​}为已知序列，其中 x 1 x_1 x1​， x 2 x_2 x2​， x 3 x_3 x…
阅读更多...
拓展中国剩余定理

拓展中国剩余定理

题目链接 代码： /*扩展中国剩余定理的使用范围更广泛，不要求模数全部互质扩展中国剩余定理：两两合并同余方程，合并 n - 1 次之后，就能求解合并两个同余方程：x ≡ r1 (mod p1) --- x a*p1 r1x ≡ r2 (mo…
阅读更多...
from transformers.modeling_utils import PreTrainedModel

from transformers.modeling_utils import PreTrainedModel

from transformers.modeling_utils import PreTrainedModel 是用于导入 Hugging Face Transformers 库中的 PreTrainedModel 类。这个类是所有预训练模型的基类，提供了许多通用功能和方法，适用于不同类型的模型（如BERT、GPT、Transformer-XL等…
阅读更多...
STM32对数码管显示的控制

STM32对数码管显示的控制

1、在项目开发过程中会遇到STM32控制的数码管显示应用，这里以四位共阴极数码管显示控制为例讲解；这里采用的控制芯片为STM32F103RCT6。 2、首先要确定数码管的段选的8个引脚连接的单片机的引脚是哪8个，然后确认位选的4个引脚连接的单片机的4…
阅读更多...
ChatGPT：fetch/xhr是什么意思

ChatGPT：fetch/xhr是什么意思

ChatGPT：fetch/xhr是什么意思 fetch 和 XHR（XMLHttpRequest）是两种用于在客户端与服务器之间进行异步通信的方法。在网页开发中，它们用于从服务器获取数据或将数据发送到服务器，而不需要刷新整个页面。 fetch fetch …
阅读更多...
平滑切换/过渡多个控制器的方法

平滑切换/过渡多个控制器的方法

控制系统理论 在控制系统领域，平滑切换多个控制器通常指的是在保持系统稳定性和性能的同时，实现控制器之间的无缝切换。 输出抖动抑制方法：通过设计包含积分作用的控制器实现跟踪控制，并通过设计补偿器来减小控制输入信号在切换…
阅读更多...
京东技术团队撰写的整整986页《漫画学Python》到底有什么魅力？

京东技术团队撰写的整整986页《漫画学Python》到底有什么魅力？

这是一本Python入门书。无论您是想学习编程的小学生，还是想参加计算机竞赛的中学生，抑或是计算机相关专业的大学生，甚至是正在从事软件开发的职场人，本书都适合您阅读和学习。但您若想更深入地学习Python并进行深层次应用&#xf…
阅读更多...
明天要加油

明天要加油

阅读更多...
第一个vue——01

第一个vue——01

指定vue实例的挂载位置 <div id ‘app’> </div> 一、创建vue实例 1.为什么要 new vue() ,直接调用vue&#xff08;&#xff09;函数可以吗&#xff1f; No&#xff0c; 因为直接调用vue()函数&#xff0c;不创建实例的话&#xff0c;会出现以下错误&#xff1…
阅读更多...
通过 Parallels Desktop 虚拟机安装运行 macOS 15 Sequoia

通过 Parallels Desktop 虚拟机安装运行 macOS 15 Sequoia

在 Apple 的 WWDC 24 大会上&#xff0c;macOS Sequoia 15 成为全场热议的焦点。 作为科技爱好者和开发者&#xff0c;我们都迫不及待想要体验这些最新功能。但如果直接把整个 Mac 升级到测试版&#xff0c;可能不太现实&#xff0c;特别是当你需要保持主系统稳定的时候。 幸…
阅读更多...
单例模式之饿汉式

单例模式之饿汉式

文章目录 单例模式&#xff08;饿汉式&#xff09;代码静态变量创建实例代码静态代码块创建实例 单例模式&#xff08;饿汉式&#xff09; 单例模式是一种创建性的设计模式&#xff0c;主要是保证一个类只能有一个实例。全局中保证一个实例的使用。 单例模式饿汉式主要的构成…
阅读更多...
数据库常见问题(持续更新)

数据库常见问题(持续更新)

数据库常见问题(持续更新) 1、数据库范式&#xff1f; 1NF&#xff1a;不可分割2NF&#xff1a;没有非主属性对候选码存在部分依赖3NF&#xff1a;没有非主属性传递依赖候选码BCNF&#xff1a;消除了主属性对对候选码的传递依赖或部分依赖 2、InnoDB事务的实现&#xff1f; …
阅读更多...
大数据平台建设概要

大数据平台建设概要

欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;欢迎订阅相关专栏&#xff1a; 欢迎关注微信公众号&#xff1a;野老杂谈 ⭐️ 全网最全IT互联网公司面试宝典&#xff1a;收集整理全网各大IT互联网公司技术、项目、HR面试真题. ⭐️ AIGC时代的创新与未来&a…
阅读更多...
Oracle 19c RAC 心跳异常处理

Oracle 19c RAC 心跳异常处理

客户机房异常断电后&#xff0c;启动19c集群报错如下 2024-07-05 17:43:27.934 [GIPCD(5964292)]CRS-42216: No interfaces are configured on the local node for interface definition en3(:.*)?:100.100.100.0: available interface definitions are [en0(:.*)?:10.88.0.…
阅读更多...
Unity--射线检测--RayCast

Unity--射线检测--RayCast

Unity–射线检测–RayCast 1.射线检测的含义 射线检测,根据名称而言,使用一条射线来检测是击中了某个物体/多个物体 射线检测的包含两个部分: 射线和检测 2.射线检测可以用在哪些地方 射击游戏&#xff1a; 玩家的瞄准和射击&#xff1a;检测玩家视线是否与敌人或其他目标…
阅读更多...
阶段三：项目开发---大数据开发运行环境搭建:任务5：安装配置Kafka

阶段三：项目开发---大数据开发运行环境搭建:任务5：安装配置Kafka

任务描述 知识点&#xff1a;安装配置Kafka 重 点&#xff1a; 安装配置Kafka 难 点&#xff1a;无 内 容&#xff1a; Kafka是由Apache软件基金会开发的一个开源流处理平台&#xff0c;由Scala和Java编写。Kafka是一种高吞吐量的分布式发布订阅消息系统&#xff0c;…
阅读更多...
GEE代码实例教程详解：地表温度长时间序列分析

GEE代码实例教程详解：地表温度长时间序列分析

简介 在本篇博客中&#xff0c;我们将使用Google Earth Engine (GEE) 对地表温度 (LST) 进行长时间序列分析。通过结合Landsat 4-9的数据&#xff0c;我们将探索1982年至2024年间地表温度的变化趋势。 背景知识 Landsat数据集 Landsat数据集提供了多时相、多光谱的地表观测…
阅读更多...
用起来超爽的4个宝藏软件工具

用起来超爽的4个宝藏软件工具

记得带 “记得带”是一款专为繁忙的都市人设计的生活服务软件&#xff0c;旨在帮助用户轻松管理日常生活中的各种事务。该应用程序集成了多种实用功能&#xff0c;包括购物清单、待办事项、日程安排和健康追踪等。它还具有智能提醒功能&#xff0c;可以根据用户的日常习惯和偏好…
阅读更多...
14-41 剑和诗人15 - RLAIF 大模型语言强化培训

14-41 剑和诗人15 - RLAIF 大模型语言强化培训

​​​​​​ 介绍 大型语言模型 (LLM) 在自然语言理解和生成方面表现出了巨大的能力。然而&#xff0c;这些模型仍然存在严重的缺陷&#xff0c;例如输出不可靠、推理能力有限以及缺乏一致的个性或价值观一致性。 为了解决这些限制&#xff0c;研究人员采用了一种名为“人工…
阅读更多...
每天一个数据分析题（四百十六）- 线性回归模型

每天一个数据分析题（四百十六）- 线性回归模型

根据模型假设&#xff0c;线性回归模型中误差项的方差为 A. 常数 B. 函数 C. 随机变量 D. 以上都不是 数据分析认证考试介绍&#xff1a;点击进入 题目来源于CDA模拟题库 点击此处获取答案 数据分析专项练习题库 内容涵盖Python&#xff0c;SQL&#xff0c;统计学&#…
阅读更多...
最新文章

Copyright @ 2022~2023