- 博客(94)
- 收藏
- 关注
RSS订阅原创 【Java Web】PostMan业务接口测试工具
在生产环境中，一个项目在开发之前、前后端开发工程师通常需要商讨在前后端数据交互时需要采用什么样的规范格式，如：前端向后端发送请求的uri、请求和响应方式、请求和响应的数据格式是键值对还是Json格式等。商讨并形成一套统一的规范后，后端开发人员就会根据此规范来编写控制层业务处理的方法，并将前端请求的数据以规范中规定的格式响应给前端视图页面。功能： 后端开发人员可以使用Postman工具来模拟用户浏览器向后端控制层的业务处理器（方法）发送的各种请求方式和数据，来测试业务处理器编写的代码是否有误。
2024-06-27 19:51:52
228
原创 【Java Web】Element-plus组件库
Element-plus组件库是由饿了么团队基于Vue3框架编写的前端UI设计组件库。通俗点讲就是将用户页面设计所需的按钮、表格、导航栏等前端代码编写生成的组件元素都封装好了、用户在进行前端UI设计时只需将Element-pluse组件库中相应的组件代码复制粘贴到基于vue3的项目前端工程中即可使用这些已经写好的组件元素，从而极大的提高了用户前端的UI设计开发效率和页面的美化。3、在.vue文件中使用element-plus组件库官网提供的组件元素代码(复制粘贴)一、Element-plus组件库概述。
2024-06-27 19:20:25
290
原创 【Java Web】Pinia实现组件间数据共享
pinia可以将多个组件需要共享使用的数据单独在一个.js文件中定义，然后将其数据对象导出，这样其它组件导入该数据对象之后就可以共享此由pinia定义的数据对象且此数据对象默认是响应类型的数据。"person.$patch({username:'关山月',age:100,hobbies:['唱','跳','rapper','干饭哈!//定义pinia共享数据的修改方法（也可以使用箭头函数，但访问数据时需要传入state作为形参）//创建pinia实例供应用使用，使各组件文件都能获取pinia共享的数据。
2024-06-27 19:16:52
677
原创 【Java Web】Axios实现前后端数据异步交互
若axios发送的是一个错误、异常的请求，请求拦截器方法2执行处理后，会直接响应给axios请求方法一个失败的Promise对象。后端服务器在处理正常的请求后，响应报文在返回给axios发送请求的调用函数之前会先经过响应拦截器，如果后端响应的是正常的报文则由响应拦截器的方法1处理响应报文后，将其返回给axios请求方法；axios是代替原生的ajax实现前后端数据交互的一套新解决方案，而axios使用的是promise相关的语法，而Promise主要是解决函数回调的问题。
2024-06-27 19:13:37
680
原创 【Java Web】Vite构建前端目录结构
SFC单文件组件，就是将一个网页拆分为多个*.vue格式的组件所构成的网页，每个*.vue组件里面由style、script和template标签构成，分别用于存放传统的css、js和html代码。这样其它的.html文件在使用script标签引入main.js文件后，实际上就会自动将css样式放在.html文件的head标签中作为样式导入。响应式数据：当变量的值发生变化时，vue框架会自动将变量最新的值更新到DOM树中，从而浏览器显示变量最新的值。三、Vite+Vue3项目目录结构。
2024-06-27 19:04:31
443
原创 【Java Web】Vue3看完这篇文章就够了
而使用计算属性系统只需要在首次使用时调用执行一次逻辑代码来获取计算后的值并缓存起来，下此在使用时若JS中要统计的数据源没有发生任何变化，则系统会直接使用上次缓存计算出的结果数值而不会每次使用一次计算属性都要执行一次逻辑代码，进而节省系统的开销。相较于标签的声明式路由，编程式路由通过使用useRouter函数获取的路由实例，从而实现的编程式路由更加灵活，可以根据用户操作或输入的信息不同实现组件页面的动态切换效果。
2024-06-27 18:58:18
1058
原创 【Java Web】NPM前端包管理工具
使用它可以从网络中央仓库下载前端项目所需的前端框架到本地仓库目录或将其下载好的框架单独放在一个前端项目中；其次NPM也可以对前端项目进行管理如: 项目初始化、项目依赖管理、使项目在研发模式下运行、编译项目等。注意: npm初始化项目后产生的package.json文件在什么位置，npm后续的命令就需要与其在同一个目录下执行。3、将NPM使用的网络中央仓库源地址改为国内阿里的镜像仓库源地址，从而提高框架的下载速度。4、设置NPM的本地全局仓库目录即从网络仓库下载的框架预存放到本地的路径位置。
2024-06-27 18:51:28
296
原创 【Java Web】Node.js速通宝典
Node.js是通过修改谷歌浏览器V8引擎代码的基础上开发而来的一款软件。此软件可以安装到windows、linux、mac等多种操作系统上，用于执行.js文件代码。总之，Node.js是用于执行.js代码的一款软件。1、去node.js官网https://nodejs.org/en下载window版安装包。5、编写个.js文件，然后cmd打开命令提示符窗口使用“node 文件名.js”来运行。3、点击下载好的node.js安装包开始安装。二、Node.js安装教程。一、Node.js概述。
2024-06-27 18:45:15
249
原创 【Java Web】ECMA6Script语法
这里的rename就是导入的default属性的别名，而default属性代表的又是模块文件中默认导出的成员，因此，对rename的操作就是对模块中默认导出的成员进行操作。ES6支持JS代码的模块化即将一些经常使用的变量、方法和类等单独放到一个JS文件中作为一个模块，其它JS代码需要时只需把模块文件中的成员导入即可，有点类似于C语言中的。1、'对象.属性名'，如果该对象有此属性则访问或修改的是此属性，若对象中实际没有此属性字段则访问或修改时调用的是该属性同名的get或set方法。` //模版字符串。
2024-06-27 18:40:40
809
原创 【Java Web】简单了解前端工程化
前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，其主要目的为了提高效率和降低成本。说白了就是将曾经同在一个工程中的前端和后端代码各自独立起来分别作为一个工程来开发维护，实现前后端开发分离、部署分离。前端工程化实现的技术栈有很多，我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现。二、前端工程化使用的技术栈。一、什么是前端工程化?
2024-06-27 18:33:17
105
原创 【Java Web】Ajax异步请求
Ajax是采用异步的方式客户端与服务端进行交互的，客户端与服务端之间相互独立，客户端只需要将请求发送给服务端就可以了，服务端只需要对用户的请求做出处理后响应给客户端即可，在此服务端处理用户发送过来的请求期间、客户端无需进行等待、可以进行其它的操作。Ajax其实就是使用JS代码，当用户在浏览器上进行了某个动作事件后，就会触发JS代码的执行，由JS代码在浏览器背后向服务端发送请求并将服务端响应的信息通过DOM或BOM编程显示在客户端的dom树中、渲染到用户当前所在标签页上或者决定是否跳转页面。
2024-06-27 18:30:26
130
原创 【Java Web】监听器
JavaWeb中的监听器类似于Java图形编程中的监视器，当程序触发了某个事件后，监听器就会捕捉到此事件并调用自身中针对此事件的特定方法来进行处理。JavaWeb中的监听器主要对三大域对象的创建及初始化、销毁和域中属性的增加、修改、删除事件进行监听，其本身就是一个实现了特定监听接口的Java类。3、HttpSessionBindingListener监听的是会话绑定事件、HttpSessionActivationListener监听的是会话的钝化(会话对象序列化)和活化（会话对象反序列化）事件。
2024-06-27 18:24:12
401
原创 【Java Web】过滤器
过滤器应用在服务器上类似于防火墙，用户的请求和响应报文在转化为HttpServletRequest和HttpServletResponse对象后，都会先经过过滤器（实现filter接口的Java类）进行处理，由过滤器来决定是否放行用户的请求到项目的目标资源，服务端用户请求的响应报文HttpServletResponse对象也需要先经过过滤器后，才能转化为响应报文响应给客户端。④销毁过滤器---->服务关闭------>调用一次destory方法（1次）同包下，过滤器类名的字典顺序即为过滤器链的执行顺序。
2024-06-26 18:58:59
376
原创 【Java Web】三大域对象
一些可用于存储数据和传递数据的对象被称为域对象，根据传递数据范围的不同，我们称之为不同的域，不同的域对象代表不同的域，共享数据的范围也不同。@声明：“山月润无声”博主知识水平有限，以上文章如有不妥之处，欢迎广大IT爱好者指正，小弟定当虚心受教！web项目中，我们一定要熟练使用的域对象分别是：请求域、会话域、应用域。三、域对象使用相关API。
2024-06-26 18:54:32
432
原创 【Java Web】会话管理
每个Session对象都有一个对应的JSessionID，服务端会根据用户请求报文Cookie中携带的JSessionID找到之前的为此客户端创建的seesion对象记事本，从而可以获取之前于客户端交互而记录下来的一些信息。这样服务端就可以根据session对象中记录的用户的信息来做相应的逻辑处理并做出响应。服务端收到用户的请求报文后，根据cookie请求头中保存的会话ID来查找Tomcat服务中对应的session对象，并根据session对象中记录的客户端信息对其用户的请求做相应的处理。
2024-06-26 18:50:02
998
原创 【Java Web】MVC架构模式
用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。简单来说MVC就是一种项目代码存放位置的规范。2.数据库访问包（dao/mapper）------专门存放对数据库不同表格创建、读取、更新、删除（CURD）方法封装的一些类。1.实体类包（pojo/entity/bean）------专门存放和数据库对应的实体类和一些vo对象。3.服务包（service）-------专门存放对数据进行业务逻辑预运算的一些类。
2024-06-26 18:45:46
335
原创 【Java Web】Servlet控制器
ServletA收到请求后回应客户端一个响应状态码为302、响应头location="目标资源访问路径"的响应报文------->客户端收到ServletA的响应报文后根据其报文中的location属性值向目标资源发送请求------>目标资源服务器如Tomcat收到请求后又产生新的一对request和response对象并将其交给ServletB处理请求------>ServletB处理客户端请求并发送响应报文给客户端。它是由Tomcat收到用户浏览器的请求报文转化而来，里面封装了请求报文的所有信息。
2024-06-26 18:41:49
889
原创 【Java Web】Tomcat服务器
说明：Tomcat运行时会自动构建项目，然后在将其部署到Tomcat上，只不过在此过程中IDEA并不是直接就将构建好的项目放在Tomcat家目录webapps文件夹下，而是会自动在系统当前用户的家目录路径下生成一个简化的Tomcat目录结构副本，然后将部署的项目以虚拟目录设置浏览器访问路径上下文的方式配置在Tomcat副本配置目录中。注意：IDEA控制台使用的GBK字符编码，Tomcat配置文件中设置的日志输出字符编码为utf-8，因此在Tomcat启动时控制台输出的日志会出现乱码。
2024-06-26 18:27:47
618
原创 【Java Web】XML格式文件
一、XML是什么一、XML是什么XML即可扩展的标记语言，由标记语言可知其基本语法和HTML一样都是由标签构成的文件。所谓可扩展就是在XML文件中，在没有约束的情况下，用户可以写任意的标签元素、系统都不会提示报错。通常XML格式的文件主要作为配置文件来使用。二、常见配置文件类型。
2024-06-26 18:17:54
742
原创 【JavaScript】正则表达式
String.replace(匹配模式,替换值)-----将字符串中满足匹配模式的子串替换为指定值，并以新字符串的形式返回。(正则表达式)：表示将正则表达式匹配到的结果作为一组，后面可以使用\num形式来引用组中匹配到的结果值。JS默认为非贪婪模式即只要匹配到了目标字符串就立即结束匹配，此修饰符表示满足正则规则的字符串都能匹配上。{min,max} ：前一个字符必须匹配min~max次即最少匹配min次，最多匹配max次且不能为负数。{m,}: 前一个字符至少匹配m次,直到不满足匹配规则结束。
2024-06-26 18:11:23
838
原创 【JavaScript】DOM编程
一、什么是DOM编程开发人员写好的网页文件在生产环境中是需要部署在Web服务器上的。用户通过在浏览器上输入URL地址来请求获取企业Web服务器上已经部署好的html文件，企业Web服务器收到用户的请求后会把用户请求的html文档发给用户电脑上的浏览器。浏览器收到html文档后会将其文件内容加载到用户电脑本地的内存中，并以document对象变量的形式来实时解析同步document对象所指内存中的html文档内容。
2024-06-26 18:06:26
847
原创 【JavaScript】BOM编程
当我们使用浏览器打开一个网页窗口时，此窗口会有一系列看得见和看不见的东西组成。比如：地址栏、浏览网页历史的前进和后退、网页主体内容、通过F12打开的浏览器控制台以及浏览器要存储数据的位置等组件构成。JS为了操作用户打开的浏览器页面窗口等各个部分于是将其窗口的各个组件抽象成一个的对象、并将用户打开的窗口也抽象成一个对象，然后将抽象的各组件对象封装在window对象内作为window对象的属性；这样开发者就可以通过使用window对象中封装的方法API和其属性对象中的方法API来控制浏览器的属性和行为。
2024-06-26 18:01:19
812
原创 【JavaScript】事件绑定
事件就是行为动作。在HTML中事件可以是浏览器的行为，也可以是用户的行为。当这些行为发生时，可以自动调用JS中对应的函数来对这些行为做出处理，所谓的事件驱动就是行为触发函数中代码的运行这一特点。
2024-06-26 17:56:14
364
原创 【JavaScript】JS对象和JSON
var perStr='{"属性名":"属性值","属性名":"属性值","属性名":{},"属性名":["","",""],"属性名":[{},{},{}]}'3、创建数组并初始化：new Array("one","two",2) ,可简写: var 数组名=[元素,...]9、数组.splice(start,deleteCount,[添加的元素,...])---删除或删除添加原数组元素。1、数组1.concat(数组2)---返回数组1和数组2合并后的新数组。
2024-06-26 17:41:43
739
原创 【JavaScript】流程控制和函数
3、调用方法时实参和形参可以在数量上不一致，在被调用方法内部可以使用arguments数组名来获取调用时传递的实参有哪些。1、没有访问修饰符，没有返回值类型、若函数有值要返回则直接return即可。1、if表达式值非空字符串判断为true，如"hello!case 表达式1: 语句;case 表达式2：语句;case 表达式3：语句;default: 语句;while(表达式){switch(表达式){3、if表达式值为非零number数值判断为true。2、if表达式值为非null对象判断为true。
2024-06-26 17:35:03
384
原创 【JavaScript】数据类型和运算符
JS是弱类型的语言，在声明变量时不需要指定数据类型，变量的数据类型在给其赋值时确定；如：var a=20;== 如果两端的操作数的数据类型不一致会将两端的数据都转化为number类型后在进行比较。除零值为Infinity，不管操作数是整数还是小数除的结果值都和数学计算的值一样。例如转化： ‘123’---->123、true--->1、 false--->0。=== 两端的操作数数据类型不一致直接返回false，数据类型相同才会进行比较。在人工计算复合运算符的值时，只需将操作数中间的等号去掉，在求结果。
2024-06-26 17:27:56
249
原创 【JavaScript】一键入门
Java Script是由网景公司的Live Script发展而来的一种运行在客户端浏览器上的脚本语言，可以实现网页如文本内容、数据动态变化和动画特效等即浏览器与用户交互的这种体验。
2024-06-26 17:16:45
447
原创 Linux综合实践(Ubuntu)
2.3.9 重新apache2服务，并在浏览器中输入如http://192.168.82.8:8008/wordpress进行测试。说明： 可以通过查看日志tail –f /var/log/syslog，来观察计划任务执行的信息结果。2.2.4 修改smb服务配置文件，将刚创建的两个共享目录共享出去。1.3.1 为虚拟机添加两块网卡，并分别设置为NAT和桥接模式。2.3.8 设置wordpres目录所属用户和组，并设置其权限。2.1.2 修改配置文件设置服务监听的端口为8008。
2024-06-01 00:21:17
2072
3
原创 Linux源码包安装
"rpc-whitelist": "127.0.0.1", 允许远程连接的IP地址白名单，支持通配符，多个IP以逗号分隔。"rpc-password": "OrionGuan", 默认密码这里是加密的，启动后会自动加密。"download-dir": "/sdb/bt/Downloads", 下载完成的保存路径。"rpc-username": "GuanOrion", 远程电脑登录网页GUI的用户名称。"incomplete-dir": "/sdb/bt/tmp", 未下载完成的保存路径。
2024-03-22 22:45:52
926
4
原创 Linux磁盘管理
说明：使用“sudo vim /etc/fstab”命令向fstab磁盘永久挂载文件中添加下面两条文本。添加保存完成后使用“sudo mount -a” 命令读取fstab文件中的配置信息使文件中的磁盘设备立即挂载到系统。@声明：“山月润无声”博主知识水平有限，以上文章如有不妥之处，欢迎广大IT爱好者指正，小弟定当虚心受教！sudo fdisk /dev/sda 对磁盘进行分区。5.+5G选择结束位置，即创建5G的分区。2.按p 选择分区类型为主分区。1.按n 创建分区。
2024-03-22 22:24:00
553
原创 【Java Web】秒懂CSS样式！
css的浮动就是使元素脱离文档流，使其按照指定的方向(左或右)移动，直到它的外边缘碰到包含它的父边框或其它的浮动元素为止，总之就是它让出的位置空间会被其它的元素所侵占这就是浮动。css层叠样式表能够对网页中标签元素位置的排版进行像素级别的精确控制，支持几乎所有的字体和字号样式，拥有对网页对象和模型的样式编辑的能力，简单的说就是用来美化网页的。缺点：内嵌式定义的样式只能被本网页文件中的标签元素使用，而不能被其它html网页文件中的标签元素使用，因此内嵌式的样式复用还不够很好。语法：.class属性值{}
2024-03-09 18:44:42
902
原创 【Java】图形、图像与音频（实验十二）
用户使用Tookit对象的引用可以调用Image getImage(“图像文件名”)方法获取封装有图像的Image类的对象，之后用户就可以在paint()方法中使用Grapics2D类的对象调用其public boolean drawImage(Image img, int x, int y, int width, int height, ImageObserver observer)方法实现在组件上绘制图像；若一个值为负值则此负符号一般表示逆向。t1.add(t2)-------------或。
2024-02-24 19:15:11
1097
原创 【Java】Java网络编程（实验十一）
在main()方法中创建远程对象，并使用java.rmi包中Naming类的静态方法Naming.rebind(“rmi://服务端IP地址”,远程对象)将远程对象绑定到rmiregistry所管理的注册表中。②客户端使用强制类型转换，将获取到的远程对象引用转化为Remote的子接口类型，以此客户端便可使用此远程子接口对象来回调服务端远程对象中的方法，并将服务端的执行结果返回本客户端。socket.receive(pack) //需创建DatagramPacket类的包对象pack用于接收数据。
2024-02-24 19:00:12
827
原创 【Java】多线程编程（实验十）
算法描述及实验步骤：①首先定义一个银行类并实现Runnable接口的run()方法，作为两个顾客线程的目标对象用于顾客存钱的银行。②在银行类中创建一个count实例变量用于存放顾客汇款总钱数。③在银行类中实现run()方法并使用循环的机制来模拟每人三次汇款的情况，然后使用println()方法输出每次顾客汇款的情况。④在主类中创建两个顾客线程并将银行类的实例作为其两个线程去银行存钱的目标对象。⑤使用setName()方法为两个顾客线程起名字。
2024-02-24 18:42:00
1046
原创 【Java】应用JDBC访问数据库（实验九）
说明：在sql参数中可以使用英文的”?rs.absolute(int row)------将游标移动到指定的行记录，如果移动到首行之前或最后行之后则返回false。rs.next()-------游标向下移动一行，如果移动到了最后行之后或首行之前则返回false。rs.getRow()---------获取游标当前指向的行号，第一条记录行号就是1，依次类推。rs.afterLast()------------将游标移动到最后行之后。rs.beforeFirst()---------将游标移动到首行之前。
2024-02-24 18:25:10
1319
原创 【Java】输入输出流（实验八）
10、对象流结合文件字节输入输出流可以实现将序列化对象（实现了Serializable接口的类创建的对象）的信息写出保存到文件中，并从文件中以克隆对象的方式读入保存在文件中的序列化对象信息来生成新的克隆对象并返回。9、使用数据流对象可以实现以指定数据类型的方式来读写文件。可以使用FileInputStream类创建字节输入流并用read()放法将文件中的数据读入到指定的字节数组中，FileOutputStream类创建字节输出流并可以使用write()方法可以将程序中的字节数组元素数据输出到文件中。
2024-02-24 18:02:10
1053
原创 【Java】Java组件及事件处理（实验七）
此时，只要用户一点击组件如:按钮，系统就会自动创建一个事件类的对象，然后这个组件的监视器对象就会捕捉到这个事件类的对象，然后监视器就带着事件类的对象自动调用自身所在类中的专门用来处理此事件的方法，来对组件触发的特定事件进行处理。声明三个容器面板、两个按钮、一个提示标签和一个7行7列的标签数组用作日历的日期、一个监视器、一个Calendar类的对象用于获取日历。1、容器就是用来存放其它组件如：按钮、文本框、下拉列表、树组件、表格等和中间容器的容器比如JFrame窗口、对话框、面板等都是容器。
2024-02-24 17:47:26
1265
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人