首页 > 其他分享 >20220829 第一组 于芮 Vue坏人Tomcat入门

20220829 第一组 于芮 Vue坏人Tomcat入门

时间:2022-08-31 18:36:05浏览次数:72  
标签:web Vue 于芮 Tomcat 绑定 服务器软件 请求

 

小白成长记——第三十七天

 

     这几天的主要学习内容就是Vue以及简单的Tomcat在ideal中的配置,总体来说说学习内容很多,每天都很充实,时间都用来学习,整个人都很开心,虽然每天学习知识都很累,但是学习知识就是意见幸福的事。

Vue
1. 创建一个Vue的对象893
参数:el用来给Vue实例一个作用域
data :键值对{msg:用来定义相关的数据}
v-text:插入数据,不会有插值闪烁
{{msg}}:插入数据,会有插值闪烁 v-html:标签 事件 (简写@click)
绑定单击事件 v-on:click=“”
定义函数:函数名:function(){this(代表整个Vue实例)} v-if直接操作DOM元素,底层
v-show通过css控制DOM元素 属性的绑定(简写:src:)
v-bind:src 遍历
v-for:(value,key,index)in 对象
v-for写在哪一个标签中,就会生成多个对应的标签 双向绑定
HTML部分发生变化,Vue实例中农对应的属性也会变化
Vue中发生变化,HTML同样变化
v-model实现双向绑定
表单中所谓的双向绑定和Vue实例中的data的数据变化是同步的
MVVM架构:双向绑定机制 注意事项
1.注意Vue实例的作用域
2.事件绑定和属性绑定的完整写法
3.v-if和v-show的区别
4.双向绑定,应用在表单元素上
5.双向绑定在不同表单元素上的用法,radio,CheckBox,select
6.插值表达式{{}},Vue的属性或事件用Vue自己的事件不需要写双大括号,其他地方必须写双大括号
7.Vue的解析过程,最终展现出来的HTML的页面没有Vue语法 事件修饰符
用来和事件连用,决定事件的触发条件,或者组织事件的触发机制
事件的冒泡
点击里边属性中的按钮,外面的时间也会被触发
解决方法:在里面的属性加入事件的修饰符.stop .stop修饰符:用来阻止事件的冒泡
.once修饰符:只触发一次,之后执行她的默认行为
对键盘按键进行修饰
.enter,.tab ,.delete(对删除和退格均起作用) 全局组件注册
参数一:组件名称
参数二:组建配置对象
template:用来书写组建的HTML代码
components:{
挂在组建
第一个:组件的名
第二个:要挂载组件的名
}
路由(引入放在Vue下边)
1,router.js放在Vue下边
2.创建路由对象要放在组件模板下边 软件架构
1.c/s架构:客户端/服务端
2.b/s架构:浏览器/服务器
资源分类
1.静态资源:所有用户访问后,得到的结果都是一样(HTML)
2.动态资源:每个用户访问相同的资源,得到的结果可能不一样。动态资源被访问后,需要先转换成静态资源,再返回给浏览器,通过浏览器来进行解析 常见的web服务器
服务器:安装了服务器软件的计算机
服务器软件:接受用户的请求,处理请求之后给出响应(接请求,给响应)
web服务器软件:接请求,给响应
在web服务器软件中,可以部署web项目,让用户通过浏览器访问这些项目
常见的服务器软件(动态服务器):
weblogic:Oracle出品,大型的web服务器,几乎支持所有的javaee规范(收费,很贵)
websphere:IBM出品,大型的web服务器,几乎支持所有的javaee规范(收费,很贵)
Jboss:Jboss出品,中型的web服务器,几乎支持所有的javaee规范(收费,很贵)
Tomcat:Apache基金会出品,中小型web服务器,支持少量的javaee规范,开源免费
静态服务器软件
Nginx:(代理,反向代理,动态分离)处理极高的并发
Apache Tomcat
bin目录:存放一些批处理脚本文件,可执行文件
conf目录:用来存放Tomcat的相关配置文件
lib:Tomcat依赖的jar包
logs:存放的日志
temp:临时文件
webapps:Tomcat默认的web应用部署的目录
work:web应用,JSP代码生成和编译的临时目录 Tomcat的启动
双击bin下的startup.bat文件
Tomcat的停止
双击bin下的shutdown.bat 文件 servlet
就是一个普通的Java类而已(处理请求,给出响应)
创建sevlet
1.实现javax.servlet.genericServlet类
2.继承javax.servlet.http.HttpSerclet(通常使用这种)
3.实现javax.servet.Servlet servlet生命周期
1.初始化
2.实例化
3.调用service方法,处理请求
4.销毁-destory方法 httpservletrequest-request(请求)
所有和请求相关的操作,都用这个对象处理,当有请求来的时候,request被实例化
httpservletresponse-response(响应)
当有请求来的时候,response被实例化
当你给出响应的时候,使用response
我们要给出的响应,必须展示在客户端 request和response get请求和post请求的区别
1.get:请求的参数会在浏览器的地址栏中显示,比安全,请求的长度限制在1k之内
没有请求体
2.post:请求的参数不会在浏览器的地址栏中显示,县对安全,把请求的参数封装成几个数据报文(请求体),请求参数的长度没有限制 请求转发和重定向的区别
1.重定向是两次请求,请求转发是一个请求
2.重定向是客户端的行为,请求转发是服务器的行为
3.重定向是浏览器的地址会发生改变,请求转发不会
4.重定向可以定义到任意位置,转发只能在项目内转发

    这就是这几天的学习笔记啦,整体来说知识掌握的不是很扎实,还是要及时复习,及时理解,温故而知新!

