![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaWeb
我以为心都空了
嘿嘿
展开
-
Day15-01.maven高级-分模块设计与开发
我们在项目设计阶段,就可以将一个大的项目拆分成若干个模块,每一个模块都是独立的,比如可以商品相关的功能放在商品模块中,搜索相关的业务功能放在搜索模块中…随着业务的扩张,这个项目当中的功能可能会越来越多,假如我们开发的是一个大型的电商项目,里面可能就包括了商品模块、搜索模块、订单模块、购物车模块等等,这些所有的业务代码我们都在一个Java项目中编写,这个项目至少几百个人开发,这些开发人员全部操作这一个Java项目,此时就会发现这个项目管理和维护起来会非常困难。如果项目不分模块又会存在什么样的问题呢?原创 2024-07-04 14:34:11 · 1365 阅读 · 0 评论 -
Day15-02.maven高级-继承与聚合-继承关系实现
刚才在做案例项目的多模块拆分的时候,可以看到我们所拆分的三个模块无论是poji还是urils或者web-management,都引入了lombok的依赖,重复配置了多次。如果是在一个大型的项目中,三个模块重复的依赖可能非常非常多,如果每一个maven模块里面我们都单独配置一次,功能虽然能实现,但是配置比较繁琐,maven的继承就是用来解决这个问题的。使用maven的继承怎么解决这个问题呢?创建一个父工程tlias-parent,然后让那三个模块都来继承这个parent父工程,这三个就成为子工程。此时各个子工原创 2024-07-03 00:33:35 · 215 阅读 · 0 评论 -
Day15-03.maven高级-继承与聚合-版本锁定
我们可以在pom文件的properties标签中自定义标签,用它来表示版本号,用到的地方直接引用这个标签。为什么spring-boot-starter-web在parent中没有指定版本,子工程也不用指定版本呢?原创 2024-07-03 00:30:26 · 264 阅读 · 0 评论 -
Day15-04.maven高级-继承与聚合-聚合实现
1、作用:①:聚合用于快速构建项目②:继承用于简化依赖配置、统一依赖管理2、相同点:①:聚合与集成的pom.xml文件打包方式均为pom,可以将两种关系制作到同一个pom文件中②:聚合与冀衡均属于设计型模块,并无实际的模块内容3、不同点:①:聚合是在聚合工程中配置关系,聚合可以感知到参与聚合的模块有哪些②:继承是在子模块中配置关系,父模块无法感知哪些子模块继承了自己感知到参与聚合的模块有哪些。原创 2024-07-03 00:29:39 · 299 阅读 · 0 评论 -
Day15-05.maven高级-私服
同一个公司的两个项目组之间如何基于私服来进行资源的共享?假设在同一个公司有两个项目组,a项目组和b项目组。a项目组和b项目组的开发人员本地电脑上都有自己的maven本地仓库。接下来假设a项目组开发了一个模块utils,打了个jar包安装在了自己的本地仓库,此时b团队也想使用a团队开发的utils工具包,怎么做呢?直接在pom.xml中配置utils的依赖可不可以?不可以!!我们在pom.xml中配置的依赖坐标他的查找顺序是怎么样的?原创 2024-07-03 00:23:19 · 586 阅读 · 0 评论 -
Day03-01:Ajax-Axios2-案例
1.数据准备的url:http://yapi.smart-xwork.cn/mock/169327/empist。2.在页面加载完成后,自动发送异步请求,加载数据,渲染展示页面(性别:1代表男,2代表女)。基于Vue及Axios完成数据的动态加载展示。原创 2024-07-03 00:21:11 · 177 阅读 · 0 评论 -
Day03-01:Ajax-介绍
1.Ajax1.概念:Asynchronous JavaScript And XML,异步的JavaScript和XML。2.作用:1.数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。2.异步交互:可以在不重新加载整个页面的情况下,与服务器叫喊数据并更新部分网页的技术,如:搜索联想、用户名是否可用的校验等等。 ----------请求----------》原创 2024-07-03 00:20:20 · 397 阅读 · 0 评论 -
Day03-02:Ajax-Axios2-概念
Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 2.post请求:而post请求的请求参数是在请求体当中传递的,那么在axios当中通过data这个属性来制定post请求所传递的请求参数。 1.get请求:需要传递请求参数的话,可以直接在url的后面通过?3.Axios入门(从then开始到最后,是成功回调函数)代码演示。3.Axios入门(从then开始到最后,是成功回调函数) 2.使用Axios发送请求,并获取响应结果。原创 2024-07-03 00:19:41 · 117 阅读 · 0 评论 -
Day03-03:前端工程化
在之前的前端开发当中,我们需要什么样的资源,我们就在工程当中引入对应的字眼,然后直接使用就可以了。这种结构的工程在开发大型项目的时候会存在很多的问题,比如说我们每一次开发一个功能都是从0开始,多个页面中的组件或者是功能复用性并不好,并且我们的JS文件,图片资源文件没有规范化的存储目录。我们使用了前端工程化以后,使用Vue开发大型项目的时候,我们就需要考虑代码的目录结构、代码的部署和测试等事情。自动化:指的是项目的构建、项目的部署、项目的测试都可以自动化的进行。 这些就组成了前端的工程化开发。原创 2024-07-03 00:19:10 · 123 阅读 · 0 评论 -
Day03-04:前端工程化-环境准备
3.依赖环境:NodeJS(是前端工程化的运行环境,就类似于Java程序运行需要用到JDK环境一样) 1.介绍:Vue-cli是Vue官方提供的一个脚手架,用于快速生成一个Vue的工程化项目模版。 3.热部署(我们应用程序的代码变动了,我们不需要再次运行就可以加载最新的程序) 1.统一的目录解耦。 5.集成打包上线。3.安装脚手架vue-cli… 2.本地调试。 4.单元测试。2.安装NodeJS…原创 2024-07-03 00:18:39 · 128 阅读 · 0 评论 -
Day03-05:前端工程化-Vue项目
node_modules(文件夹):用来存放整个项目的依赖包。在这个目录下存放了很多很多的文件和文件夹,当前项目所有依赖的其他文件,包括JS文件、css文件都存放在这个目录下。 vue.config.js:保存Vue配置的文件,如:代理、端口的配置等。 public(文件夹):存放项目的静态文件。 src(文件夹):存放项目的源代码(非常重要)。 components(文件夹):可重用的组件。 views(文件夹):视图组件(页面)原创 2024-07-03 00:18:05 · 224 阅读 · 0 评论 -
Day03-06:前端工程化-Vue项目开发流程
import代表的是引入模块,与之对应的是export导出为模块,用export导出为模块,然后再要使用到的地方使用import导入。导入之后就可以在这个文件中使用这个组件了。Vue项目的开发很少操作main.js文件和index.html文件,主要操作的就是一个组件文件,也就是.vue这样的文件。这个页面默认引入了入口文件main.js(这个文件中引入了很多的公共组件,比如App.vue这个组件)分析如何访问到Vue项目的首页面的-也就是Vue项目的开发流程。默认首页面:index.html。原创 2024-07-03 00:17:35 · 203 阅读 · 0 评论 -
Day03-07:Element快速入门
默认情况下展示的是根组件里面的内容,也就是App.vue,而现在想展示的ElementView.vue里面的内容,所以就需要在根组件中引入ElementView.vue里面的内容。1.Element:是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。所以需要把原来的内容注释掉,即在div标签里面输入 ,然后会自动导包和把组件加入到vue中。2.组件:组成网页的部件,例如:超链接、图片、按钮、表格、表单、分页条等等。3.访问官网,复制组件代码,调整。原创 2024-07-03 00:17:05 · 151 阅读 · 0 评论 -
Day03-08:Element-组件-Table表格
代码在:C:\Users\远赴人间惊鸿宴\Desktop\vueproject03\vue-project03\src\views\Element的ElementView.vue里面。Table表格:用于展示多条结构类似的数据,可对数据进行排序,筛选、对比或其他自定义操作。Table 表格(带边框表格)原创 2024-07-03 00:16:33 · 125 阅读 · 0 评论 -
Day03-09:Element-组件-Pagination分页
代码在:C:\Users\远赴人间惊鸿宴\Desktop\vueproject03\vue-project03\src\views\Element的ElementView.vue里面。可选值有:sizes、prev、pager、next、jumper。可以在layout中控制组件名字的出现顺序从而改变组件的位置。Pagination分页:当数据量过多时,使用分页分解数据。total:是否展示总共的记录数。prev:是否展示上一页的按钮。next:是否展示下一页的按钮。pager:展示每一页的页码。原创 2024-07-03 00:16:01 · 208 阅读 · 0 评论 -
Day03-10:Element-组件-Dialog对话框
通过控制这个变量来控制对话框的显示或隐藏,如果为true,则展示。默认是false隐藏的,点击按钮后会将状态设置为true。Dialog对话框:在保留当前页面的状态下,告知用户并承载相关操作。原创 2024-07-02 14:52:59 · 244 阅读 · 0 评论 -
Day03-11:Element-组件-Form表单
常用组件:Form表单:由输入框、选择器、单选框、多选框等组件,用以收集、校验、提交数据。通过v-model将各个表单当中的数据绑定到一个对象当中。原创 2024-07-02 14:52:24 · 377 阅读 · 0 评论 -
Day03-12:Element-案例-基本页面布局
默认情况下展示的是根组件里面的内容,也就是App.vue,而现在想展示的ElementView.vue里面的内容,所以就需要在根组件中引入ElementView.vue里面的内容。http://yapi.smart-xwork.cn/mock/169327/emp/list(老师给的,打不开)1.Element:是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。2.组件:组成网页的部件,例如:超链接、图片、按钮、表格、表单、分页条等等。原创 2024-07-02 14:51:27 · 303 阅读 · 0 评论 -
Day03-13:Element-案例-页面组件实现
无。原创 2024-07-02 14:50:52 · 221 阅读 · 0 评论 -
Day03-14:Element-案例-axios异步加载数据
无。原创 2024-07-02 14:50:20 · 224 阅读 · 0 评论 -
Day03-15:vue路由
这些都是可以配置的。因为在我们生成的这个Vue项目当中,在main.js入口文件当中,已经将这个路由信息导入进来了(也就是这段代码:import router from ‘./router’),并且已经使用了(并且在创建Vue对象的时候已经指定了路由)。比如你访问的如果是/emp,那我要展示的组件就是empView.vue这个组件,如果访问的是/user,那我要展示的组件就是userView.vue这个组件。这个路由器类的作用就是依据我们配置的这份路由表,根据路由请求,在路由视图中更新展示对应的组件。原创 2024-07-02 14:49:45 · 828 阅读 · 0 评论 -
Day03-16:打包部署
1.在当前前后端分离的开发模式中,前端人员编写前端的工程,后端人员编写后端的Java工程,最终要把开发完毕的前端工程和后端工程要分开部署在对应的服务器上。注意事项:Nginx默认占用的是80端口号,如果80端口号被占用了,可以在nginx.conf中修改端口号(netstat -ano | findStr 80) 1.部署:将打包好的dist目录下的文件,复制到Nginx安装目录的html目录下。 2.启动:双极nginx.exe文件即可,Nginx服务器默认占用 80 端口号。原创 2024-07-02 11:30:25 · 348 阅读 · 0 评论 -
Day03-17:盒子模型
注意:如果只需要设置某一个方位的边框、内边距、外边距可以在属性名后面加上 -位置,如:padding-top、padding-left、padding-right… 组成:内容(content)、内边距(padding)、边框(border)、外边距(margin)/* 如果没有这条 就表示width和height是内容的宽度而不是盒子(边框以内)的宽度 *//* 边框, 边框的宽度 线条类型(solid代表实线) 颜色 *//* 设置盒子宽度 *//* 设置盒子高度 */原创 2024-07-02 11:29:53 · 327 阅读 · 0 评论 -
Dat04-01:Maven-课程介绍
1.前端Web开发:2.后端Web开发:1.Maven2.SpringBoot Web 基础篇3.MySQL5.SpringBoot Web开发篇6.SpringBoot Web进阶篇3.什么是Maven?Maven是apache旗下的一个开源项目,是一款用于管理和构建Java项目的工具。Apache软件基金会,成立于1999年7月,是目前世界上最大的最受欢迎的开源软件基金会,也是一个专门为支持开源项目而生的非盈利性组织。原创 2024-07-02 11:29:09 · 289 阅读 · 0 评论 -
Dat04-02:Maven-概述-介绍&安装
1.Maven介绍:1.Apache Maven 是一哥项目管理工具和构建工具,它基于项目对象模型(POM)(project object model)的概念,通过一小段描述信息来管理项目的构建。原创 2024-07-02 11:28:38 · 384 阅读 · 0 评论 -
Dat04-03:maven-idea集成-配置及创建maven项目
不要打开任何一个project,直接诶点击file,点击close project,在这个界面中来配置,这个界面所配置的参数,并不针对任何一个工程的。 2.artifactId:定义当前Maven项目名称(通常是模块名称,例如order-service,goods-service) 1.groupId:定义当期项目隶属组织名称(通常是域名反写,例如:com.itheima)1.Maven中的坐标是资源定位的唯一标识,通过该坐标可以唯一定位资源位置。原创 2024-07-02 11:28:05 · 399 阅读 · 0 评论 -
Dat04-04:maven-idea集成-导入maven项目
方式一:打开IDEA,选择右侧Maven面板,点击+号,选中对应项目的pom.xml文件,双击即可。方式二:打开IDEA,选择右侧Maven面板,点击+号,选中对应项目的pom.xml文件,双击即可。原创 2024-07-02 11:27:27 · 268 阅读 · 0 评论 -
Dat04-05:maven-依赖管理-依赖配置
注意:在添加这个依赖的时候,可能没有提示信息,这是因为在我们的仓库中还没有这项依赖,所以是没有提示的。如果要修改依赖的版本号,可以在里面查找依赖的信息,然后把信息粘贴进去,这时候会联网下载对应的依赖,下载完毕之后,版本号就切换过来了。1.如果引入的依赖在本地仓库中不存在,将会连接远程仓库/中央仓库,然后下载依赖。(这个过程比较耗时)2.如果不知道依赖的坐标信息,可以到https://mvnrepository.com/中搜索。1.依赖:指当前项目运行所需要的jar包,一个项目中可以引入多个依赖。原创 2024-07-02 11:26:56 · 150 阅读 · 0 评论 -
Dat04-06:maven-依赖管理-依赖传递
如果项目A里面不需要项目B这个依赖里面的JAR(3)这个依赖,那么就可以在项目A的pom文件里面引入项目B依赖的时候输入。 3.排除依赖:排除依赖是指主动断开依赖的资源,被排除的资源无需指定版本。 可以在pom文件中右键—》Diagrams—》show Dependencies 就可以以可视化的方式查看依赖关系。2.间接依赖:被依赖的资源如果依赖其他资源,当前项目间接依赖其他资源。1.直接依赖:在当前项目中通过依赖配置建立的依赖关系。原创 2024-07-02 11:26:20 · 400 阅读 · 0 评论 -
Dat04-07:maven-依赖管理-依赖范围
在pom.xml文件中配置的JAR包,默认情况下,是可以在任何地方使用的。(package指令范围内)(test文件夹范围内)(main文件夹范围内)原创 2024-07-02 11:25:47 · 340 阅读 · 0 评论 -
Dat04-08:maven-依赖管理-生命周期
实际上,Maven的生命周期以及生命周期的各个阶段,都是抽象的概念,它并不执行具体的操作,它的具体操作是由与其绑定的Maven插件来完成的。在idea中可以看到,Lifecycle下面的就是生命周期的各个阶段,Plugins下面的就是与生命周期各个阶段绑定的插件。install:安装项目到本地仓库(Maven的)(jar包安装进去之后,如果想再去开发其他项目,要用到这个jar包当中的功能,就可以直接通过依赖配置,将这个jar包的坐标引入进去了可以了)这些生命周期的执行都是由Maven当中的插件来完成的。原创 2024-07-01 08:31:29 · 384 阅读 · 0 评论 -
Day04-09:Web入门-课程介绍
1.Spring1.官网:spring.io2.Spring发展到今天已经形成了一种开发生态圈,Spring提供了若干个子项目,每个项目用于完成特定的功能。如果在项目中直接基于Spring框架(Spring Framework)开发, 会存在两个问题:1.配置繁琐2.入门难度大所以Spring在后面意识到之后又推出了SpringBoot,而基于SpringBoot就可以快速开发一个应用程序。原创 2024-07-01 08:30:48 · 131 阅读 · 0 评论 -
Day04-10:Web入门-SpringBootWeb-快速入门
需求:使用SpiringBoot开发一个web应用,浏览器发起/hello请求后,给浏览器返回字符串“Hello World”。由于Springboot版本太高了,JDK11发布的时候还没出来,所以把pom.xml文件里面的代码全部换成下面的。2.定义HelloController,添加方法hello,并添加注解。1.创建springboot工程,并勾选web开发相关依赖。或者在创建的时候把springboot的版本调低一点。原创 2024-07-01 08:30:16 · 311 阅读 · 0 评论 -
Day04-11:Web入门-HTTP协议-概述
我们在浏览器地址栏输入localhost:8080等地址的时候,浏览器默认会在请求前面给我们加上http://协议1.Http1.概念:Hyper Text Transfer Protocol,超文本传输协,规定了浏览器和服务器之间数据传输的规则。2.特点: 1.基于TCP协议:面向连接,安全 2.基于请求-响应模型的:一次请求对应一次响应 3.HTTP协议是无状态的协议:对于事务的处理没有记忆能力。每次请求-响应都是独立的。 缺点:多次请求间不能共享数据。原创 2024-07-01 08:29:38 · 145 阅读 · 0 评论 -
Day04-12:Web入门-HTTP协议-请求协议
请求方式-GET:请求参数子啊请求行中,没有请求体。Accept-Encoding:标识浏览器可以支持的压缩类型,例如gzip,default等。Accept-Language:标识浏览器偏好的语言,服务器可以据次返回不同语言的网页。请求方式-POST:请求参数在请求体中,POST请求是没有大小限制的。3.请求体:POST请求,存放请求参数(POST请求方式独有)Content-Length:请求主题的大小(单位:字节)1.请求行:请求数据第一行(请求方式,资源路径,协议)Host:请求的主机名。原创 2024-07-01 08:28:58 · 180 阅读 · 0 评论 -
Day04-13:Web入门-HTTP协议-响应协议
重定向是指:客户端浏览器要去访问A服务器上的资源,接下来他要发送请求到A服务器,但是这个资源已经被挪到B服务器了,Content-Type:表示该响应内容的类型,例如text/html,application/json。此时浏览器拿到响应回来的状态码和路径时,接下来浏览器会自动的去请求B服务器上的资源,从而获得响应数据,如:请求了不存在的资源,客户端未被授权,禁止访问等。1xx:响应中-临时状态码,表示请求已经接收,告诉客户端应该继续请求或者如果它已经完成忽略它。3.响应体:最后一部分,存放响应数据。原创 2024-07-01 08:28:28 · 383 阅读 · 0 评论 -
Day04-14:Web入门-HTTP协议-协议解析
1.概念:Hyper Text Transfer Protocol,超文本传输协,规定了浏览器和服务器之间数据传输的规则。原创 2024-07-01 08:27:57 · 87 阅读 · 0 评论 -
Day04-15:Web入门-Tomcat-介绍
1.Web服务器:Web服务器是一个软件程序,对HTTP协议的操作进行封装,使得程序员不必直接对协议进行操作,让Web开发更加便捷。主要功能是"提供网上信息浏览服务"。(也就是说,我们只需要在我们的服务器当中,安装应该Web服务器,比如当前最为流行的Tomcat,然后我们就可以将我们开发好的Web应用部署在Tomcat服务器上,然后启动服务器之后,我们就可以打开浏览器,直接访问到部署在tomcat服务器上的应用程序。原创 2024-07-01 08:27:26 · 153 阅读 · 0 评论 -
Day04-16:Web入门-Tomcat基本使用
注意:HTTP协议默认端口号为80,如果将Tomcat端口号改为80,则将来访问Tomcat时,将不用输入端口号。1.下载:官网下载,地址 https://tomcat.apache.org/download-90.cgi。 1.控制台中文乱码:修改conf/ logging.properties。 2.bin\shutdown.bat:正常关闭。4.启动:双击:bin\startup.bat。 1.直接×掉运行窗口:强制关闭。2.端口号冲突:找到对应程序,将其关闭掉。原创 2024-07-01 08:26:51 · 208 阅读 · 0 评论 -
Day04-17:Web入门-Tomcat-入门程序解析(内嵌tomcat)
3.官方提供的starter:https://docs.spring.io/spring-boot/docs/2.7.4/reference/htmlsingle/#using.build-systems.starters。1.spring-boot-starter-web:包含了web应用开发所需要的常见依赖。2.spring-boot-starter-test:包含了单元测试所需要的常见依赖。2.内嵌Tomcat服务器。原创 2024-07-01 08:26:20 · 153 阅读 · 0 评论