前后台分离,各干各的活儿
写完后台,然后写jsp,开发时间是串行的
分离之后,开发时间是并行的(时间缩短)
前后端交互(指的是数据 json)
后端postman测试
前端需要等后端开发完成吗???
不用,自己模拟数据(只要和规定返回的json数据一致即可)
交互关键是 ajax
vue是前端开发模型(前端MVC)
vue使用,引入js包,在HTML上
axios使用,引入js包,在html上
问题: =后端需要token验证,前后端约定在每一次请求信息中都要带上token(登录成功后后台生成jwt)前端存储在浏览器中
axios 好处,有连接器==aop模式,开发人员只需要关心核心业务代码,调用getOrder,我们只需要写url即可,将token封装到请求中拦截器帮我们做了
vue mvvm 作用是处理数据很优秀 因为双向绑定
jQuery 操作dom页面标签
从后台过去到用户信息,vue直接赋值给已绑定的变量,自动渲染,jq ==需要$(“id”).val(data)手动操作标签赋值
html + vue.js 已经可以实现显示效果了,但是不利于开发和后期维护,所以
我们开发中使用vue的脚手架模式,(基于nodejs启动为一个服务)
java maven工程(基于 JVM Tomcat 运行为一个服务)
html+vue.js开发,需要每个页面都new vue对象,缺点是不能共享数据(解决方案 脚手架)单页面工程,只有一个html,数据是动态渲染到该页面
脚手架用到vue 组件功能(xxx.vue 页面是组件封装)
路由:解决“页面”之间的跳转
SEO问题
我们开发前端(给用户用的)需要搜索引擎搜到,但是,单页面工程,爬虫只能爬到一个
由于我们还想用vue来开发代码,还想实现SEO
nuxt.js解决
nuxt 也是脚手架模式
概念:服务端渲染(SSR)==jsp
思考:缺点是什么