标签:web,Vue,于芮,Tomcat,绑定,服务器软件,请求
From: https://www.cnblogs.com/dijiuzu/p/16644144.html

相关文章

  • vue直接赋值后数据不更新
    在写vue的时候,存在某些情况,明明赋值给model了,页面数据不变化。原因我就不仔细分析了,下面直接上解决办法:1.1、Vue不能检测以下变动的数组当你利用索引直接设置一个项时,......
  • VUE学习2
    目录分析public目录index.html是起始的html文件#这是关键<divid="app"></div>src目录main.js是Vue项目的入口文件属性props:接受父组件传过来的值props:{m......
  • vue3+ts项目声明响应式数据
    说明:在项目开发中,需要声明响应式数据来实现界面的响应从而实现前后端数据的交互。我们主要分为两类来举例。基本数据类型声明方式letxxx=ref<type>('defaultValue'......
  • Vue中报npm WARN idealTree Removing dependencies.element-ui in favor of devDepend
    在添加element-ui的时候我是用的是:npmielement-ui--save-dev或npmielement-ui-S都会报错npmWARNidealTreeRemovingdependencies.element-uiinfavorofdevD......
  • Vue Cli4.5版本手机端适配(rem)
    1.安装amfe-flexible(根据屏幕动态改变根元素font-size,postcss-pxtorem把代码中px转为rem)npmiamfe-flexible-S2.安装postcss-pxtorem(一款PostCSS插件,用于将px单位转......
  • 安装vue环境
    1)获取node.js安装包Node.js安装包及源码下载地址为:https://nodejs.org/en/download/(2)Linux上安装Node.jswgethttps://nodejs.org/dist/v16.13.1/node-v16.13.1-linu......
  • VUE---公钥私钥加密解密
    最近在开发一些项目,前后端数据分离开发项目,涉及到数据的安全性,需要考虑:1、前端提交数据,进行加密,后端解密。2、前端渲染数据,进行解密,后端加密。第一步:生成加密/解密公钥......
  • vue-cli 配置优化
    本文整理了一些vue开发中常用vue-cli配置,使用的vue-cli版本为3.11.0,主要内容包括:移除preload与prefetch使用webpack-bundle-analyzer做打包分析使用ters......
  • windows使用/服务(4)tomcat7启动报错:The JRE_HOME environment variable is not defined
    参考文档:启动tomcat时报错:TheJRE_HOMEenvironmentvariableisnotdefinedcorrectly的解决方案报错:PSD:\jbpro\tomcat\bin>.\catalina.batrunTheJRE_HOMEe......
  • 区块相隔虽一线,俱在支付同冶熔,Vue3.0+Tornado6前后端分离集成Web3.0之Metamask区块
    最近几年区块链技术的使用外延持续扩展,去中心化的节点认证机制可以大幅度改进传统的支付结算模式的经营效率,降低交易者的成本并提高收益。但不能否认的是,区块链技术也存在......