- 博客(54)
- 收藏
- 关注
RSS订阅原创 vue+springboot项目上传部署tomcat
下载及Tomcat进入tomcat官网，选择需要下载的版本，点击下载下载路径一定要记住，并且路径中尽量不要有中文下载后是压缩包 .zip，解压后tomcat系统各个文件夹目录是什么意义：bin：放置的是Tomcat一些相关的命令，启动的命令（startup）和关闭的命令（shutdown）等等conf：（configure）配置文件lib：（library）库，依赖的 jar包logs：Tomcat 的日志文件temp：Tomcat的临时文件夹。
2024-01-05 16:37:16
777
原创 本机javaweb项目在其他设备上展示
前端的后端接口配置把localhost换成本机的IPV4地址192.168.18.103。浏览器访问：将本机运行的项目URL发给另一台电脑将localhost换成Ipv4地址即可。本机win+r打开黑窗口输入ipconfig，回车查看自己本机的IPv4地址。
2024-01-04 17:09:40
871
原创 elementui下选框获取后端数据并查询
v-model:双向绑定事件keyword。发生请求：请求接口和后端接口一致。label:页面展示数据。key:传给后端的数据。
2023-12-21 16:42:06
345
原创 requset页面的代码逻辑
当我们操作某个需要token作为请求头的接口时，返回的数据错误error.response.status === 401，说明我们的token已经过期了。如果，后端返回500、401、403，消息框提示(Messsage.error)后端返回的提示信息,因为是业务逻辑错误，所以返回空。//在拦截器中引入了router,在router中，配置了首先要转向的页面。页面打开，就加载updateCaptcha方法，方法中获取到验证码图片的地址，通过get方法。如果，有返回信息，消息框显示成功信息。
2023-05-13 16:58:25
473
1
原创 文字描述登入界面到个人界面
创建然后在中配置登录页的路由表最后，访问/login查看是否能访问到登录页面。布局结构：导航栏需要用到vant里面的导航栏 、 登入的表单需要用到vant里面的表单结构 还要在加上vant 里面的按钮布局样式：原则是将公共样式写到全局（），将局部样式写到组件内部。
2023-04-16 13:56:28
238
原创 vuex和localstorage语法
ocalStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。
2023-04-08 21:01:07
420
原创 css优先级和async/await
第一等级：代表内联样式，如style=""，权值为 1000第二等级：代表id选择器，如#content，权值为100第三等级：代表类，伪类和属性选择器，如.content，权值为10第四等级：代表标签选择器和伪元素选择器，如div p，权值为1注意：通用选择器（*），子选择器（>），和相邻同胞选择器（+）并不在这个等级中，所以他们的权值为0。
2023-04-01 16:30:26
376
原创 编写登入界面login
符号是v-on事件绑定的简写 可以直接在后面绑定某个事件 也可以绑定绑定某个时间名 然后在methods方法里具体阐述这个事件。在src/utils/vant.js文件中 做vant组件的导入。根据vant已有的rule数据结构来写手机号和验证码的校验。在login登入界面写入vant使用代码。引入导航栏组件写导航栏。
2023-03-28 20:22:31
967
原创 nodejs的简单复习
判断一个字符串在不在某个字符串里面let index1 = str.indexOf('宇宙')//0截取字符串// 江西修改字符串let str3 = str.replace("宇宙","互联网")// 互联网的中心——江西软件职业技术大学分割字符串大小写转换//abcdefg//ABCDEFG。
2023-03-15 19:52:31
601
原创 盒子模型的简介
会发现margin、border、padding是css属性，因此可以通过这三个属性来控制盒子的这三个部分。overflow:hidden/scroll/visibility(默认显示);注意：如果有一个元素要浮动，相邻的元素也需要加上浮动！(跟top/bottom/left/right联合使用)(跟top/bottom/left/right联合使用)(跟top/bottom/left/right联合使用)设置为包含块的元素，参考点就是这个元素左上角的一点，移动的范围就是包含块元素的大小。
2023-03-07 19:33:10
608
原创 vue项目目录的介绍
App.vue -- 根组件 组件就是模块 App.vue是由由template--> html ，script--> js，scss-->css 三部分内容组成。package-lock.json 记录当前状态下实际安装的各个npm package的具体来源和版本号。router -- 配置整个vue项目的路由，vue 是单页面应用的代表，这里面就是设置一个一个组件的地址的文件。main.js -- 项目的主js,全局的使用的各种变量、js、插件 都在这里引入 、定义。
2023-03-02 13:46:35
428
原创 vue的知识点复习
子组件中的data数据,并不是通过 父组件传递过来的,而是子组件自身私有的,比如子组件通过ajax请求回来的数据,都可以放到data身上,data 上的数据都是可读可写的;=和:的区别 一个是slot的name 一个是父组件获取子组件的数据,插槽一定要用template包裹着。1.父子组件传值,通过v-bind:(:)来传值，通过props来接收值。子组件接收父组件的方法,并用$emit把子组件的值传给父组件。4.在父组件中接收子组件所有参数的同时，添加自定义参数。在index.js里面配置。
2023-03-02 11:33:30
188
原创 vue项目的创建和vue-router的详解
hash（#）是URL 的锚点，代表的是网页中的一个位置，单单改变#后的部分，浏览器只会滚动到相应位置，不会重新加载网页，也就是说 #是用来指导浏览器动作的，对服务器端完全无用，HTTP请求中也不会不包括#；由于hash模式会在url中自带#，如果不想要很丑的 hash，我们可以用路由的 history 模式，只需要在配置路由规则时，加入"mode: 'history'",这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。，根据嵌套路径，渲染嵌套组件。
2022-11-29 16:21:02
818
原创 vue小总结
这样一来，以后用户的每一个动作都不会重新加载页面（即不用再问服务器要页面的HTML，css和js代码），取而代之的是利用 JavaScript 动态的变换HTML的内容（这不需要和服务器交互，除非数据是动态，那么只需要问服务器要数据即可）。1),使得M,V,VM的解耦更加彻底，在mvp模式中，p需要持有V的引用，才能去刷新UI，在MVVM模式中，View和Model使用databingding进行双向绑定，一方改变会直接通知另外一方，使得viewModel能专注于业务逻辑的处理，而不需要去关心UI刷新。
2022-11-26 21:13:07
261
原创 async、await的了解及用法
async是一个加在函数前的修饰符，被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then，返回值就是then方法传入的函数。await 修饰的如果是Promise对象：可以获取Promise中返回的内容（resolve或reject的参数），且取到值后语句才会往下执行；如果不是Promise对象：把这个非promise的东西当做await表达式的结果。async/await 是ES7提出的基于Promise的解决异步的最终方案。
2022-11-22 19:29:58
208
原创 vue 自定义事件
在父组件的methods中 具体阐述changeNum这个函数做什么事情：把接受到的从子组件传来的变化后的data值 作为参数val 赋予给 主组件定义的num。那现在我们在父组件中定义了一个num 并且我们希望子组件中的num值与父组件中的num值一致 所以子组件中的num就要变成从父组件流入进去、在子组件声明了需要从父组件流入一个num后 我们父组件就需要赋予这个num值给子组件。主组件想拿到num的值需要在主组件data中定义num的值。子组件向父组件传递值需要通过侦听器 （在子组件中）
2022-11-20 15:28:59
263
原创 node.js 使用promise
当这个promise对象内部的resolve被调用,就会执行then里的代码。当这个promise对象内部的reject被调用,就会执行catch里的代码。promise 对象还可调用两个方法,一个叫then,一个叫catch。会放在异步微任务中执行，需要等到同步任务执行后在执行。创建时立即执行同步任务，
2022-11-15 19:23:51
164
原创 vue组件传值
第一种方式:通过父组件给子组件绑定一个自定义事件实现子给父传数据 使用v-on或@ 结合student.vue中的sendStudentName 的emit。如果只能点击一次则获取到的student中的name:{{namestudent}}student},data(){return{}},
2022-11-14 19:26:56
92
原创 node.js 的HTTP模块
http模块是node官方提供的，用来创建web服务器的模块。通过http模块提供的。，从而对外提供web资源服务。
2022-11-08 19:15:51
162
原创 vue中的props
StuProps.vue:App.vue: 页面效果图;静态props:动态props:单项数据流：[slot-具名插槽]
2022-11-07 19:48:42
2009
原创 path模块的拼接
path模块是Node.js官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。方法，用来将多个路径拼接成一个完整的路径字符串方法，用来从路径字符串中，将文件名解析出来。
2022-11-06 16:36:13
431
原创 vue项目的介绍
如果在代码没有问题的情况下不规范的错是我们可以vue.config.js文件的最后一行输入。通过main.js将App.vue渲染到index.html的指定区域中。每个组件都会拥有的三个结构：模板、行为、样式。一个简单的用vue实现的计算器。
2022-10-29 17:28:23
288
原创 Vue脚手架搭建和vue项目创建
Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具，cli是（command-line-interface ）命令行界面。
2022-10-29 17:13:51
68
原创 nodejs的内置模块
解决方案：在使用fs模块操作文件时，直接提供完整的路径，不要提供./或../开头的相对路径，从而仿真路径动态拼接的问题。在使用fs模块操作文件时，如果提供的操作路径是以./或../开头的相对路径时，很容易出现路径动态拼接错误的问题。原因：代码在运行的时候，会以执行node命令时所出的目录，动态拼接出被操作文件的完整路径。参数1：必选参数，需要指定一个文件路径的字符串，表示文件的存放路径。参数3：必选参数，文件读取完成后，通过回调函数拿到读取的结果。参数1：必选参数，字符串，表示文件的路径。
2022-10-23 10:31:30
455
原创 nodejs的事件和事件流
JavaScript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性。常见的有加载事件、鼠标事件。由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候，就存在一个顺序问题，这就涉及到了事件流。页面触发个事件时,会按照一定的顺序来响应事件，事件的响应过程为事件流。
2022-10-20 19:59:07
354
原创 nodejs的使用
随着大前端时代的到来,前端代码日益膨胀,此时在JS方面就会考虑使用模块化规范去管理。JS发展初期,使用寥寥数语实现简单的页面交互逻辑即可。把一个大的程序拆分成相互依赖的n个小文件。这些小文件还可以通过特定的语法组合到一起。避免命名冲突(减少命名空间污染)这个过程称之为模块化。更好的分离，按需加载。
2022-10-20 19:35:50
158
原创 vue js的样式绑定
直接绑定一个对象 :class=“aa” aa 是data中的一个属性： aa:{“blue”:true,“big”:false}:class="{‘属性名’：‘属性值’}" 属性名就是生效的类名 值为布尔值，true生效，false不生效。第一个color是属性名 第二个color是变量名 和data中保持一致。外部增加（）：属性值改造成字符串；属性名到对象名的改变。把行内属性改成对象，以对象方式绑定style属性。也可以通过计算属性返回一个对象。在行内属性中书写样式。
2022-10-20 19:21:30
58
原创 JavaScript中的对象
在 JavaScript 中，对象是一种复合的数据类型，用于保存一组无序的相关属性和方法的集合。属性： 描述事物的特征，常用名词来定义方法： 描述事物的行为，常用动词来定义。
2022-10-16 11:25:22
261
原创 cookie、localStorage、JSON字符串
cookie使用场景：：登陆、购物车等应该记住的其他内容：用户偏好、主题或者其他设置：记录和分析用户行为Cookie的特点 ：cookie的分类： Session CookiesPersistent Cookiescookie原理： localStorage使用方法： localStorage的特点： JSON的两个方法： JSON语法 注意事项
2022-10-12 21:33:02
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人