博客

前言

相信大家对登录注册已经不陌生了吧，都写烂了的东西，今天我们要用vue-cli搭建SPA项目+Eclipse整合的SSH来实现我们的登录注册功能

实现效果：

所用工具：Eclipse+SSH框架( struts+spring+hibernate的一个集成框架) HBuilder+vue SPA项目

实现思路：我们需要登录账户密码 要从前端提交到后端去 需要 vue-resource，它可以通过XMLHttpRequest或JSONP发起请求并处理响应 通过post或者get提交到action里面去

实现过程：

1、spa项目完成登录注册布局

2、Spa项目完成登录功能

3、 ajax 跨域问题

4、axios 的 get/post 的区别（ qs 解决方法）

5、T his 指针带来的变量污染

在Eclipse里面导入事先整合好的项目和遇到的问题

由于SSH项目是事先写好专门用来测试项目的 和前面的版本不太一样

eclipse工程项目编译报错the import cannot be resolved解决方法

遇到的问题



the import cannot be resolved问题可以通过以下方法解决

1、clean项目，重新编译项目。
【解决】一般使用eclipse/myeclipse的菜单 project -> clean ..可以解决。同时最好选中Build Automatically选项。搜索

2、若是没有解决，不要着急，继续来。重新导入jar包。
【解决】右键项目->build path -> Config build path -> Libraries-> remove后，重新导入。

3、该项目有依赖项目需要重新导入依赖项目。
【解决】右键项目->build path -> Config build path -> project -> remove后，重新导入。

4、自动编译的class文件夹路径问题
【解决】右键项目->build path -> Config build path -> source-> 在对话框的最下侧有个Default output file:选项，可以选择项目再eclipse/myeclipse中编译后的class文件的路径，一般web项目的路径为{ProjectName}/web(WebRoot)/WEB-INF/classes，非web项目一般为{ProjectName}/classes。

5、问题还是存在的话，就超出这个问题的界限了，意思就是说可能就是其他的问题引起的错误。
【解决】其实也不算是解决。具体是什么问题引起的可以打开Problems对话框窗口查看。

原贴地址:

eclipse工程项目编译报错the import cannot be resolved解决方法

解决Failed to start component [StandardEngine[Catalina].StandardHost[localhost]]的方法

第一步：再pom.xml文件右键run as选择Maven test看是否报错，从报错信息中看缺失的包，如果没有报错，则进入第二步

第二步：在pom.xml文件下右键，run as选择maven build，再Goals下输入以下命令:clean install -U

原贴地址：

解决Failed to start component [StandardEngine[Catalina].StandardHost[localhost]]的方法

首先我们导入整合好的文件

我已经导入过一次所以报错

第一次会报各种错误 我报的错误都写上面了 如果不是自己百度下吧

然后运行

没问题

安装axios/qs/vue-axios

我们建好的SPA项目里面有个package.json文件里面可以看到我们下载的文件

npm install element-ui -S 饿了么出的一套ui框架 ， 常用来配合vue用的 我们需要在里面找组件用

npm install axios -S 我们如果要用axios就要下载这个模块

npm install qs -S 我们前面提到了axios的 get和post 请求 get请求是不会有任何错误的 post会报错 qs就是解决post报错的

npm install vue-axios -S 我们如果要在vue里用axios那么就要下载这个模块

下载完成 就只放一个图了麻烦