IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)

SSM框架搭建后端

1.新建项目后jar包引入到WEB-INF目录下的lib(没有lib就自己创建)


2.引入总配置文件web.xml

3.引入相应的文件信息
IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第1张图片
4.该@RequestMapping("/findAll")地方用于前端访问前端,后期可以直接拼接访问"http://localhost:8083/findAll"
IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第2张图片

5.引用配置信息,需要把里面的路径修改一下,引入的时候需要选择

6.如果Vue访问后端服务器,需要一个过滤器来开启权限
IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第3张图片
7.设置了拦截后需要在总配置文件web.xml中进行加入以下信息
 
   
        HeadFilter
        /*
   

IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第4张图片
8.在测试类中如果要进行测试循环遍历是否生效,获得该类的配置信息时首字母必须小写
context.getBean("standardService");

IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第5张图片


使用Node创建Vue前端
1.打开Node进入指定文件后vue init webpack 项目名(选择路由安装route选择y,其他可以选择n)
2.使用IDEA打开项目
3.布局前端页面

IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第6张图片
4.布局完毕后需要使用axios进行调取后台数据,需要在指令中进行安装npm install –save axios
5.安装完毕后需要配置一下,通过main.js中导入进去
头部引入:
import axios from 'axios'
Vue.prototype.axios = axios;

IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第7张图片
6.使用axios调用后台数据库获取值
IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第8张图片
7.循环遍历信息
IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题)_第9张图片


时间格式的转换问题:https://www.cnblogs.com/mrszhou/p/7899896.html

你可能感兴趣的:(IDEA搭建SSM框架后端,Node服务器创建Vue前端(附时间格式转换问题))