day47 记录错误！vue的CRUD vue的查询用户列表 vue的日期格式化 正式服务器和tomcat7访问路径 vue添加用户 必看部分 修改

redis服务器没有开 和其他错误

先停掉 tomcat插件

解压

network下的

formate 拼错了，jsp代码写错了

正式服务器和tomcat7访问路径

项目路径webapps】可以省略 tomcat中

这里会报错，如果你使用了vue，不建议使用ajax

http是协议 localhost是主机 8080是tomcat软件

tomcat部署项目位置 tomcat/webapp

下面是访问controller的路径，编译后的target下的class文件 tomact7插件类路径下资源运行位置

正式服务器访问的路径


idea设置的路径

查询用户列表

页面1：sidebar.jsp侧边栏 首页 用户列表 用户添加
1.用户点击用户列表“用户列表”访问资源：/pages/user/user-list.jsp 跳转 重定向即可？？？

页面2： user-list.jsp
2.导入js资源 vue/axios资源
3.确定一个视图标签 body的第一个字标签div(最大的一个div)
4.编写js代码 new Vue实例 this指的就是Vue实例 绑定视图 “#div”
绑定一个模型数据：定义空集合对象userList(接收服务器的userList)
生命周期方法created:function() 发送异步 请求 Controller后端获取数据 初始化模型数据userList

5.在Controller处理查询用户类别异步请求（get） @GetMapping
service接口（ioc注入实现类）来调用 定义model 将数据写到请求域 model.attribute
return “user/user-list” 转到这个页面 带上请求域
原先是mvc同步处理，现在修改为异步处理
调用业务获取改为json返回输出
6 数据库的日期给前端的格式化 formatDate函数 filters过滤器 有点类似 function(){} formatDate()

？？？图片

moment.js 前端日期格式化组件

base.jsp专门导入资源

？？？为什么不是导入…/pages/js 可以 但不安全

全路径是项目路径 就是web项目路径 webapp下 ？？？

vue的底层是js写的，js就是java代码，由浏览器解析

vue的日期格式化

filters里面的方法

vue代替jstl 的<fmt 标签

vue添加用户

页面1：sidebar.jsp
1.点击用户添加 访问 资源 /pages/user/user-add.jsp

页面2:user-add.jsp
2.确定视图标签 frameContent
3.编写js代码
new Vue实例
绑定视图：“frameContent”
准备模型数据：
会员类别列表：categoryList:[]
封装用户的数据：user:{}
生命周期方法：
发送异步请求，获取用户类别列表数据 会请求CategoryController
更新模型用户类别列表数据

CategoryController 操作不变 本来就是json的异步
4.给模型数据user表单上进行双向数据绑定 v-model
5.给保存按钮添加点击时间，提交异步添加请求，将模型数据user给到后端去添加
7.根据服务器返回trueorfalse判断是否添加成功，成功跳转到用户列表页面user-list.jsp

输入数据，绑定给后端的user的成员属性

必看

数据通过axios异步请求vm模型将value值赋值，axios封装成json字符串，然后post方法添加给user对应的字节码的controller类

修改

1.点击修改进入修改页面 user-update.jsp ，传递id数据过去

1.确定视图标签，<div id frameContent
2.编写js代码
new Vue实例
绑定视图："#frameContent"
准备模型数据：user：{} 用于封装用户的数据
生命周期方法：created：读取传递过来的id的数据，根据id发送异步get查询请求，根据id查询指定的用户数据更新模型数据user
3.表单实现模型数据的双向绑定
4.给保存按钮绑定点击事件，提交异步修改请求，传递模型数据user给后端
5,修改成功后，跳转到用户列表显示数据

Controller
请求1：根据id查询一个用户返回json字符串
Responsebody

必看 {{在标签体内才能用插入值表达式}}

必看

let id = ${param.id}; 这部分是怎么从后端传过来的，想知道传递的过程
jsp本质是servlet类

el本质是java代码

jsp页面源码：会将整个页面拼接字符串输出
out：输出对象
out.print("")

不是字节码给到浏览器

我们看到的jsp页面后面都会给后端编译运行然后再输出给前端浏览器是吗

在jsp上写html，js,css都会直接以字符串输出给浏览器

宋宇老师15:23

jsp只会执行el，jstl，java代码，其他代码都是拼接字符串输出

jsp代码都是在服务器中执行的

user-update.jsp就是servlet

${param.id} 等价于serlvet里面的request.getParamter(“id”) 谁访问我就拿谁的参数 ，拿到某个页面传递过来的参数

知道了，是user-list传过来的id

A.jsp B.jsp A跳转也就是访问B B自然就拿到A的请求参数了 B不用说指定的啦 B是被动的呢