谷粒商城（四）-使用 gitee 的“人人开源“”项目搭建后台管理系统脚手架

一、后端项目 renren-fast（把人人开源项目里的 renren-fast项目加入我们的gulimall项目中作为module，搭建后台管理系统的后端项目）

1、在码云上搜索人人开源（https://gitee.com/renrenio），我们使用renren-fast，renren-fast-vue项目。

git clone https://gitee.com/renrenio/renren-fast.git
git clone https://gitee.com/renrenio/renren-fast-vue.git

2、下载到了桌面，我们把renren-fast删掉.git文件，然后移动到我们的项目文件夹，renren-vue删掉.git文件，是用VSCode打开的（后面再弄）。
（2）IDEA项目总目录中，配置好总项目的pom.xml，

<modules>
		<module>gulimall-coupon</module>
		<module>gulimall-member</module>
		<module>gulimall-order</module>
		<module>gulimall-product</module>
		<module>gulimall-ware</module>
		<module>renren-fast</module>
</modules>

3、version Control栏，将renren-fast的“无版本控制”加到“默认控制”
4、然后修改项目里renren-fast中的application.yml，修改application-dev.yml中的数库库的url，通常把localhost修改为192.168.20.10即可。

url: jdbc:mysql://192.168.20.10:3306/gulimall-admin?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
username: root
password: root

5、然后执行java下的RenrenApplication，

出现报错1（如果密码写123456）
1、springboot集成druid登陆mysql发生errorCode 1045, state 28000错误：说明是mysql数据库用户密码错误，去navicat改一下连接数据库的密码改为application-dev.yml中的123456就行，
2、但是改完密码之后，mysql数据库连不上、报错，把密码123456改为root即可！！！，然后去application-dev.yml中改密码为root！！！

出现报错2
1、SQLSyntaxErrorException: Table ‘gulimall-admin.QRTZ_TRIGGERS’ doesn’t exist：说明数据库中不存在这个表，因为gulimall-admin数据库中表名是qrtz_triggers都是小写字母。我们collation使用utf8_general_ci区分大小写，所以会判定不是同一张表，会报错。
2、解决方法1（不用）：编辑数据库，修改collation为utf8mb4_unicode_ci ，及改为不区分大小写。
3、解决方法2（用）：用表名都是大写字母的sql语句创建gulimall-admin数据库~~https://blog.csdn.net/wll_123456/article/details/108418356

collation使用utf8mb4_general_ci 区分大小写、utf8mb4_bin 区分大小写、
collation使用utf8_bin时区分大小写，
综上：utf8的collation必用utf8_general_ci不区分大小写，
	utf8mb4的collation必用utf8mb4_unicode_ci不区分大小写

6、浏览器输入http://localhost:8080/renren-fast/ 得到{“msg”:“invalid token”,“code”:401}就代表无误，后端跑通了。

二、前端项目 renren-fast-vue（搭建后台管理系统的前端项目，并进让前后端连起来，人人开源项目里的 renren-fast-vue 使用 vscode软件进行开发运行）
1、用VSCode打开renren-fast-vue
2、安装node：http://nodejs.cn/download/ 选择mac下载。下载完安装。

3、安装npm
npm是随同NodeJS一起安装的包管理工具，相当于java的maven、JavaScript的npm
（1）检查node是否配置好了（本地终端）：node -v
（2）配置npm的淘宝镜像仓库地址（本地终端）：npm config set registry http://registry.npm.taobao.org/

node -v
npm config set registry http://registry.npm.taobao.org/

（3）然后安装依赖，去VScode的终端输入 npm install，让npm下载前端依赖的所有组件。（我这里只是一直卡在，没报错很开心，不需要管下面的引用）

npm install安装失败，解决方法
方法一

1-如果安装失败清理缓存：npm rebuild node-sass、npm uninstall node-sass
2-淘宝镜像下载，安装node-sass淘宝镜像：npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
3-执行以后看是否报错，如果没有则加载依赖，然后运行npm install。
参考：https://blog.csdn.net/weixin_43859732/article/details/107779450?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.control

方法二

1-关于新谷粒P16的前端项目使用npm install报错的问题，首先确保安装了python3.0以上版本，并配置全局变量
2-其次大部分错误是报node-sass4.9.0安装失败。 执行以下步骤可以完美解决
（1）首先把项目文件夹下的package.json里面的node-sass4.9.0改成4.9.2（不改可能也没关系，不过我改了，防止踩坑）
（2）然后项目文件夹下打开cmd命令窗口（和Visual Studio Code的终端命令是一样的）（我在VScode中不成功，还是用cmd吧，在cmd中注意切换到renren-fast-vue项目目录） 执行：
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
（3）等待挺长时间，执行成功看看有没有报错，
（4）如果没报错执行下面命令 npm install ， 没报错就是安装成功，然后在下面目录下使用npm run dev （运行项目）就ok了
注：这么做得原理就是先单独从淘宝镜像吧nod-sass下载下来，然后再进行编译，因为这句命令好像是不成功的，
（npm config set registry http://registry.npm.taobao.org/），默认从github下载，导致报错的。如果之前安装失败的，先清理缓存：npm
rebuild node-sass npm uninstall node-sass
3-另一个人的评论：
先把node_modules全部删除，然后再npm install chromedriver–chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver，最后npm install。

（4）1-VScode的终端中使用npm run dev 运行项目就ok了，
2-浏览器输入localhost:8001 就可以看到内容了，那么前端搭建成功，
3-登录账号admin，密码admin，登录成功，那么前后端联调成功。

npm run dev 运行项目报错：renren-fast-vue 无法正常启动登录页面，显示<%if(process. enV. NODE_ENV===’ production){%><%} else{%><%}%>
项目中使用的sass版本为4.9.0 支持的nodejs版本为10.x或者以下，而我们的nodejs版本是14.x，所以报错。
解决方法1（不用）：VScode的终端卸载npm ，再重新安装npm
npm uninstall --save node-sass
npm install --save node-sass --unsafe-perm=true --allow-root

参考1，https://www.cnblogs.com/alan88/p/13414496.html
参考2，https://blog.csdn.net/weixin_43859732/article/details/107779450?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.control

解决方法2（用）：1、先确保npm 和node版本必须符合，node>= 8.11.1,npm>= 5.6.0，VScode的终端执行node -v 和 npm -version，符合条件。2、安装2个组件：node-sass、sass-loader 。3、VScode的终端中使用 npm run dev 运行项目就ok了。
参考https://blog.csdn.net/u011611479/article