v3-10 前后端业务搭建Vue+SSM , 前后端交互原理(准备工作)

目录

01 搭建前后端的框架vue+SSM

1.1 后端系统的搭建

---->常规操作+ 导入pojo

文件位置:   

------>导入 pojo和vo层

------>vo层具体作用: 

--->最后的结构

所有操作流程图

---->01

---->02

---->03 切换端口号 

--->04 启动前端vue 操作: cmd+ vue ui

--->05  前端环境准备

===>5-1 检查前端路径 vue项目路径

===>5-2 利用Hbuilder X打开目录

02 熟悉脚手架的结构(了解)

1 关于vue文件说明

---->具体分为三部分 

2. 结构: --->​

---->3 目录的结构信息: src包下

------>4. main.js说明

4.1 引入全局样式/js

4. 2 vue prototype 父子组件 属性对象传值

​

4.3 vue.use(VueQuillEditor)组件插件传递

******(这个^^^存在^^^问题)******

​

 4.4  实例化vue对象

4.5 $mount表示要进行页面渲染

4.6 App vue 说明

4.7 脚手架中的路由

4.8 vue框架实现页面(加载)的流程图

03 了解前端js elementUI(工具)

1 后端项目导入组件说明

4.2 ElementUI入门案例

--->01 定义elementUI组件 

--->02 定义 elementUI路由

---->出现这个效果即可  http://localhost:8080/#/elementUI

04 实现用户登录操作页面

1. 也是去复制粘贴输入框,按钮 输入框内图标

2. 前端 官网展示:---->

3.  最终代码展示   所有样式复制粘贴即可

---->vue前端展示效果 :  

%%% ---  springMVC的执行流程  --- %%%

---

01 搭建前后端的框架vue+SSM

1.1 后端系统的搭建

---->常规操作+ 导入pojo

操作:   SSM层普通模板+ pojo替换

文件位置:   

[个人电脑位置,因人而异]

D:\天翼云盘下载\第三阶段课前资料\5-京淘项目文件\1-后端框架代码\3-后端代码\jt\jt-common\src\main\java\com\jt\pojo

------>导入 pojo和vo层

VO层  jt-common\src\main\java\com\jt\vo 

----