在将《推荐系统开发实战》这本书中三大案例之一的新闻推荐系统跑通的过程中掉进了很多坑，，不过幸好最终成功跑通了。在这里将整个过程写出来，说不定自己以后还会用到。。。也希望我的这篇分享能够帮助到看到这篇文档的你们。
1、首先，按照作者文件里给的readme文件进行ip的修改。
在这里插入图片描述

第一步

这里最好按照作者使用的各种软件版本来安装，不然可能会面临一些兼容性问题，我安装的时候，Django2.1，PyMySQL0.9.2是和作者一样的，其余如python（我用的3.5）、vue、node（我的是v12，作者v10）等和作者不一样。
在这里插入图片描述

第二步

将newsrec.sql导入mysql。当然，这又涉及MySQL的安装。我参考的是这篇博客：MySQL安装教程
导入的具体过程，可以参考：怎么使用MySQL workbench将.sql文件导入数据库
在这里插入图片描述

第三步

在这里插入图片描述
**NewsRecSys/NewsRec/NewsRec/settings.py 文件中的ALLOWED_HOSTS为本地IP地址，**如下：
在这里插入图片描述
本机IP地址，按如下方式获得：
在这里插入图片描述
红线框出来的即为要填入的ip。
本地mysql配置信息需要修改的地方： 只需要将密码修改为自己数据库的密码即可。
在这里插入图片描述
**修改NewsRecSys/NewsRec-Vue/config/index.js 中的 serverUrl

  • 修改 NewsRecSys/NewsRec-Vue/src/assets/js/linkBase.js 中的 serverUrl**
  • 将serverUrl中的IP地址换成自己的就可以了

第四步

在这里插入图片描述
执行成功应该会是下面的情况
在这里插入图片描述

第五步

在执行第五步之前，因为我们需要用到Vue框架，在使用这个框架之前，需要先安装node.js,安装步骤参考的这篇博客：node.js 安装详细步骤教程
环境变量如果添加了仍然有问题的话，实操有效的方法是重启电脑。。。
node.js安装好之后就可以搭建vue环境了，参考的博客是：搭建vue开发环境的步骤
在这里插入图片描述
实际执行时，我使用npm install不成功，最终使用淘宝的cnpm命令管理工具，进行cnpm install成功了，效果如下：
在这里插入图片描述
接着输入：npm run dev

顺利的话应该出现如下界面：
在这里插入图片描述
这是实际上已经成功了，我们只需要最后一步了。

第六步

在这里插入图片描述
浏览器输入 http://127.0.0.1:8001 访问，就可以啦
在这里插入图片描述
选择用户后：
在这里插入图片描述
进入系统：
在这里插入图片描述

成功啦撒花~

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue