一、后端项目 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