谷粒商城学习笔记-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.rhkb.cn/news/371705.html

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

相关文章

react v18 less使用（craco）

react v18 less使用（craco）

方案一、弹出配置（不推荐） 安装依赖：yarn add less less-loader 首先 执行 yarn eject 弹出配置项文件（注意：弹出配置不可逆！） 在 config 文件夹中 找到 webpack.config.js，在如图…
阅读更多...
18_特征金字塔网络FPN结构详解

18_特征金字塔网络FPN结构详解

1.1 简介 在深度学习领域，尤其是计算机视觉和目标检测任务中，Feature Pyramid Networks (FPN) 是一种革命性的架构设计，它解决了多尺度特征检测和融合的关键问题。FPN最初由何凯明等人在2017年的论文《Feature Pyramid Networks for Object …
阅读更多...
Redis官方可视化管理工具

Redis官方可视化管理工具

版权声明 本文原创作者：谷哥的小弟作者博客地址：http://blog.csdn.net/lfdfhl RedisInsight是一个Redis可视化工具，提供设计、开发和优化 Redis 应用程序的功能。RedisInsight分为免费的社区版和一个付费的企业版，免费版具有基本…
阅读更多...
cs231n 作业3

cs231n 作业3

使用普通RNN进行图像标注 单个RNN神经元行为 前向传播： 反向传播： def rnn_step_backward(dnext_h, cache):dx, dprev_h, dWx, dWh, db None, None, None, None, Nonex, Wx, Wh, prev_h, next_h cachedtanh 1 - next_h**2dx (dnext_h*dtanh).dot(…
阅读更多...
lua中判断2个表是否相等

lua中判断2个表是否相等

当我们获取 table 长度的时候无论是使用 # 还是 table.getn 其都会在索引中断的地方停止计数，而导致无法正确取得 table 的长度，而且还会出现奇怪的现象。例如：t里面有3个元素，但是因为最后一个下表是5和4，却表现出不一…
阅读更多...
大数据信用做贷前风控一般有哪些好处？

大数据信用做贷前风控一般有哪些好处？

随着大数据技术的不断发展，利用大数据信用进行贷前风控已经成为越来越受欢迎的一种方式。大数据信用是指通过分析大量的数据，对个人的信用状况进行评估，从而为金融机构提供更加准确、可靠的风控依据。使用大数据信用做贷前风控有很多好处&…
阅读更多...
【密码学】密码学中的四种攻击方式和两种攻击手段

【密码学】密码学中的四种攻击方式和两种攻击手段

在密码学中，攻击方式通常指的是密码分析者试图破解加密信息或绕过安全机制的各种策略。根据密码分析者对明文、密文以及加密算法的知识程度，攻击可以分为以下四种基本类型： 一、四种攻击的定义 （1）唯密文攻击(COA, C…
阅读更多...
2024年06月CCF-GESP编程能力等级认证Python编程二级真题解析

2024年06月CCF-GESP编程能力等级认证Python编程二级真题解析

本文收录于专栏《Python等级认证CCF-GESP真题解析》，专栏总目录：点这里，订阅后可阅读专栏内所有文章。 一、单选题（每题 2 分，共 30 分） 第 1 题 小杨父母带他到某培训机构给他报名参加CCF组织的GESP认证…
阅读更多...
一家虚拟电厂繁忙的一天

一家虚拟电厂繁忙的一天

早晨：准备与监控 7:00 AM - 起床与检查 虚拟电厂（VPP）团队的成员早起，开始检查电力系统的状态和最新的市场动态。使用专用的监控软件，查看分布式能源资源（DERs）的实时数据，包括太阳…
阅读更多...
windows上部署python3.11

windows上部署python3.11

hello，大家好，我是一名测试开发工程师，至今已在自动化测试领域深耕9个年头，现已将本人实战多年的多终端自动化测试框架【wyTest】开源啦，在接下来的一个月里，我将免费指导大家使用wyTest，请大家…
阅读更多...
VMware虚拟机配置桥接网络

VMware虚拟机配置桥接网络

转载：虚拟机桥接网络配置 一、VMware三种网络连接方式 VMware提供了三种网络连接方式，VMnet0, VMnet1, Vmnet8，分别代表桥接，Host-only及NAT模式。在VMware的编辑-虚拟网络编辑器可看到对应三种连接方式的设置（如下图…
阅读更多...
基于springboot+vue+uniapp的贵工程寝室快修小程序

基于springboot+vue+uniapp的贵工程寝室快修小程序

开发语言：Java框架：springbootuniappJDK版本：JDK1.8服务器：tomcat7数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包&#…
阅读更多...
C++ 智能指针使用不当导致内存泄漏问题

C++ 智能指针使用不当导致内存泄漏问题

shared_ptr相互嵌套导致循环引用 代码示例 #include <iostream> #include <memory> using namespace std;class B;class A { public:std::shared_ptr<B> b_ptr;~A() { std::cout << "A destroyed\n"; } };class B { public:std::shared_pt…
阅读更多...
如何恢复未保存的 Excel 文件

如何恢复未保存的 Excel 文件

您是否曾经在处理 Excel 工作表时&#xff0c;电脑突然崩溃&#xff1f;您首先想到的是“进度保存了吗&#xff1f;”或“我是否按了 CtrlS 来保存文件&#xff1f;”这种压力是难以想象的&#xff0c;因为意外断电或电脑崩溃可能会让您所有的辛苦工作付诸东流。 无论对于学生…
阅读更多...
【WEB前端】---HTML---结构---笔记

【WEB前端】---HTML---结构---笔记

目录 1.标签---单标签和双标签 1.1单标签 1.2双标签 2.基本结构标签 2.1HTML标签 2.2文档头部标签 2.3文档标题标签 2.4文档的主题标签 3.常用的标题标签 (n∈[1,6]) 4.段落标签 5.换行标签 6.文本格式化标签 6.1粗体 6.2倾斜 6.3删除线 6.4下划线 7.div和spa…
阅读更多...
iOS UITableView自带滑动手势和父视图添加滑动手势冲突响应机制探索

iOS UITableView自带滑动手势和父视图添加滑动手势冲突响应机制探索

场景 我们有时候会遇到这样的一个交互场景&#xff1a;我们有一个UITableView 放在一个弹窗中&#xff0c;这个弹窗可以通过滑动进行展示和消失&#xff08;跟手滑动的方式&#xff09;&#xff0c;然后这个UITableView放在弹窗中&#xff0c;并且可以滚动&#xff0c;展示一些…
阅读更多...
【大模型LLM面试合集】大语言模型基础_llm概念

【大模型LLM面试合集】大语言模型基础_llm概念

1.llm概念 1.目前 主流的开源模型体系 有哪些&#xff1f; 目前主流的开源LLM&#xff08;语言模型&#xff09;模型体系包括以下几个&#xff1a; GPT&#xff08;Generative Pre-trained Transformer&#xff09;系列&#xff1a;由OpenAI发布的一系列基于Transformer架构…
阅读更多...
在线白板工具大揭秘：为何它成为远程团队的必备神器？

在线白板工具大揭秘：为何它成为远程团队的必备神器？

一直觉得白板是个很好的工具&#xff0c;不管是学习还是工作&#xff0c;它都能够帮助我们更好地整理思路。 作为一名经常需要远程协作和创意脑暴的职场人&#xff0c;显然传统普通的白板工具已经不够用了。 在这个数字化时代&#xff0c;我们更需要一个电子白板&#xff0c;一…
阅读更多...
水仙花数算法

水仙花数算法

一、水仙花的传说 希腊神话故事 传说希腊神话里&#xff0c;美少年纳西索斯&#xff08;Narcissus&#xff09;是希腊最俊美的男子&#xff0c;无数的少女对他一见倾心&#xff0c;可他却自负地拒绝了所有的人。这当中包括美丽的山中仙女伊可&#xff08;Echo&#xff09;。伊可…
阅读更多...
设计模式-结构型-08-组合模式

设计模式-结构型-08-组合模式

文章目录 1、学校院系展示需求2、组合模式基本介绍3、组合模式示例3.1、 解决学校院系展示&#xff08;透明模式1&#xff09;3.2、高考的科目&#xff08;透明模式2&#xff09;3.3、高考的科目&#xff08;安全组合模式&#xff09; 4、JDK 源码分析5、注意事项和细节 1、学校…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023