cgb2110-day15

文章目录

• • 一,ElementUI的使用
  • • --1,修改Person.vue
    • --2,重启服务器,测试
  • 二,Vue项目中定义路由功能
  • • --1,自定义组件
    • --2,创建router.js文件
    • --3,修改App.vue文件
    • --4,总结
    • --5,调用流程
  • 三,Tomcat服务器
  • • --1,概述
    • --2,使用步骤
    • --3,目录结构
    • --4,修改Tomcat端口号
  • 四,在Tomcat服务器中添加自定义资源
  • • --1,新建资源(在webapps里)
    • --2,重启服务器,打开浏览器测试
    • --3,一个完整的web应用的结构
  • 五,创建SpringBoot工程
  • 扩展:
  • • --1,Git的常见操作
    • • 下载
      • 上传

一,ElementUI的使用 –1,修改Person.vue

–2,重启服务器,测试

二,Vue项目中定义路由功能

–1,自定义组件

t1

t2

–2,创建router.js文件

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

//-------1,导入自定义组件t1 t2
import t1 from './components/t1.vue'
import t2 from './components/t2.vue'

Vue.use(Router)

export default new Router({
  routes: [
    //------2,路由规则,根据不同的请求分发给不同的组件展示
    {path: '/', name: 'HelloWorld',component: HelloWorld},
    { path:"/t1" , component:t1 },
    { path:"/t2" , component:t2 }
  ]
})

–3,修改App.vue文件

–4,总结

–5,调用流程

三,Tomcat服务器 –1,概述

主要作用:
1, 你的项目资源必须放入 Tomcat里,才能被浏览器 看到
2, 接受这次请求,并处理请求
3, 如果浏览器需要一个结果, 服务器就需要返回一个结果

–2,使用步骤

1,解压
2,开启服务器(必须配置好JAVA_HOME)
D:Javaapache-tomcat-8.5.72binstartup.bat
3,关闭服务器
D:Javaapache-tomcat-8.5.72binshutdown.bat
4,测试
http://localhost:8080

–3,目录结构

–4,修改Tomcat端口号

四,在Tomcat服务器中添加自定义资源 –1,新建资源(在webapps里)

–2,重启服务器,打开浏览器测试

http://localhost:8090/day15/test01.html
本机:Tomcat的端口号/项目名称/资源名称

–3,一个完整的web应用的结构

需要创建一个WEB-INF,是为了隐藏一些文件的访问权限.

五,创建SpringBoot工程

https://start.aliyun.com

扩展: –1,Git的常见操作 下载

#哪儿执行的下载命令,就把指定仓库的资源下载到你的哪里
E:workspace>git clone https://gitee.com/cgblpx/cgb2110.git

上传

把你准备上传的资源,放在git的工作空间.

git add .
git commit -m "test"
git push -u origin master